El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del Diseño Multimedial.
El diseño es la comunicación textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
Actualmente, el diseño web está volcado a la construcción de la interfaz, máscaras o modos de visualización de contenidos como blog, flash, o programas como Windows Media Player. Dada la alta ingeniería y funcionalidad de las aplicaciones computacionales, es necesario, reconstruir una manera ( o lenguaje ) para presentarlas al usuario que está distante de los conceptos ingenieriles o mecánicos.
Los contenidos por sí solos no sirven, porque gráficamente serían nada más que una carpeta con archivos. Lo que busca el diseño web es inventar una manera simple, efectiva y atractiva de presentarlos al usuario.
El diseño web es análogo a sus distintas versiones, pero se caracteriza principalmente por eliminar por completo el empleo de todo tipo de materia prima, centrándose básicamente en el espacio virtual aparente o hiperespacio.
¿Qué es CSS?
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación estética de un documento estructurado y escrito en HTML. En ese sentido, el HTML es la caja que muestra los contenidos y el CSS es la manera en que lo hace.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura y el contenido de la presentación estética en un documento.
Esto permite un control mayor del documento y sus atributos convirtiendo al HTML en un documento muy versátil y liviano.
Cuando se utiliza CSS, la etiqueta -H1- no debería proporcionar información sobre cómo va a ser visualizado, solamente marca la estructura del documento. La información de estilo previamente separada en una hoja de estilo CSS, especifica como se ha de mostrar -H1- : color, fuente, alineación del texto, tamaño, entre otras características.
La información de estilo puede ser adjuntada en un documento separado o en el mismo documento HTML. En este último, podrían definirse estilos generales en la cabecera HEAD del documento o creando cada vez etiquetas particulares a cada elemento mediante el atributo “style
Las ventajas de utilizar CSS (u otro lenguaje de estilo) son:
-Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo.
-Los Navegadores permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces.
-Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre o incluso a elección del usuario.
-El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño.
-Propiedades generales del css:
Propiedades de fuentes
Propiedades de color y fondo
Propiedades de texto
Espaciado de palabras
Alineación
Propiedades de caja
Margen
Borde
Relleno
Propiedades de clasificación
visualización listas
Ilustración de propiedades de caja de cada elemento en HTML
