Práctica 5. Ejercicio 2.Insertar una imagen.

Este es el resultado de insertar una imagen en la página de Machado del ejercicio anterior.

Práctica 5. Ejercicio 1. Mejorar el aspecto con nuevos atributos

Tras poner formato al poema "A Un Olmo Seco" de Antonio Machado, ha quedado esta presentación en la web.

He bajado el zoom para que pudierse verse el poema entero.

Práctica 4. Ejercicio 2. Dar formato a un texto.

Este es el resultado:

Práctica 4: Ejercicio 1: Empezar a programar. Realizar la primera página web

Este es el resultado de realizar el ejercicio.

Como dice en el texto: No está mal para ser la primera.

Práctica 3. Ejercicio 2 Modificar el código fuente.

Visualizando cambios. La web queda personalizada.

Practica 3. Ejercicio 1. Ver código fuente. Identificar etiquetas.

Este es el código fuente sacado de Explorer de la  web Museo del traje

Codigo Fuente

Pinchar en el enlace

Las palabras clave utilizadas bajo la etiqueta "meta" on el atributa name="keywords"

son Museo del Traje.

META name="description" content="Museo del Traje"

Ejercicio 2: Test de accesibilidad

Sitio Web	Cumple Taw	Errores
www.wikipedia.es	Cumple de manera AA	Perceptible 13, operable 13,comprensible1 robusto 6
www.lavozdegalicia.es	Cumple de manera AA	Perceptible 303, operable 7,comprensible 32, robusto 36

Ejercicio 1: Análisis del ícono de accesibilidad

	Xunta.es/portada	cnife.es	accesible.es
Accesibilidad
Logotipo de accesibilidad	El logotipo es completamente visible y está situado el la parte superior izquierda de todas las páginas de la web.	Su logotipo son unas siglas fácilmente reconocibles	La página no tiene ningún elemento considerable como logotipo
Etiquetas Alt en las imágenes y los enlaces	Tiene títulos en los enlaces y fotos y algunas etiqueta alt	Consta de etiquetas e imágenes y también de enlaces	Consta de unas etiquetas y enlaces simples
Texto descriptivo en los enlaces	Los enlaces tienen textos descriptivos o imágenes relacionadas y fácil accesibilidad.	Tienen texto descriptivo y en general fácil accesibilidad	No consta de textos descriptivos en los enlaces

Ejercicio 4b. Analisis del diseño: Conclusiones.

RESUMEN

WIKIPEDIA

Conclusiones

Wikipedia es un gran proyecto educativo colaborativo universal y no comercial, por lo que tiene un diseño sencillo que pueda ser empleado en cualquier parte del mundo, con recursos de red o equipos muy sencillos, interpretados y usados por adultos o niños, con la información fácilmente accesible y utilizable. También se orienta a la colaboración de los usuarios y al debate entre ellos. Aunque es muy atractiva, prima lo funcional al no tener que incluir elementos estéticos o de márketing para atraer usuarios.

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

ELEMENTOS FUNCIONALES	WIKIPEDIA
Dispone de buscador	Dispone de un buscador avanzado de artículos alfabético, que autocompleta según las letras ya introducidas y un buscador por temas de interés. También hay 400 portales, que son secciones que agrupan los artículos de un determinado tema.
Cambio de tamaño de letra o alto contraste	Existe versión para móviles, pero cualquier cambio de tamaño debe ser hecha en el navegador. Existe una visión especial para facilitar la impresión de los artículos.
Personalizar contenidos, cambiar de idioma	Los contenidos son tan personalizables que existe opción para debatir los artículos y la posibilidad de editarlos el propio usuario para corregir, añadir o actualizar resultados. No se puede cambiar el idioma, pero existe una wikipedia en cada uno de los idiomas hecha por hablantes de esa lengua. Los usuarios están invitados a suscribirse y participar.
Fuentes RSS, mapa de la web.	Las fuentes RSS con actualizaciones son a través de la sección wikinoticias. No hay un mapa de la web. También existe un registro actualizado en tiempo real en los portales de las novedades, incorporaciones y noticias relacionadas con el tema del portal.
Añadir a favoritos, establecer como página de inicio o suscribirse a una newsleter.	No hay botón de añadir a favortitos directamente o página de inicio. Tampoco hay posibilidad de newsleter
Compra on-line	Wikipedia rechaza cualquier actividad comercial en cualquier web de su Fundación con el fin de mantener su independencia. Si existen multiples posibilidades de realizar donaciones para el sostenimiento de la Fundación que administra wikipedia y otras webs relacionadas. (Fundación Wikimedia)

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

ELEMENTOS DE IMAGEN	WIKIPEDIA
Presencia de diseño	El diseño de la wikipedia es muy básico y acromático para poder ser usado con equipos poco potentes, portátiles, poca conexión... Prima la rapidez y la usabilidad
Uso de colores	Texto únicamente en negro y con enlaces en azul. Apeñas algunas notas de color en las miniaturas de fotos y el relleno de algunas cabeceras de sección.
Uso de ilustraciones, imágenes e íconos	Las ilustraciones son miniaturas ampliables mediante enlace, para evitar sobrecargar la página y reducir el flujo de datos. No hay muchas yno hay más que un ícono, con el logo de wikipedia.
Composición de fotos y texto	El texto se estructura en tres columnas, una estrecha con enlaces de la wikipedia, otra mayor central con el texto principal y la derecha con cuadros auxiliares. La información se expone ordenada de manera particular por capítulos, lo que se llama formato "wiki", separados por lineas horizontales. Empieza con una entrada, un cuadro con el índice y luego la información estructurada que incluye enlaces externos y los enlaces a las fuentes del artículo. Se suelen usar bastantes tablas.

Ejercicio 2. Análisis del diseño: Elementos gráficos y tipográficos.

ELEMENTOS GRÁFICOS Y TIPOGRÁFICOS	WIKIPEDIA
Tipo de letra	Utiliza sólo una letra standar "Arial", sin serifa, y de tamaño normal con escasas negritas y azul en los enlaces .
Aspecto	Único para toda la web. Tres columnas, dos de ellas iguales y una manera de estructurar la información en bloques, con muchos enlaces y miniaturas que dan paso a la ampliación de la foto.