Páginas web

2.2.4.1Definición de Página web

Una página web es el espacio donde un usuario conectado a la red y propietario de un hosting puede publicar cualquier clase de información. Es un documento electrónico con información disponible para ser consultada por los usuarios de internet.

Una página Web es la unidad básica del World Wide Web, identificada por la combinación de texto con imágenes para convertir al documento en dinámico y permitir la ejecución de varias acciones continuas12.

2.2.4.2Página Web Dinámica

Se caracteriza porque modifica automáticamente la información, por medio del contenido de una base de datos o información del usuario. Para identificarla se debe observar la extensión del nombre del archivo de la página web. Los motores de búsqueda indexan de la misma forma el contenido dinámico y estático, pero muchas veces no lo hacen con URL´s que contenga el símbolo "?".

12

MILENIUM, (2011), Diseño Web - Páginas Web y Posicionamiento en Buscadores. http://www.informaticamilenium.com.mx/paginas/espanol/sitioweb.htm

23 2.2.4.3Etapas de diseño de una página Web.

2.2.4.3.1 Planteamiento de objetivos para la página web.

Esta etapa es muy importante y con frecuencia se pasa por alto, dedicándose solo a trabajar en el planteamiento del proyecto y lo que se quiere conseguir con la página. Para realizar una página web, es importante incluir lo siguiente:

a) Una breve descripción de los contenidos de la página y un título principal. b) La finalidad de su creación (informativa, de negocio, entretenimiento, ventas) c) Páginas originales para mejor atracción.

d) Hardware, software y documentación necesaria (¿qué se tiene?)

e) Detallar cuál va a ser el público objetivo, nivel informático, idiomas, intereses, problemas físicos; para adaptar la página a sus características.

f) Lugares donde será visible: navegadores más utilizados, plugins, elementos. 2.2.4.3.2 Estructura del contenido de una página web

Realizar un organigrama que permita estructurar la página, que contenga todas las partes de la misma, distribución del texto, gráficos, vínculos a otros documentos u objetos multimedia convenientes. Antes de empezar a desarrollar una página web, se debe determinar los contenidos, la distribución y el nombre.

Existen algunas formas de estructurar el contenido de una página web:

a) En árbol: Cuando la página principal se va a enlazar con otras páginas y éstas a su vez enlazan a otras páginas inferiores. Reúne las páginas en niveles, de tal manera que ir del primero al último, se debe pasar por los intermedios. Es poco navegable para páginas con muchas páginas internas y se vuelve pesada.

24

Figura 6. Estructura en árbol

b) En lista: Opuesta a la anterior, no tiene una página principal, todas están al mismo nivel. Para llegar a la última hay que recorrer todas las anteriores. Es adecuada para la presentación de manuales o aplicaciones específicas.

Figura 7. Estructura en lista

c) Mixta: Es la mezcla de las dos anteriores. Las páginas se jerarquizan en niveles, conectados entre sí en forma de lista. Estructura mucho más navegable y práctica, que permite desplazarse sin tener que volver a la página principal.

25

d) En red: Supone que todas las páginas de la web están conectadas entre sí, lo que la convierte en compleja y desordenada. Su ventaja es poder trasladarse desde cada página a otra en el sitio, pero si no tiene una buena planificación puede llegar a ser un caos de enlaces inútiles.

Figura 9. Estructura en red

2.2.4.3.3 Diseño de una página web

Una vez realizada la estructura y recolectada suficiente información para los contenidos, se puede decir que hay suficiente material para comenzar a diseñar gráficamente cada una de las páginas, señalando los elementos interactivos y gráficos a intervenir.

El HTML fue creado para el manejo de los vínculos entre documentos, es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, formato estándar de las páginas web.

En el momento de diseñar una página se debe tomar en cuenta lo siguiente:

a) Que la estructura de la página sea lo más lógica posible, de fácil navegación para los usuarios y tenga enlaces correctos a otras páginas.

b) Aprender HTML es aconsejable para hacer lo necesario, sin depender de editores gráficos como Dreamweaver. Con el manejo de HTML se puede corregir el código e identificar fallas cuando hay errores y sobre todo entender el funcionamiento de otras páginas web.

26

atractiva, de buen diseño y con facilidad para modificación de su apariencia, para el agrado de los buscadores.

d) Usar con prudencia los recursos y evitar llenar la web con gifs animados o sonido que no se puedan silenciar. Es mejor realizar un diseño sencillo

e) La estructura del texto debe contener listas de ideas, párrafos, frases en negrita y en cursiva, con la finalidad de visibilizar lo más importante al primer vistazo.

f) Usar tipos de fuentes comunes como Verdana o Arial, que generalmente están instaladas en los ordenadores de todos los usuarios.

g) Jugar con los contrastes en color de texto y fondo para facilitar la lectura del texto. h) Usar fondos de pantalla claros y sencillos o no usarlos, porque los fondos coloridos

pueden distraer o dificultar la lectura al usuario de tu sitio web.

i) Las Imágenes son muy útil en el diseño para añadir color al sitio web y brindar una pausa al usuario, pero no se debe colocar imágenes inútiles o muy pesadas.

j) Entrever los enlaces importantes, crear un mapa del sitio o poner enlaces interesantes al pie. No olvidar incluir siempre un enlace a la página principal.

k) Asegurarse que la web sea visible en los navegadores más importantes (Firefox, Netscape, Opera). Para probarlo se puede usar herramientas como BrowserShots o instalar otros navegadores en el computador.

l) Cerciorarse que el diseño sea a 800×600 o 1024×768, porque no todos los computadores tienen la misma resolución de pantalla.

m) Revisar los posibles fallos, que desagradan al usuario y buscadores, como los enlaces rotos.

n) Nunca llene el sitio de páginas en construcción, porque da una mala imagen. La mejor opción es anunciar futuros contenidos o servicios para crear expectativas novedosas y atraer más tráfico al sitio.

27

o) Colocar un buscador para facilitar las búsquedas al usuario, es un valor adicional para la web y mejora la utilidad; para lo cual se aconseja utilizar programas gratuitos como Google Coop o Free Find.