Practica 3. Analisis del código fuente HTML de páguinas web

Ejercicio 1. Ver el código fuente identificar etiquetas.

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

Ejercico 2. Modificar el código fuente. Visualización de cambios

Practica 2. Analisis de la acesibilidad de páginas web

Ejercicio 1. Análisis de icono de accesibilidad 

PURIFICACIÓNGARCIA.com
 Su logotipo es simple como su linea de ropa simple, nada de extravagante y todo hacia la simplicidad, es fácil navegar por ella ya que tine un diseño muy ordenado y con pocas sub páginas, fácil para que sus compradoras vean su colecciones, campañas y no sea difíciles hacedera a ellas

VOGUE.com
Su logotipo es simple e indicando simpre su procedencia, excepto la de USA, su diseño es un poco complicado, ya que esta muy bien ordenado que en seguida pasas a otra cosa sin darte cuenta, es decir esta ordenada pero al mismo tiempo es un poco liosa, sus etiquetas te conducen bien por la página, ya que todo esta organizado por etiquetas, y la descricion simple e ficaz

Ejercicio 2. test de accesibilidad.


sitio web                                      Cumple taw 
www.purificacion garcia.com          AA                      y tine 5 problemas

Ejercicio 1: Análisis diseño de página web

                                                         PEREZHILTON.COM

Practica 1 Análisis del diseño de página web.

Objetivo:  Perez Hilton.com es una páquina wed donde su credor PerezHilton publica noticias. En ella se buscas las ultimas noticias que se clasifican en seis aparados coforme su cotenido.

Público: Se dirige básicamente a las personas que le gustas los chismes de las celebridades y últimasnoticias

Contenido : En ella se publican chismes. noticias de ultima hora, esta página suele publicar noticias instantáneas.

Directices: Tiene una estructurara lienela de páginas. En la organización, encabzado con el logotipo, fondo de salmón rosado, los contenidos ocupan la parte central principal de la página, donde estan divididos en la parte de la derecha noticias mas leídas, y en la parte izquierda, que es la que ocupa más, estan las noticias ordenadas conformes fueron escritas.

Ejercicio 2: Análisis de diseño gráfico y topográficos 

Tipo de letra:  utiliza una letra normal estándar, en el tito de la entrada siempre pone de todas las letras principales en mayúsculas, los enlaces los pone en color rosa.

Aspecto:  el aspecto es muy sencillo. el texto esta escrito sobre fondo blanco que a la vez tiene fondo de color salmón rosado, hay muchas imajenes en la paguina web, desde que se creo no cambio mucho el diseño.



Ejercicio 3. Análisis del diseño: elementos de imagen

Presencia de diseño: PerezHilton.con tiene un diseño complejo, por eso a veces su lento proceso de cargar y la funcionalidad.

Uso de colores: usa básicamente dos colores, el blanco de fondo, rosa para resaltar y negro para las letras.

Uso de ilustraciones, imágenes e iconos: Uso básico de las imagen ya que es una de sus especialidades, y cada vez que entramos en un post es mediante de  fotos que pone en el inicio 

Composición de fotos y texto : hay un claro predominio del texto ya que el uso de esta página es informar, y en cada texto al principio para iniciarlo pone una foto.

Ejercicio 4. Análisis del diseño. elementos funcionales 

• Dispone de buscador: en el buscador que se sitúa en la parte superior derecha,  puedes buscar nombre, antiguas entradas sobre las noticias que van publicando
• Cambio de tamaño de letra o alto contraste: esta página no dispone de ninguna herramienta para hacer eso
• personalizar contenidos cambio de idioma: no puedes personalizar los contenidos ya que solo escribe prensa rosa y únicamente escrito en ingles 
• Funte RSS, mapa de la web: PerezHilton.com no ofrece esta posibilidad
• Añadir a favoritos, establecer como página de inicio: si lo puedes hacer pero desde tu propio ordenador.
• Compra on-line: no ofrece eso porque no vende nada

Conclusion: es una pagina web optimizada para leer cotilleos sobre los famosos, donde su diseño es complejo y no tiene ninguna herraminte que pueda servirte de ayuda.

Ejercicio 2

  En el ejercicio no mandaba hacer una página mas compleja que la anterior añadiendo mas etiquetas y incluyendo una foto y un gif.

Ejercicio 1: Mi primera página web

Acabo de crear una página web con el blog de notas con las etiquetas básicas y aquí os la dejo  

El lenguaje HTML

 El lenguaje HTML se una en las páginas webs, que permite incluir enajenes fotos ect. eso facilita la navegación, para verlo se pulsa el botón derecho del ratón y seleccionar la opción Ver código fuente.

Son escritas mediante corchetes angulares (<>), el esquema de HTML es el siguiente:

etiqueta: es el nombre propiamente dichode una etiqueta, una de las que aprecen en la tabla de la páguina siguiente
artibuto: es una caracteristica de la etiqueta que puede ser modificadaç
valor : es el que le damos al atributo para modificar las cosas
contenido: es el texto que esta entre la abertura y cierre

Todo documento HTML tiene la siguiente escructura:

• Todo documento empieza con la etiqueta de apertura <html> y acaban con la de cierre </html/>
• Se estructura en la cabecera <head><head> y el cuerpo <body></body>
• Entre  <head><head> se encuentra el encabezado
• Entre <title>y </title> se coloca el título de la página 
• Entre las etiquetas  <body>y </body> se encuentra el cuerpo del documento 

Que es una página web ?

Internet: Es una red de información a nivel mundial que utiliza la line telefónica

HTTP : es la abreviatura de hypertest markup language, que se utiliza en algunas direcciones de internet

Hipervínculo:  Vínculo asociado a un elemento de un documento con hipertexto, que apunta a un elemento de otro texto u otro elemento multimedia.

HTML: es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.