Práctica 2: Selecciones y capas

Adjunto imagen del Mr Potato que hice en la práctica 2 de gimp.

Marcapáginas

Adjunto los marcapáginas sobre el día de las letras gallegas que presentamos a un concurso.

                                 

                                     

17.1 Mi primer imagen

1. Adjunto la primera imagen que hice en gimp.

 2.  Adjunto la imagen a la que le añadí un marco de prueba.

3. Adjunto las imágenes que hice en el ejercicio 1.

3. Adjunto las imágenes que hice en el ejercicio 2.

Página web creada por nosotros mismos

Adjunto imagen de la página web que creé utilizando las etiquetas del lenguaje HTML.

Práctica 5. Crear una página web con texto, imagen y vínculos

Ejercicios 1 y 2

Adjunto imágenes de la página web que creé de Antonio Machado dando formato al texto del poema siguiendo los pasos de los ejercicios 1 y 2.

También adjunto una imagen de como quedaría si hubiera puesto la imagen de fondo de la página web. 

Ejercicio 3
Adjunto imagen de los vínculos que incluí en mi página web de Antonio Machado.

Adjunto la página que creé de "Otros versos de Machado".

Práctica 4. Empezar a programar en HTML

Ejercicio 1

Adjunto una imagen del resultado que obtuve tras ir siguiendo los pasos del ejercicio 1.

Ejercicio 2

Adjunto imágenes del texto al que di formato siguiendo las instrucciones del ejercicio 2.

Práctica 3. Análisis del código HTML de páginas web

Ejercicio 1

Las palabras clave de la página web museodeltraje.mcu.es son Museo del Traje.

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

Ejercicio 2

Adjunto imagen del resultado que obtuve después de ir siguiendo los pasos del ejercicio 2.

Práctica 2. Análisis de la accesibilidad de páginas web

Ejercicio 1

Analicé las páginas www.xunta.es y www.mitele.es. Los iconos de ambas páginas web son muy significativos ya que tienen mucho que ver con la página en sí. El de mitele.es es una especie de bocadillo con un icono del "play" dentro, lo que queda perfecto para una página web utilizada para reproducir vídeos. El de xunta.es es como un caliz con un bola y una corona encima y varias cruces alrededor, que simboliza la unión de Galicia, por lo que está bien en una página web de la Xunta de Galicia. 

Ambas páginas web cumplen perfectamente los criterios de accesibilidad porque está todo ordenado y puedes acceder a lo que necesites con mucha facilidad ya que todos los enlaces tienen palabras clave adecuadas.

Ejercicio 2

En el ejercicio 2 analicé la página www.idae.es. Cumple el criterio de accesibilidad AA pero tiene 5 errores en la primera pauta del test de accesibilidad, que sea perceptible.

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

Pull and Bear

 Ejercicio 1

Pull and Bear es una página web de una tienda, que tiene la finalidad de tener todos los productos que la tienda nos ofrece ordenados por secciones y con sus correspondientes precios, para que los compradores vean lo que hay en las tiendas esa temporada y puedan reservar lo que quiera.

Se dirige a cualquier cliente de la tienda o a cualquier persona interesada en sus productos, pero suele dirigirse más hacia la gente joven por el estilo de sus artículos.

En sus contenidos destacan las fotografías, lo que se pretende es hacer publicidad y mostrar los artículos, por lo que hay poco texto. Nos encontramos con una página principal en la que nos presentan las novedades y luego podemos acceder a diferentes secciones donde hay distintos tipos de ropa. En dichas secciones nos encontramos muchas fotos de diferentes productos con sus precios, y si abrimos alguna foto nos dan más datos sobre la prenda en cuestión.

Tiene una estructura sencilla, simplemente están la página principal y luego las subpáginas. Hay una subpágina para cada categoría, dichas categorías pueden dividirse en más subcategorías en las que encontramos artículos más específicos. Cada artículo tiene su subpágina en la que se habla de ellos y se cuentan sus materiales, las tallas que hay, se pueden ver varias fotos y ampliar, etc...

Ejercicio 2

Pull and bear utiliza poca letra, pero la que hay es una letra estándar y de tamaño normal. Todo está escrito en mayúsculas. Todos los textos, sean enlazados o no están en negro excepto los referidos a las rebajas, que se encuentran en rojo; con esto se pretende llamar la atención de la gente. Cuando pasas el ratón sobre algún enlace aparece subrayado, para dar a entender lo que es.

El aspecto es sencillo. Simplemente nos muestra fotos de diferentes tipos y modelos de ropa y nos da la opción de compra. Se encuentra todo sobre un fondo blanco y abundan las fotografías.

Ejercicio 3

El diseño es básico. No tiene ningún fondo ni colores porque se pretende expresar todo con las imágenes, que cambian a medida que va cambiando la ropa de los establecimientos. 

En Pull and bear, se utilizan colores sencillos, blanco para el fondo, cabecera negra y rojo para destacar cosas que se encuentran rebajadas.

Destacan mucho las imágenes en esta página web, ya que son lo más importante. Ponen muchas fotografías diferentes de cada producto (normalmente más de una para cada prenda) de buena calidad y una estética agradable y principalmente son lo que destaca y lo más necesario de esta página.

En la página de Pull and bear hay una frase por cada fotografía, diciendo lo que es, y el precio. Predominan las imágenes debido al gran tamaño que tienen pero el texto también es muy necesario.

Ejercicio 4

Dispone de buscador para que cualquiera pueda encontrar más rápidamente el producto que necesite.

Pull and Bear no dispone de una opción específica de cambio de tamaño de texto o de alto contraste.

No puedes personalizar la página a tu antojo pero sí puedes escoger el idioma y el país al que perteneces al entrar en la página.

Esta página no tiene la opción de establecerse como página de inicio pero si quieres tenerla puedes ponerla manualmente desde las opciones de tu navegador.

Se puede comprar on-line, el objetivo de la página es principalmente ese, vender los productos que nos muestra.

La conclusión es que la página de Pull and bear es una página web que pertenece a una multinacional español de fabricación y distribución téxtil llamado Inditex. Su objetivo es vender y permitir que cualquiera pueda ver sus productos por lo que tiene un diseño muy sencillo en el que destacan las imágenes. Su funcionalidad se reduce a vender y a mostrarnos los productos.

Ejercicio 2.

Adjunto capturas de pantalla de la página web que creé los últimos días de clase siguiendo unas sencillas instrucciones:

Ejercicio 1. Mi primera página web.

Adjunto una captura en la que se puede ver la página web que creé rápidamente siguiendo unas sencillas instrucciones:

Lenguaje HTML

El código HTML es el "lenguaje" en el que están escritas las páginas web. Permite incluir en nuestros documentos imágenes, vídeos, sonidos y animaciones, así como material interactivo.
Para verlo solo hay que pulsar el botón derecho en una página y darle a la opción de Ver código fuente.
Las etiquetas HTML son marcas, escritas entre corchetes angulates (<>), que van al principio y al final del texto que indica lo que queremos cambiar. El esquema de una etiqueta es:

<etiqueta atributo="valor">contenido</etiqueta>

Donde:

• etiqueta, nombre propiamente dicho de la etiqueta.
• atributo, característica de la etiqueta que se puede modificar. No todas tienen atributo.
• valor, valor que le damos al atributo para modificar la etiqueta.
• contenido, texto que está entre las etiquetas y que queremos modificar.

Toda página web tiene que tener esta estructura:

• Todos los documentos empiezan con una etiqueta de apertura <html> y acaban con otra de cierre </html>.
• Se estructura en la cabecera <head></head> y el cuerpo <body></body>.
• Entre las etiquetas <head> y </head> se encuentra la cabecera del documento.
• Entre las etiquetas <title> y </title> se encuentra el título de la página que aparecerá en la barra de título del navegador.
• Entre las etiquetas <body> y </body> está el cuerpo del documento.

Definiciones (páginas web)

Internet: Es una red informática que transmite información a todo el planeta a través de lineas telefónicas.

Página web: Es un documento electrónico que puede tener texto, sonido, imágenes, vídeos y enlaces.

HTTP: Abreviatura de la forma inglesa Hypertext Transfer Protocol, ‘protocolo de transferencia de hipertextos’, que se utiliza en algunas direcciones de internet.

Navegador: Programa que permite navegar por internet u otra red informática de comunicaciones.

Práctica 16

Adjunto enlace de una página web que creé con jimdo.com de una pastelería.

http://pasteleriacookie.jimdo.com/

Práctica 15

Adjunto la dirección de la página web que hice durante los últimos días de clase.

https://sites.google.com/site/asdsgfgfd/home

Práctica 14

Adjunto mapas buscados en Google Maps.

Boiro:

Londres:

Práctica 13 (4)

Adjunto el póster que hice (en gallego) de una celebración

Práctica 13 (3)

Adjunto el póster que hice en contra del abandono de animales

Práctica 13 (2)

Adjunto tres imágenes editadas en Picasa por mí

A la primera imagen le puse un efecto de esbozo a lápiz pero manteniendo sus colores.
A la segunda imagen le aumenté el brillo y le puse un efecto blanco y negro.
A la tercera imagen le puse un efecto sepia y aumenté la nitidez de la imagen.

Práctica 13 (1)

Adjunto los collages que hice en Picasa