Agustín Figueira: enero 2015



Ejercicio 1: Ver el código fuente. Identificar etiquetas.

Internet explorer.

<META name="keywords" content="Museo del Traje"> 


<body>

 Mozilla Firefox.
<div id="h1text"><h1>Museo del Traje</h1></div>
<div id="loguito"><img src="images/loguito.jpg" alt="Museo del Traje" width="25" height="26" /></div>

<div class="mainBox">
<div class="minwidth">
<div class="layout">
<div class="container">
<div class="mainFrame">

<div class="enlaces"> | <a href='index.jsp?id=9&ruta=1'>contacto</a> | <a href="webmap.jsp">mapa web</a></div>

<div id="boxTop"><a href="http://www.mcu.es" target="_top"><img src="images/escudo.gif" alt="Ministerio de Educaci&oacute;n, Cultura y Deporte" width="320" height="60" /></a><a href="index.jsp" target="_top"><img src="images/logo.jpg" alt="Museo del Traje" width="260" height="60" /></a></div>

<div id="boxNav">
<div id="boxSearch">
  <form id="Search" method="post" action="index.jsp">
    <label for="textfield"></label>
    
      <input name="buscar_cadena" type="text" class="input" id="buscar_cadena" accesskey="1" tabindex="1" value="" size="22" />
    
    <label for="Submit"></label>
    <input type="submit" class="button" name="Buscar" value="Buscar" accesskey="2" tabindex="2" id="Submit" />
  </form>   
 </div>
</div>

<div id="boxMenu">

<div class="nivel0">INFORMACIÓN</div>
<div class="nivel1"><a href="index.jsp?id=11&ruta=2" target="_top">visita</a></div>
<div class="nivel1"><a href="index.jsp?id=12&ruta=2" target="_top">atención al visitante</a></div>
<div class="nivel1"><a href="index.jsp?id=13&ruta=2" target="_top">accesibilidad</a></div>
<div class="nivel1"><a href="index.jsp?id=14&ruta=2" target="_top">comunicación y prensa</a></div>
<div class="nivel0">EXPOSICIÓN</div>
<div class="nivel1"><a href="index.jsp?id=15&ruta=3" target="_top">visita virtual</a></div>
<div class="nivel1"><a href="index.jsp?id=16&ruta=3" target="_top">exposiciones temporales</a></div>
<div class="nivel1"><a href="index.jsp?id=316&ruta=3" target="_top">novedades</a></div>
<div class="nivel0">ACTIVIDADES</div>
<div class="nivel1"><a href="index.jsp?id=28&ruta=7" target="_top">agenda</a></div>
<div class="nivel1"><a href="index.jsp?id=77&ruta=7" target="_top">programación</a></div>
<div class="nivel1"><a href="index.jsp?id=81&ruta=7" target="_top">boletín digital</a></div>
<div class="nivel0">MUSEO</div>
<div class="nivel1"><a href="index.jsp?id=21&ruta=5" target="_top">historia</a></div>
<div class="nivel1"><a href="index.jsp?id=22&ruta=5" target="_top">club museo a mano</a></div>
<div class="nivel1"><a href="index.jsp?id=23&ruta=5" target="_top">quiénes somos</a></div>
<div class="nivel1"><a href="index.jsp?id=415&ruta=5" target="_top">el museo en cifras</a></div>
<div class="nivel0">INVESTIGACIÓN</div>
<div class="nivel1"><a href="index.jsp?id=24&ruta=6" target="_top">biblioteca</a></div>
<div class="nivel1"><a href="index.jsp?id=25&ruta=6" target="_top">publicaciones</a></div>
<div class="nivel0">COLECCIONES</div>
<div class="nivel1"><a href="index.jsp?id=17&ruta=4" target="_top">galería</a></div>
<div class="nivel1"><a href="index.jsp?id=18&ruta=4" target="_top">catálogo</a></div>
<div class="nivel1"><a href="index.jsp?id=19&ruta=4" target="_top">últimos ingresos </a></div>
<div class="nivel1"><a href="index.jsp?id=20&ruta=4" target="_top">el museo fuera del museo</a></div>



<br style="clear:both;" />
<br style="clear:both;" />
</div>

<div id="boxBanner">

<!--Inicio-->
<div class="tipTitulo">
<div class="tipBarra">
<div><a href="index.jsp?lang=esp">Bienvenido</a> | <a href="index.jsp?lang=eng">Welcome</a></div>
</div></div>
<!--Inicio-->

 </div>
</div>

 

<div id="boxCont">
<div class="contFoto">



</div>

<div class="contTexto">

<div id="contPortada">
<a href="index.jsp?id=818&ruta=3,316"><img src="http://museodeltraje.mcu.es/fotos/portada/Portada57.jpg" alt="Museo del Traje" width="260" /></a><br/><br/><a href="index.jsp?id=818&ruta=3,316"> </a>

</div>
<div id="contAvisos">
<div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=77&ruta=7"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-Invierno2015.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div><div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=807&ruta=3,316"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-balenciaga.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div><div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=68&ruta=7,77,188"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-exodus-conf.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div><div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=828&ruta=3,16,170,795"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-exodus.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div>

<br />






</div>

<br style="clear:both;" />

<div id="pie">

<div class="derecha"> | <a href='index.jsp?id=254&ruta=1'>acerca de</a> | <a href='index.jsp?id=255&ruta=1'>nota legal</a> | <a href='index.jsp?id=256&ruta=1'>accesibilidad WAI</a> | <a href='index.jsp?id=29&ruta=1'>AMIGOS DEL MUSEO</a> | <a href='index.jsp?id=27&ruta=1'>enlaces</a></div>
</div>
<div class="izquierdaCopy">
  <!--
  <a href="http://www.mcu.es/museos/musica2006/" target="_blank" title="abrir enlace externo en ventana nueva"><img src="images/musica2006.jpg" alt="Fiesta Europea de la Música" width="99" height="40" border="0"><br>
   <font color="#000000">Fiesta Europea de la Música en los Museos</font> </a-->   <!--a href="http://www.mcu.es/museos/Dia_museos2006/index.html" target="_blank"><span style="  color:#000000;text-decoration:none;font-size:100%;font-weight:bold;">D&iacute;a Internacional de los Museos</span></a><br>
    <a href="http://www.mcu.es/museos/Noche_museos2006/index.html" target="_blank" ><span style="color:#000000;text-decoration:none;font-size:100%;font-weight:bold;"> 
    La Noche de los Museos</span></a>
    -->
    <br>&copy; Ministerio de Educaci&oacute;n, Cultura y Deporte</div>
  <div id="wai">
   
      <a href="http://www.facebook.com/pages/Museo-del-Traje-Madrid/357948369351" target="_blank" title="Este enlace se abre en ventana nueva"><img src="images/face.gif" alt="Facebook"/></a>
      
      <a alt="Este enlace se abre en ventana nueva" target="_blank" title="Twitter" href="http://twitter.com/#!/MuseodelTraje"><img alt="Twitter" src="images/twitter.gif"></a>
      
      <a href="/rss/MT-RSS.xml" target="_blank" title="Se abre en otra ventana" alt="Se abre en otra ventana"><img src="images/RSS.gif" alt="Titulares RSS disponibles"/></a>
      
      
    <a href="http://www.tripadvisor.es/Attraction_Review-g187514-d500563-Reviews-Museum_of_Costume-Madrid.html" target="_blank" title="Se abre en otra ventana" alt="Se abre en otra ventana"><img src="images/TripAdvisor.gif" alt="Museo del Traje"/></a>
   
   
   <span>
        <a href="http://www.w3.org/WAI/WCAG1AA-Conformance" target="_blank" title="Se abre en otra ventana" alt="Se abre en otra ventana"><img src="images/dobleA.jpg" alt="Logo WAI Doble AA" width="60" height="22" /></a>
      </span>
  </div>
</div>

</div>
</div>
</div>
</div>
</div>
</body>

Ejercicio 1.

Prediseño	Faunia.es.ñ
Objetivo.	Faunia es una página web perfecta para la gente aficionada a los animales y todo su entorno. La finalidad de esta página, es que la gente visite más este parque. Está diseñada con fondo verde.
Público.	Esta página web es muy sencilla, está abierta para todo el público, en especial para personas adultas y es muy fácil de utilizar.
Contenidos.	La página contiene un mapa del lugar las actividades que tiene el parque y videos sobre los espectáculos que hacen.
Directrices.	Es una página principal que te permite acceder a todo tipo de información sobre el parque.

Ejercicio 2.

Elementos gráficos y tipográficos.	Faunia.es
Tipo de letra.	El tipo de letra varía, ya que la información y las cosas importantes se escriben con una letra clara y diferenciada.
Aspecto.	Es una página fácil de utilizar compuesta por varias columnas que nos ayudan a conocer más el parque, también incluye videos y fotos.

Ejercicio 3.

Elementos de la imagen.	Faunia.es
Presencia de diseño.	La página presenta fotos de todos los animales que hay en el parque y de sus instalaciones. Tiene un diseño sencillo.
Uso de colores.	El color depende de la sección. El texto está escrito en color negro. En principio tiene un fondo blanco, posteriormente este color es cambiado por el verde.
Uso de ilustraciones, imágenes e iconos.	En esta página web podremos ver imágenes de los animales y del parque.
Composición de fotos y texto.	Esta página está compuesta por ambas cosas. Predomina más el texto, pero también hay bastantes imágenes.

Agustín Figueira

martes, 27 de enero de 2015

Práctica 5.

martes, 20 de enero de 2015

Práctica 4.

Práctica 3.

lunes, 19 de enero de 2015

Práctica 3.

Práctica 2.

viernes, 16 de enero de 2015

Práctica 2.

miércoles, 14 de enero de 2015

Práctica 1. Análisis del diseño de páginas web.

viernes, 9 de enero de 2015

Ejercicio 2. Mi primera página web.