Transcript Estructura de una Pagina Web

Pagina Web
HTML
INTRODUCCIÓN A HTML
• ¿Cuántas páginas Web has visto?
Muchas están llenas de colores,
imágenes y contenido vistoso.
• Otras son simples documentos con
texto y algunos links.
INTRODUCCIÓN A HTML
• Actualmente
existen
decenas
de
programas para crear sitios Web y
muchas tecnologías en las que las
páginas son diseñadas y programadas.
NAVEGADOR
• Los navegadores o browsers Web,
como el Internet Explorer, Mozilla
Firefox, Netscape Navigator o Safari,
interpretan el código en que están
programadas las páginas Web.
NAVEGADOR
• El código tiene indicaciones que le dicen
al navegador dónde están las páginas y
cómo deben aparecer, qué colores deben
mostrarse, cómo se presentarán los
textos y demás contenidos y qué
funcionalidad tendrán los
distintos elementos.
Así es como se ve una
Página Web:
Código HTML que permite al navegador
localizar los archivos y mostrarlos en la
pantalla correctamente:
HTML
• HTML quiere decir Hyper Text
Markup Language y es el código
estándar básico para la programación o
creación de páginas Web.
Estructura
de una
Pagina Web
Tipos de Estructuras:
Jerárquica
• Es la típica estructura de árbol, en el
que la raíz (index) contiene una
presentación o introducción y un menú
principal.
• A partir de esta raíz se puede navegar a
las diferentes secciones que
contiene el sitio.
Tipos de Estructuras:
Jerárquica
• La información
general se encuentra
en los niveles
externos y los
detalles en los
niveles interiores.
Tipos de Estructuras:
Jerárquica
• La estructura jerárquica permite al
visitante saber siempre el lugar del sitio
en que se encuentra navegando,
pudiendo adentrarse en la estructura
para obtener información más
específica.
Tipos de Estructuras:
Lineal
• Es la estructura más simple de todas, en
que se navega de una página a la
siguiente o a la anterior, como si se
estuviera leyendo un libro.
Tipos de Estructuras:
Lineal
• Esta estructura es muy útil cuando
quieres que el visitante siga un esquema
guiado, fijo y secuencial, evitando que se
distraiga o se pierda con enlaces a otras
páginas.
• Se recomienda para tutoriales de
aprendizaje o tours de visitas
guiadas.
Tipos de Estructuras:
Lineal con Jerarquía
• Es una mezcla de las
dos estructuras
anteriores:
los temas y subtemas
están organizados de
una forma jerárquica,
pero puedes leer todo
el contenido en orden
de forma lineal.
Tipos de Estructuras:
Red
• Es una organización libre sin un orden
establecido aparente.
• Esta estructura tiene el riesgo de
perder al visitante dentro del sitio, o de
que no logre ver algún contenido que
pretendías mostrarle.
Tipos de Estructuras:
Red
• Es recomendable
combinar esta
estructura con
alguna de las
anteriores.