Iván García: enero 2015

Práctica 3.EJERCICIO 1



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>

EJERCICIO 1
Comencé con el análisi de las páginas www.xunta.es y ww.mitele.es . Los iconos son muy significativos ya que presentan una gran relación con la página web en si. El icono de mitele es una especie de bocadillo que presenta un botón de reprodución en su interior para comenzar con la utilización de la página de reproducción del vídeo. El de xunta es un caliz con varios símbolos gallegos , el cual representa bien a la página . Las dos cumplen correctamente los criterios de accesibilidad .

EJERCICIO 2
Hice el análisis de www.idae.es que presenta una accesibilidad AA , pero aparecen 5 errores perceptibles en la pauta de test de accesibilidad.

Práctica 1

Ejercicio 1

Prediseño	Apple.es
1.Objetivo	Mostrar sus productos.
2.Público	Su fácil uso de la página permite que cualquier público pueda usarlo .
3.Contenidos	Compuesto por diferentes pestañas en las que se muestran todos sus productos.
4.Directrices	Contiene una barra de búsqueda.

Ejercicio 2

Elementos gráficos y tipográficos	Apple.es
5.Tipo de letra	Presentan un tamaño de letra normal , con una fuente igual a lo largo de la web.
6.Aspecto	Tiene un aspecto totalmente aparente normal.

Ejercicio 3

Elementos de imagen	Apple.es
7.Presemcia de diseño	Es una página sencilla con un aire tecnológico que hace resaltar la página.
8.Uso de colores	Presentra un uso escaso.
9.Uso de ilustraciones , imágenes	Presenta fotos de sus artículos.
10.Composición de fotos y texto	Se presentan en mayor cantidad las imágenes en las páginas que presentan.

Ejercicio 4

Elementos funcionales	Apple.es
11.Dispone de buscador	Dispone de buscador , en la parte alta de la izquierdo , presenta buscador para facilitar la busqueda.
12.Cambio de tamaño de letra o alto contacto	A lo largo de toda la web presenta una letra de igual tamaño.
13.Personalizar contenidos , cambiar de idioma	No permite el cambio a otras lenguas , ni la personalización de la web.
14.Fuentes RSS , mapa de la web	Solo se permite la visita a la página.
15.Añadir a favoritos , establecer página de inicio no subscribirse a una newsletter	Está página se puede añadir a la lista de favoritos.
16.Compra on-line	Presenta en el margen derecho una opción de “comprar ahora”.

Iván García

lunes, 26 de enero de 2015

Práctica 4.Ejercicio 2

viernes, 23 de enero de 2015

Práctica 4.Ejercicio 1

lunes, 19 de enero de 2015

PRÁCTICA 3.Ejercicio 2

viernes, 16 de enero de 2015

Práctica 3.EJERCICIO 1

Práctica 2

Práctica 1

Archivo del blog