Práctica 15:Dibujar un caracol

Y finalmente el caracol....

 

Ejercicio número 2: Crear un ícono de página en construcción.

Inkscape: Practica 14. Ejercicio 1.

¡Nuevo!

Inkscape: Tarea número 3

Estas son las primeras señales

 Luego estas otras

Inkscape. Tarea número 2

Tras descargar el programa en el ordenador y hacernos con los mandos, aquí va la tarea número 2

Y luego un pequeño dibujo libre...,

Practica 17.7 Transformación libre

Este no es un montaje. Es que de vedad me fuí en piragua a curiosear para ver como reflotaban el Costa Concordia.

Práctica 17.6 Montaje de rostro.

Tomamos la foto de un europeo.

La foto de un hindú

Y fusionamos el rostro del hindú con el europeo usando una máscara rápida.

 

Practica 17.5 Montaje fotográfico con sombras

Este es el resultante de combinar la foto desierto, con la de patinadora y añadir sombras con la herramienta de sombras en perspectiva.

Práctica 17.4 Herramienta de clonado

Esta es la imagen original y abajo la imagen retocada con el pincel de clonar para hacer desaparecer la niña del medio.

   

eTwinning 2015

Marcapáginas de Rosalia de Castro

Práctica 17.3 Script-fu con textos

Nuevo logo...

Las vacas...

Práctica 17.2 Selecciones y capas

Primero hice al amigo Mr Potato

 

Y luego hice un cerdo volador para ir cogiendo práctica.

Practica 17.1. La primera imagen

 

 Marco oval

 

Marco

Filtro artístico

 

Dibujando con Gimp

Ejercicio: Página web con enlaces.

Así queda la web con enlaces:

Ejercicio: Hacer una página web.

Esto es lo que ha quedado. Una web con foto y apartados usando el comando <li>

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.