Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

Sitios y páginas web

Creada por:

Edwin Fabian Rodriguez Valbuena

¿Cuál es la diferencia entre sitio y página web?

Página Web

Una página web es un documento electrónico creado bajo un sistema de etiquetas llamado HTML. Este documento se almacena en la web a través de servidores y se visualiza gracias a un dominio electrónico (el dominio es el nombre de la página web).

Página Web

Sitio Web

Por el contrario, un sitio web es el conjunto de paginas web almacenadas en el servidor, todas conectadas entre si a través de hipervínculos o links.

¿Cómo es la estructura de una página web?

Una página web posee a nivel de diseño una estructura definida, esto con el fin de que los usuarios tengan una mejor comodidad al navegar y buscar información en ella, de igual forma al momento de diseñar una página web, sea más fácil el diseño de esta estructura.

Encabezado o cabecera

El encabezado compone todos los elementos informativos de la página web, los cuales son: Nombre de la página, logo de la página, menú de navegación y buscador (en caso de estar ligada a un sitio web)

Encabezado

Cuerpo de la página o área de contenido

El cuerpo de la página, es el área donde se publica la información, imágenes, videos o demás elementos multimedia que posee la página.

Cuerpo de la página

Barras laterales

En algunas páginas, se puede integrar barras laterales al cuerpo de la página, funcionando como elemento extra de navegación e información.

Pie de página

Este elemento se sitúa al fondo de la página, generalmente contiene los datos de información y contacto del creador o dueños de la página web, derechos de autor y políticas de uso.

Pie de página

Partes de un sitio web

Las partes de un sitio web a diferencia de la estructura de la página web, no se enfoca en sus elementos de diseño, sino en la navegación entre las diferentes páginas web y el acceso a la información de esta.

Home o página de inicio

Es la página inicial del sitio web, en la cual se encuentra la información principal del sitio, su función o misión. Es la primera página que observa el usuario, por tal razón es la que capta la atención y retiene al usuario para la navegación del sitio.

Home

Menú de Navegación

El menú de navegación cuenta con un acceso rápido, fácil, y cómodo a las demás páginas web relacionadas en nuestro sitio. Este debe ser lo más claro posible, evitar estar sobre cargado de información. Por esta razón si el sitio posee muchas páginas web, estas se deben dividir en secciones y agregar sub menús en cada una de estas secciones.

Menú de navegación

Contacto

En esta página o sección de nuestro sitio, se debe especificar los canales de comunicación con los dueños o creadores del sitio web, esto con el fin de solicitar información en caso de ser necesaria.

Contacto

Encabezado y pie de página

Estos elementos en un sitio web, siempre deben ser los mismos en cada una de las páginas relacionadas, ya que en estos elementos estructurales se encuentra información fija o importante del sitio, y su menú de navegación.

Lenguaje de etiquetado HTML

Lenguaje de etiquetado HTML

HTML es el lenguaje usado para la creación de páginas web, este se basa principalmente en un sistema de etiquetas las cuales generan un proceso físico o lógico dentro de la página web.

La estructura de estas etiquetas es el siguiente:

• Se inicia con el símbolo menor que “<”

• Se pone el nombre de la etiqueta como por ejemplo “H1”

• Se cierra la etiqueta con el símbolo mayor que “>”

• Luego de ello se pone el texto a mostrar en la página web

• Al terminar de escribir este texto, se vuelve a colocar el símbolo menor que “<”

• Se pone sin espacios la barra inclinada “/”

• Se pone el nombre de la etiqueta como por ejemplo “H1”

• Se cierra la etiqueta con el símbolo mayor que “>”

Al final quedaría así

<h1> Hola a todos </h1>

Learn more about creating dynamic, engaging presentations with Prezi