HTML

Edición de páginas web con

HTML

2.1. Editores de texto para HTML

1.1. Servidores

1.4. Lenguajes

1.3. Herramientas

Actividades 1

Actividades 2

1.2. Estructura básica

2.2. Navegadores web

1. Introducción

2. Edición de páginas web con HTML

Índice

INTRODUCCIÓN A LAS PÁGINAS WEB

Una página web es un documento que puede contener texto, sonido, vídeo, programas, enlaces, imágenes, hipervínculos y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y a la que se puede acceder mediante un navegador web. Esta información se encuentra generalmente en formato HTML y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto.

• Las páginas web pueden estar almacenadas en un ordenador local o en un servidor web remoto. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).

• Para acceder a una pagina web almacenada en la web, necesitamos conocer su URL (Uniform Resource Locator) e introducirla en la barra de direcciones de un navegador web.

• Cada página web tiene su propia URL. Las URL están compuestas de varias partes que permiten al navegador localizarlas dentro de un servidor.

• Protocolo: Reglas que debe seguir el navegador para encontrar la página web.
• Subdominio: Para el protocolo http suele ser www, aunque existen otros.
• Dominio: Es el nombre donde se almacena el sitio web.
• Subdirectorio: Es una carpeta alojada dentro del dominio indicado.
• Archivo: Es el archivo o página que nos va a mostrar el navegador web. Está dentro del subdirectorio indicado.

1.1. Servidores web

• Cuando visitas una página web, los datos por los que navegas han de estar almacenados en algún sitio para que puedas acceder. En lugar de guardarlos en el ordenador del creador del sitio (esto supondría muchos problemas para el mismo), lo que se hace es utilizar servidores web en los que se alojan todos los datos, así que te vendrá bien saber aumentar velocidad de un ordenador.

• Por tanto, un servidor web es un ordenador especialmente preparado para estar encendido las 24 horas del día los 365 días del año.

vídeo

El siguiente vídeo nos explica qué es un servidor web

Contesta a las siguientes preguntas en un documento de texto y entrégalo por Aules.

• ¿Qué es una página web?
• ¿En qué consiste el protocolo HTTP?
• ¿Para qué utilizan las Cookies los navegadores web?
• ¿Qué es la dirección URL y de qué partes se compone?
• Busca nombres de protocolo distintos de http.
• ¿Qué es un servidor web y para qué se utilizan?

Actividades 1

1.2. Estructura básica de una página web

En la estructura de una página web tenemos tres partes diferenciadas: cabecera, cuerpo y pie de página. O, por sus términos en inglés: header, body y footer.

Cabecera o header La cabecera es la parte superior de la página web. Aquí suele incluirse la información básica de la empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web por la que navegas. Los elementos que se incluyen en la cabecera son:

• Logo de la empresa
• El menú de navegación
• Un cuadro de búsqueda
• Una pequeña descripción de la web

Cuerpo o body Esta es la parte de la web que alberga el contenido principal de tu página. Esta parte sí es diferente en cada página de tu sitio. Es decir, no será el mismo contenido el que incluyes en tu página de contacto que en la página principal.

Pie de página o footer El pie de página o footer es la parte inferior de una página web. Al igual que la cabecera, se repite y es consistente en cada página. En el footer podemos encontrar los siguientes elementos:

• Menú simplificado
• Información de contacto
• Botones de redes sociales
• Logo de la empresa
• Enlace a la política de privacidad

1.3. Herramientas para desarrolladores web

Para editar una página web se necesitan varias herramientas variadas, ya que se trata de mezclar letras, colores, fondos, fotos, dibujos, vídeos, etc. en una sola pagina, por eso, un editor de páginas web debe tener y dominar varias herramientas digitales, como son: Repositorio de plantillas, editor de paleta de colores, repositorio de tipografías, banco de imágenes, banco de iconos, banco de vídeos, editor de imágenes, creador de prototipos, maquetador visual, diseñador de logotipos.

1.4. Lenguajes de edición de páginas web

Aunque actualmente existen sitios en la web donde construir páginas arrastrando boques de texto, imágenes, etc. como Google Sites, Wix, weebly..., son sitios con opciones muy cerradas, que no permiten hacer páginas personalizadas ni originales, sino que todas tienen un aspecto similar. Si lo que se quiere es crear una página web a medida, original y distinta a las demás, hay que construirla mediante un lenguaje de edición. Los lenguajes de edición de páginas web más utilizados hoy en día son: HTML, XML, XHTML, HTML5, CSS, Flash.

https://www.canva.com/es_es/crear/logos/

Contesta a las siguientes preguntas en un documento de texto y entrégalo por Aules.

• ¿Qué es la cabecera de una página web y qué suele contener?
• ¿Qué es el cuerpo de una página web y qué suele contener?
• ¿Qué es el pie de página de una página web y qué suele contener?
• Busca en Internet cada una de las herramientas de desarrollo web vistas e indica el nombre de al menos una de cada tipo.
• Indica los nombres de los principales lenguajes de edición de páginas web.
• Entra en Canva, que es una aplicación online gratuita para crear logos y otras cosas. Mira los logotipos de ejemplo de la izquierda y crea tu propio logotipo (Con tu nombre).

Actividades 2

¡FIN!