domingo, 18 de enero de 2015

Práctica 3: Análisis del código HTML de páginas web

Exercicio 1

Ver o código fonte. Identificar etiquetas.

INTERNET EXPLORER


<meta name="keywords" content="" />





<link rel="stylesheet" type="text/css" href="/web/css/__.css" />





MOZILLA FIREFOX


<body id="body">

<div id="bR">
 <div id="bloqueSuperior">
  <div id="cabLogo"><a href="/index.html" target="_top"><img src="/web/img/img_MinisterioCultura.gif" alt="Enlace a la página de inicio del Ministerio de Cultura" /></a></div>
  <div id="navRecursiva"><ul title="Navegación Recursiva"><li class="primerElemento"><a href="/contacte/contacteLoadSaveForm.do?layout=contacte&amp;tipoArea=TIPOGENERAL&amp;cache=init&amp;language=es" target="_top" title="">Contacte</a></li><li><a href="/principal/nr/mapaWeb.html" target="_top" title="">Mapa web</a></li><li><a href="/principal/nr/canales.html" target="_top" title="">Canales</a></li><li><a href="http://www.mcu.es/AsistenteVirtualWeb/StartVirtualAsistentAction.do?bolJavaScript=false" target="_blank" onclick="ventanaSecundaria(); return false" title=" Se abre en ventana nueva">Asistente Virtual</a></li></ul></div><br />
  <div id="barraNavPrincipal"><div id="navPrincipal"><ul><li><a href="/principal/ministerio.html" target="_top" title="" class="activo">Ministerio</a></li><li><a href="/principal/areas.html" target="_top" title="">Áreas</a></li><li><a href="/principal/proyectosculturales.html" target="_top" title="">Proyectos</a></li><li><a href="/principal/servicios.html" target="_top" title="">Servicios</a></li><li><a href="/principal/prensa.html" target="_top" title="">Prensa</a></li><li><a href="/agendacultural/buscarDestacados.do?action=busquedaInicial&amp;cache=init&amp;layout=agenda&amp;showBack=false&amp;language=es" target="_top" title="">Agenda</a></li></ul></div><div id="buscar"><form name="formulario" method="post" action="/buscador/buscar.do?layout=buscador&amp;cache=init&amp;action=busquedaInicial&amp;language=es"><fieldset><legend>Formulario para BUSCAR dentro del Ministerio de Cultura</legend><label for="queryString">Buscar: </label><input type="text" name="queryString" id="queryString" tabindex="1" class="txtBuscar" accesskey="B" /><input type="submit" tabindex="2" class="btBuscar" value="Buscar"/></fieldset></form></div></div>
 </div>
 <div id="imgtemp">
  <div id="imagen"><img src="/web/img/imgCab_M01.jpg" alt="" /></div>
  <div id="rotuloSeccion"><h1>Ministerio de Cultura</h1></div>
  <div id="caminoMigas"><ul><li class="primerElemento"><a href="/index.html" target="_self" title="">Inicio</a></li><li><a href="/principal/ministerio.html" target="_top">Ministerio de Cultura</a></li></ul></div>
 </div>
  


 <div id="bordeIzq"><div id="bordeDer">
  <!--<div id="pantalla">-->
   
   <div id="central">

    <h2></h2>                                          
    
    
    
    
    
    <div id="bloqueContenido">




    <!-- Inicio Contenido -->
     <div id="contenido"><div id="avisoError">
 <h3>Error. </h3>
 <p>Acceso no autorizado. Esta usted intentado acceder a una página para la que no tiene permisos.</p>
</div>
</div>
    <!-- Fin Contenido -->

    <hr class="clearBoth" />
    </div><!-- fin de div id="bloqueContenido" -->
   </div><!-- fin de div id="central" -->
  
 </div></div><!-- fin de div id="bordeIzq" y de div id="bordeDer"-->
 <div id="bloqueInferior">
  <div class="pieImagenes">
    <a href="http://www.w3.org/WAI/WCAG1AA-Conformance" target="_blank" title="Ventana nueva"><img src="/web/img/img_dobleA.gif" alt="Icono de conformidad con el Nivel Doble-A de las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI. Este enlace abre una ventana nueva" class="dobleA" /></a>
    <a href="/centroInformacionCiudadano/RSS.html" target="_top"><img src="/web/img/imgRSS.gif" alt="Titulares RSS disponibles" class="rss" /></a>
  </div>
  <div class="pie">
   <p >&copy; Ministerio de Cultura</p><ul><li class="primerElemento"><a href="/principal/nr/AvisoLegal.html">Aviso Legal</a></li><li><a href="/principal/nr/GuiaNavegacion.html">Guía de Navegación</a></li><li><a href="/principal/nr/Accesibilidad.html">Accesibilidad</a></li></ul>
  </div>
 </div><!-- fin bloqueInferior -->
</div><!-- fin de div id="bR" -->

</body>

Exercicio 2

Modificar o código da fonte. Visualización de cambios.

Práctica 2: Análisis da accesibilidad das páxinas web.

No exercicio da práctica 2 analicei as páxinas xunta.es e accesible.es. A páxina da xunta presenta un logotipo situado na parte superior izquierda, conten distintas imaxes e etiquetas nos diversos enlaces, e permite unha fácil accesibilidade. Analizando a páxina web de accesible.es, atopeime con que non tiña ningún tipo de logotipo nin siglas, presenta unha gran simplicidade nas súas etiquetas y es inexistente algún tipo de texto en los enlaces.

Para completar la práctica 2, analicé una tercera página: idae.es. Tras analizar esta, el resultado es el siguiente: En el nivel AA, AAA y A tiene cinco problemas.

Práctica 1

Análise dunha páxina web , twitter.

Exercicio 1 Páx 286 

Exercicio 2 Páx 286



 Exercicio 3 e 4 Páx 286


Elementos de la imagen
twitter.es
Presencia del diseño
Twitter presenta un aspecto sencillo y tecnológico.
Uso de colores
El uso de los colores es escaso, pero no predomina ninguno, puesto que cada usuario puede elegir la tonalidad que mas le guste.
Uso de multimedia
Twitter cuentacon archivos multimedia, como fotos, grabaciones, audios, etc.
Fotos y textos
Predomina la letra, puesto que es una red social en la cual cada integrante escribe lo que quiere.
Disposición de buscador
La página cuenta con un buscador para facilitar el manejo y la búsqueda en la dicha página. Este se encuentra en la parte alta del margen izquierdo.
Cambio del tamaño de la letra
Tiene mayoritariamente el mismo tamaño de letra, exceptuando los distintos títulos, que tiene un tamaño superior para resaltar su importancia.
Personalizar contenidos, cambiar de idioma
Permite personalizar la página y cambiar el idioma.
Fuente RSS, mapa web
Tiene diversas características: permite visitar distintos espacios dentro de twitter, así como dejar comentarios en los distintos perfiles personales.
Engadir a favoritos
La página web permite añadirla a favoritos.
Compra on-line
No permite comprar on-line.