Diseño y estructura de paginas web

Diseño y estructura de
paginas web

Diseño


Desde los principios de la WWW el diseño de las paginas web
ha ido variando, al principio se limitaban a plasmar texto en
variassecciones, en la actualidad cuentan con base de datos,
servicios online, sofisticadas herramientas de búsqueda, etc.



En 1997 David Siegle distinguió 3 generaciones de desarrollo
de interfacesde la WWW

Web de primera
generación
 Estructura lineal
 Eventual inserción de
fotografías y líneas de
separación
 Baja definición (blanco y
negro)

Web de segunda
generación

Webde tercera
generación

 Iconos en vez de palabras
con azul

 Hegemonía del diseño
sobre la tecnología

 Menú de opciones

 Utilización de metáforas

 Fondos coloreados o conimágenes

 Uso del layout (plan)
tipográfico y visual para
descripción de pagina
bidimensional

 Bordes azul alrededor de
figuras interactivas

 Estructura entrada –área
central- salida

Se

empieza con la estructura especifica,
comenzando con el menú

 Así

como también el uso de gráficos,
es importante tomar en cuenta la
extensión como se muestra en la
imagen:Estructura:



Determinar a quien esta destinada la pagina, así como
tener objetivos.



Determinar como se integra y/o preparar un mapa
estructural:



Para continuar, es necesariodecidir la apariencia, es
importante usar un leguaje simple y comprensible así
como priorizar la información a forma de resumen.



Así como también considerar el tipo de visitantes quevisitaran la pagina web, y la fácil descarga de para el
publico o de fácil acceso (Chrome, Firefox, Explorer etc.).



Después de haber hecho todo lo anterior es necesario
escoger eleditor:



Directamente de Windows: block de notas para Windows
o notepad



Vía internet: Wix.com, Weebly,
ooowebhost, etc.



Crear un código para objetos
con la extensión HTML