Pagina Web HTML INTRODUCCIN A HTML Cuntas pginas

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.

Actividad 1

Actividad 2