martes, 16 de diciembre de 2014

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.



viernes, 12 de diciembre de 2014

Ejercicio 2.

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



martes, 9 de diciembre de 2014

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:


viernes, 5 de diciembre de 2014

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.


miércoles, 3 de diciembre de 2014

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.