Una página web es un documento electrónico que forma parte de un sitio web y contiene información como texto o multimedia, hipervínculos, y puede incluir estilos y aplicaciones. Las páginas web son escritas en lenguajes de marcado como HTML que permiten hipervínculos. El diseño de páginas web considera factores como la navegabilidad, usabilidad e interacción entre elementos multimedia.
1. 1 ¿QUÉ ES UNA PÁGINA WEB?
Una página web es un documento electrónico adaptado para la World Wide Web que
generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de
una página, siendo esto el fundamento de la WWW.
Una página web está compuesta
principalmente por información (sólo
texto o módulos multimedia) así como
por hiperenlaces; además puede
contener o asociar datos de estilo para
especificar cómo debe visualizarse, y
también aplicaciones embebidas para
hacerla interactiva.
Las páginas web son escritas en un
lenguaje de marcado que provea la
capacidad de manejar e insertar
hiperenlaces, generalmente HTML.
2 DISEÑO DE UNA PÁGINA WEB
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, 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.
COLEGIO EUCARÍSTICO CAMPESTRE
INFORMÁTICA GRADO 6° -2014
Lic. Leidy Garzón
2. 3 ELEMENTOS DE UNA PÁGINA WEB
4 ESTRUCTURA Y COMPOSICIÓN DE UNA PÁGINA WEB
La página web y su constitución Lo que define el diseño de una página web es la forma de
organizar los elementos que la componen. Hay miles de formas diferentes, pero son pocas las
que funcionan y adquieren el sentido que necesitamos para nuestro trabajo.
Básicamente, los sitios web se componen y estructuran de la siguiente manera:
COLEGIO EUCARÍSTICO CAMPESTRE
INFORMÁTICA GRADO 6° -2014
Lic. Leidy Garzón
4. 4.1 CONTENEDOR
Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de este
contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc.
Este contenedor puede tener un ancho fijo; el ancho será igual para todos los navegadores y
dispositivos, o uno fluido que se adaptará al ancho de nuestra ventana. Si usamos web
responsive, podemos manejarlo con CSS sin problemas.
4.2 LOGOTIPO
Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el
sitio. Puede ser el logotipo de la empresa o el nombre. Al estar arriba acompañara la navegación
por todo el sitio ayudando al reconocimiento de la marca.
4.3 NAVEGACIÓN
Que importante es la navegación y el menú que la contiene. La forma más aceptada y fácil, es
el menú horizontal, que siempre tiene a mano lo más importante del sitio web.
Los menús verticales pueden usarse como complementos o sub menús, de los horizontales, y
siempre cerca de la línea horizontal del menú principal y deben ser visibles en el primer
pantallazo, al entrar.
4.4 CONTENIDO
Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e
interesado. Si el contenido es malo o poco interesante, abandonará la página en pocos
segundos. Para eso, debe estar centralizado y enfocado y a la primera vista. El mejor lugar
debe ser para los contenidos. Para Google, el contenido es el rey.
4.5 FOOTER
Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y
legales o menús secundarios. Aunque en los últimos años, se usa mucho para incluir información
de redes sociales, direcciones, noticias.
4.6 ESPACIO NEGATIVO
Esto es tan importante como el espacio positivo. También llamado espacio blanco, es todo lo
que no tiene información de ningún tipo, pero que cumple un rol importantísimo para la web;
nos ayuda a tener espacios de respiración, a equilibrar y dar balance a todo el diseño. Si eres
novato, o tu cliente es ignorante en la materia, tratará de llenar esos espacios, con la
consiguiente saturación de contenidos, dejando una web ilegible e innavegable.
COLEGIO EUCARÍSTICO CAMPESTRE
INFORMÁTICA GRADO 6° -2014
Lic. Leidy Garzón