¿Qué es una página Web?
• Es un documento digital que puede contener texto,
imágenes, vídeos,….., y además tiene distribuidos a lo
largo del documento enlaces que sirven para acceder a
otras páginas web.
• Necesitamos disponer de :
Ordenador.
Conexión a internet.
Navegador ( Firefox, Explorer, Google Chrome,…).

El Lenguaje HTML
• El lenguaje HTML es el “idioma” en el que
están escritas laspáginas web. Están
basadas en etiquetas.
Práctica: Vamos a ver el código HTML que
tiene por debajo una página web.
1. ir a la página http://www.tinglado.net/
2. botón derecho/ver código fuente

Etiquetas HTML
•Son marcas escritas entre corchetes angulares, que se colocan al principio y al
funal de la zona de texto a la que queremos aplicar un efecto.

Etiqueta inicial

Contenido

Ejemplo

Atributo

Etiqueta final

Creación de páginas HTML
•

¿cómo crear una página HTML?
– Abrir el editor seleccionado: bloc de notas, html-kit, …
– Escribir el código necesario para construir la página
– Guardar el fichero con extensión .html o .htm

•

Comprobar el resultado obtenido abriendo la página
– Se abre con el navegador

•

¿cómo modificar una página HTML?
– “Abrir con” elbloc de notas o editor seleccionado
– Abrir la página y, desde el navegador, seleccionar Ver\código fuente,
modificar desde el bloc de notas y, desde el navegador actualizar la
página utilizando el correspondiente botón de la barra de herramientas.

ESTRUCTURA PAGINA HTML





TEXTO QUE VISUALIZARÁ LA PÁGINA

Etiquetas mas comunes y sus atributos
Etiquetas

Características

...

Entre ellas dos ha de estar todo el contenido
de la página.

…

Cabecera del documento.Título de la página,
hoja de estilo.



Título de la ventana que aparece en el
navegador.

…

Entre estas etiquetas incluiremos todo el
contenido de la página web. Se puden poner
atributoscomo bgcolor.

…

….

……

….

Estas etiquetas sirven para escribir distintos
tamaños de titulares desde el más grande es

hasta el más pequeño

.

Etiquetas mas comunes y sus atributos
Etiquetas

Características

...

Texto en cursiva.

…

Texto subrayado.

…

Texto negrita.

…

Delimitan un párrafo del texto.
….

(alinear a la izquierda)

…..

(centrar)

…..

(alinear a la derecha)




Salto de línea. No necesita etiqueta de cierre.

---

Inserta una línea horizontal

---

nombre de la imagen”
alt=“texto”/>

Inserta una imagen en la página. Se puede
añadir el atributo align para alinear la
imagen.

Ejercicio 1.Mi primerapágina Web
1.Crea en tu ordenador una carpeta llamada P1_nombreapellido.
2. Abre el bloc de notas:Inicio/todos los programas/Accesorios/Bloc de
notas.
3. Copia en el bloc de notas las etiquetas básicas e imprescindibles que ha de
contener un página web (Estructura página web).
4. Añade el texto “Saludo” entre las etiquetas .
5. Luego añade el texto “HOLA MUNDO” entre lasetiquetas y
. Inserta este texto en una etiqueta de encabezado de orden 2.

HOLA, MUNDO

6. En el menú Archivo /Guardar como. En la opción Tipo elige Todos los
archivos(*.*) y en Nombre escribe P1_E1_nombreapellido.html.
7. Accede a la carpeta anterior haz clic con el ratón sobre el archico que
acabas de crear.

KompoZer
Kompozer es un programa de software libre, gratuito, de muyfácil manejo y muy
completo para la creación de páginas web. Es multiplataforma (Windows, Linux,…).

Ejercicio 2: Descargar e instalar Kompozer.
1. Abre tu navegador y entra en www.kompozer.net/download.php.
2. Haz clic sobre download para Windows.
3. Elige Guardar.
4. Elige carpeta.
5. Instala el software descargado.

KompoZer
Ejercicio 3: “Hola, Mundo”
1. Abre Kompozer.
2. Guárdalo...

Leer documento completo

Regístrate para leer el documento completo.