Elaboración de documentos web mediante lenguajes de marcas. IFCD0210. Ramón Guerrero Pérez
Texto
12. Elementos específicos para tecnologías móviles
13. Elementos en desuso (deprecated)
Ejercicios de repaso y autoevaluación
Capítulo 4 Hojas de estilo web
2. Elementos y estructura de una hoja de estilos
3. Diseño de estilos para diferentes dispositivos
4. Tipos de hojas de estilos: estáticas y dinámicas. Las pseudo-clases
5. Buenas prácticas en el uso de hojas de estilo
Ejercicios de repaso y autoevaluación
Capítulo 1
Diseño web
1. Introducción
El diseño web se puede definir como aquella tarea destinada a la planificación, el diseño y la implementación de páginas y sitios web. Para diseñar adecuadamente una página web, es muy importante tener en cuenta aspectos tales como:
1 Navegabilidad.
2 Interactividad.
3 Usabilidad de la página.
4 Arquitectura y distribución de la información presentada.
5 Integración de recursos tales como imágenes, audio, vídeo, etc.
El diseño y desarrollo web profesional es un tarea que implica el aprendizaje de ciertos lenguajes y técnicas de programación, fundamentalmente HTML y CSS. No obstante, también es muy importante distribuir y estructurar adecuadamente la información, además de presentar los contenidos de manera que el conjunto sea lo más atractivo e intuitivo posible para el usuario.
2. Principios de diseño web
Actualmente, miles de millones de páginas web se encuentran alojadas en Internet y su número va creciendo día a día. De todos estos sitios web, solo una pequeña parte están bien diseñados, ya que la mayoría de desarrolladores no tienen en cuenta todos o la mayor parte de los principios básicos que rigen el diseño web.
Internet está constituido por millones de ordenadores conectados en una compleja estructura de redes.
Importante
El diseño web es una técnica basada en un conjunto de reglas más o menos definidas que sirven para crear páginas que sean útiles y visualmente atractivas.
Además de diseñar gráficamente un sitio web, también es necesario planificar adecuadamente los contenidos de la página, así como estructurar cada uno de los menús, definir la manera en la que el usuario va a interactuar con cada uno de los elementos, etc. En definitiva, este tipo de diseño va mucho más allá de darle un aspecto y colorido a una página web.
El diseño web se puede dividir en dos partes fundamentales: la funcionalidad o usabilidad y el aspecto o estética. Cuando se diseña una página web, es indispensable tener en cuenta ambos factores, ya que una página puede funcionar muy bien, pero si no es visualmente atractiva no llamará la atención de posibles usuarios, mientras que aquellas páginas que se vean muy bien pero que funcionen mal, harán que los usuarios que las visiten (atraídos por su diseño gráfico) no vuelvan a hacerlo al haber experimentado estas carencias funcionales.
Actividades
1. ¿La temática de una página web puede influir de algún modo en la usabilidad de la misma? Razone la respuesta.
Definición
Página web
Documento electrónico realizado para la WWW (World Wide Web). Estos documentos pueden contener información tal como texto, imágenes, vídeo, animaciones, etc.
La Web consiste en un sistema de documentos enlazados y accesibles a través de Internet.
Uno de los principales elementos que caracterizan a las páginas web son los denominados hipervínculos (también conocidos como links o enlaces), que permiten, entre otras cosas, que el usuario “salte” de una página web a otra.
Un aspecto muy importante a tener en cuenta en el desarrollo de cualquier página web es que el diseño debe ser acorde con el contenido de la página en cuestión, es decir, con la información que el usuario espera obtener de ella.
Aplicación práctica
Trabaja en una empresa de desarrollo de aplicaciones web y le encargan diseñar el aspecto de dos páginas distintas: la de un periódico digital y la de un sitio dedicado a vídeo-juegos. ¿Crees que podría utilizar el mismo diseño para ambos trabajos? Razone su respuesta.
SOLUCIÓN
Como se ha comentado antes, es importante que el diseño de toda página web sea acorde con el contenido de la misma. En el caso que se plantea, ambos sitios web presentarán contenidos bien diferenciados, por lo que también deberían serlo sus respectivos diseños.