Un sitio web

es un conjunto
SITIO
WEB de pginas
html
relacionadas
entre
s
por
hiperenlaces, gestionadas por una nica
entidad o persona, accesibles desde
Internet a partir de una direccin URL
de su pgina ndice (index) y con una
unidad de contenido y de estilo grfico.
Incluye textos, imgenes, archivos de
audio, vdeo y enlaces a otros sitios
web.

La estructura de archivos y
carpetas
Las pginas HTML se guardarn en el directorio o
carpeta principal mientras que los elementos que
utilizan (audios, vdeos, hojas de estilo, imgenes,
etc)
se
situarn
en
las
subcarpetas
correspondientes.

Esta organizacin est especialmente pensada para

un sistema de pginas HTML que comparten recursos:
imgenes, hoja de estilo, javascript, etc.
Las principales carpetas que utiliza son:
audios: archivos de audio mp3.
css: hojas de estilo css.
descargas: archivos zip, exe, etc que se ofrecen para
descarga.
images: imgenes jpg, gif o png.
pdf: documentos pdf.
scripts: archivos js con cdigo javascript reutilizable.
swfs: archivos con animaciones flash (*.swf).
vdeos: ficheros en distintos formatos de vdeo:
*.wmv, *.flv

La estructura de
navegacin
La estructura de navegacin se suele elegir
en funcin del tipo de contenido. Existen
distintos tipos de estructuras:
Jerrquica. Estructura en rbol donde existe una
pgina ndice o principal desde donde se accede al resto
de pginas. Desde estas subpginas se puede acceder a
otras y as sucesivamente creando distintos niveles o
jerarquas. Es ideal para sitios web de centros o
proyectos. No se aconseja utilizar ms de 4 niveles para
evitar que el usuario se desoriente durante la
navegacin. Conviene situar en todas las pginas un
men que permita moverse de una forma fcil y directa
por los distintos niveles y pginas de cada nivel.

 Lineal. Es una estructura muy simple similar a las

pginas de un libro. Desde una pgina concreta se
puede ir a la pgina siguiente o la pgina anterior.
Es especialmente til si deseamos que el usuario
siga un itinerario fijo y guiado sin posibilidad de
acceder a otras pginas que pudieran distraerle.
Ejemplo: Gua o tutorial de aprendizaje.

 Lineal con jerarqua. Es una estructura hbrida

que trata de aprovechar las ventajas de las dos
estructuras anteriores. Las pginas y subpginas
se organizan de forma jerrquica pero tambin
es posible navegar de forma lineal por las
pginas de un mismo nivel. Los contenidos web
de este curso utilizan esta estructura.

Red. A partir de la pgina ndice o principal se puede navegar a

otra u otras sin ningn orden aparente. Es una estructura ms
libre pero no es aconsejable cuando el nmero de pginas es
elevado porque desorienta al usuario al no saber dnde est ni
disponer de recursos para ir donde desea.