Taller

>> Taller >> Curso de HTML by BenKo >> Cap. 12, Diseño de una web (II).

Lección 12

Creación y diseño de páginas web (II)

1. Kosillas acerca de la apariencia de nuestro web

A ver, lo primero de todo, visitad las siguientes páginas (no os kedéis sólo en la web principal, visitad también un par de secciones):

http://mendoza.freeservers.com/

www.mp3hispania.com

www.3dsymax.org

Las diferencias saltan a la vista, ¿no? La primera de las webs es una dedicada a Dragon Ball, pero el diseño es bastante cutre. Es un claro ejemplo de que no por poner más imágenes se logra un diseño más impactante. Los mejores diseños son aquellos más sencillos y que no tengan montones y montones de imágenes que retardan un montón la carga de la página. Además, la primera web peca de varios fallos:

El fondo de pantalla: Si visitáis la primera lección, apenas podréis leer el texto porque Son Gokuh te lo impide. Hay que pensar en la salud de los internautas, no es plan de kemarles la vista.

Montón de movimiento: Mogollón de marquesinas, imágenes mega-grandes y animadas, multitud de colorines... todo junto es demasiado. Así sólo conseguimos marear al visitante. Si tenemos una imagen animada debe servir para aportar algo. Claro, podemos poner GIF's sólo porque queden bonitos, pero no hay k abusar... Aparte las marquesinas no deben ocupar mucho y sólo se deben usar para avisos especiales y poco más. Si puede ser, debemos evitarlas, porque sólo funcionan con el Internet Explorer.

En cambio, las dos siguientes, tienen un diseño sencillo pero impactante. Podemos leer claramente y sin dejarnos los ojos el contenido, sabemos en todo momento en qué sección de la web nos encontramos. Es más, la navegación en las webs es muy cómoda. ¿Te marean esas webs con imágenes innecesarias? ¿Hay demasiado movimiento? ¿Nos hace daño a los ojos? NO. ¿Y cómo lo han hecho? Muy sencillo:

NO abusando de las imágenes y evitándolas.
Con buen gusto y paciencia (esto ya es más dificil de conseguir). xD

2.- Acerca de la navegación en nuestra página

Los hipervínculos que llevan a diferentes secciones se pueden poner de varias formas, por lo general:

Con una barra de navegacion (con frames o sin frames): Una barra de navegación son simplemente los hipervínculos (en imágenes o sólo textos) situados correlativamente, bien en horizontal o en vertical, en una tabla o sin tabla. Vamos, lo típico. ;) Podéis encontrar un ejemplo en http://emeraldworks.webcindario.com.
Desde la página principal. O sea, entramos en una web sin frames y nos encontramos nada más entrar como una especie de Gateway, con una lista de los enlaces o con un mapa de imágenes (trankis, en otra divnet ya veremos como hacerlos).

Hombre, sobre gustos no hay nada escrito, pero recomiendo la primera opción, sobretodo usando frames, ya que con esto conseguimos que el usuario no tenga que estar siempre pulsando el botón de BACK, ahorramos tiempo de carga (los frames sólo se cargan una vez) y, lo más importante, AHORRAMOS TIEMPO. El tiempo es oro (y si no, que se lo digan a Timofonica) y no todo el mundo tiene tarifa plana y hay que facilitar las cosas a los demás. ¿OK?

P' atrás | Principio | P' alante