GRADO DÉCIMO - INDICACIONES PÁGINAS WEB

INDICACIONES PARA LA CREACIÓN DE LA PÁGINA WEB

Este documento está en creación... Recordemos que el segundo compromiso cognitivo es crear nuestra  primera página web. En ella mostraremos información en formato de texto, crearemos una marquesina de bienvenida, mostraremos una imagen, le daremos color de fondo a nuestra página, crearemos divisiones con líneas horizontales y además le colocaremos un título a la pestaña del navegador. 

Para esto vamos a utilizar el lenguaje HTML (Hyper Text Markup Language) que podemos entenderlo como lenguaje de marcas para crear hipertextos o páginas web.

La dinámica para realizar este trabajo es la siguiente: 

1) Creamos el código fuente (las ordenes que deben ser interpretadas por el computador) de la página web en un procesador de texto. Para esto usaremos el bloc de notas de Windows. 

2) Este archivo lo guardaremos en dos formatos: en formato texto (txt) y formato hipertexto (html). Si al documento le damos el nombre PrimeraWeb tendremos dos archivos: PrimeraWeb.txt y PrimeraWeb.html En el segundo archivo visualizaremos el código fuente de la página interpretada por un navegador.

Ejemplos de navegadores.

3) De ahora en adelante hacemos cambios en el código fuente (PrimeraWeb.txt), guardamos dichos cambios y refrescamos la página web para ver los nuevos efectos creados.

Icono para refrescar la página web

Veamos la estructura básica de una página web en HTML:

Estructura básica de una página web en HTML

Observaciones:

Las marcas o palabras reservadas del lenguaje van escritas entre los signos < y >. Estas palabras indican para el caso de la imagen anterior las dos grandes divisiones de la página, pero también efectos sobre el contenido.

Generalmente estás palabras se abren y cierran (hay excepciones) indicando al navegador donde inicia el efecto de una acción y donde acaba. Para cerrar una marca se escribe la misma palabra antecedida por el símbolo /.

La página tiene dos secciones o áreas: la Head o encabezado, que por ahora utilizaremos para colocar en ella un título de la pestaña en el navegador y la BODY o cuerpo en donde se muestra todo el contenido de la página.