Varios

MANUAL BÁSICO DE CREACIÓN DE PÁGINAS WEB

Manual básico de creación de páginas web 7

Introducción 7

El LENGUAJE HTML. 8

MI PRIMER DOCUMENTO HTML. 8

CARACTERÍSTICAS GENERALES DEL LENGUAJE HTML.. 9

Marcas y atributos. 9

Concatenación de marcas. 10

CUATRO NORMAS FUNDAMENTALES 10

HTML es simplemente texto 10

Igualdad de mayúsculas y minúsculas. 10

No importanlos tabuladores, ni los saltos de línea 10

Caracteres especiales 10

ESTRUCTURA DE UN DOCUMENTO HTML. 11

COMANDOS BÁSICOS DE HTML 12

Definición de párrafos: P 12

Ruptura de líneas: BR. 12

Titulos de encabezamiento 12

Dando estilo al texto 13
Tipos de letras 13
Tamaño del texto. 13
Colores del texto. 15

Listas 15
Listas ordenadas: OL. 15Listas desordenadas: UL. 16
Listas de definición: DL. 16

Texto preformateado: PRE. 17

Centrando texto. 17

Líneas horizontales. 18

Comentarios no visibles en la pantalla 18

ENLACES: A. 19

Enlaces a otras zonas de la misma página 20

Enlaces a otras páginas 22

Enlaces a una zona de otra página 23

IMÁGENES 23

Principales formatos gráficos en Internet. 24Formato GIF. 24
Formato JPEG. 24

Inclusión de imágenes 25
Tamaño de las imágenes. 25
Escalado de imágenes. 25
Bordes de la imagen. 25
Alineación de texto con las imágenes. 26
Imágenes con texto alternativo. 26
Uso de imágenes como enlaces. 26
Imágenes como fondo de un documento. 26
Mapas sensitivos. 27

TABLAS 28

Título de la tabla. 28

Bordesde la tabla. 29

Cabeceras de filas y de columnas. 29

Tamaño de la tabla. 29

Justificación de la tabla. 30

Espacio dentro de las celdas. 30

Forma de las celdas individuales. 30
Justificación del texto de las celdas. 30
Celdas de diferentes tamaños. 31
Celdas irregulares. 31
Color de cada celda. 32
Texto en una solo línea. 32

EDITORES Y CONVERSORES 32Editores 33

Conversores 34

PUBLICAR LAS PÁGINAS EN INTERNET. 34

DIRECCIONES INTERNET DE INTERÉS. 35

BIBLIOGRAFÍA. 35

Manual básico de creación de páginas web

INTRODUCCIÓN

Este manual está pensado para aprender los conceptos básicos necesarios para construir sus propias páginas Web. Para quien quiera ampliar sus conocimientos se suministran también unas referencias deconsulta a otros sitios del Web.

En su confección se ha procurado seguir siempre un criterio eminentemente práctico. Para mejor asimilar los conceptos tratados, se propone al final de cada apartado un ejemplo práctico.

Primeras herramientas: Para comenzar sólo son necesarios dos elementos:

• Un editor de texto. Vale cualquiera, siempre que no formatee el texto. Por ello, los más adecuadosson los más sencillos (como por ej., El block de notas de). Si se utilizan procesadores como el Word, se deben guardar los ficheros como 'Sólo Texto', para que no introduzca órdenes de formateo, que pueden provocar errores al cargarlo en el navegador.
• Un visualizador o navegador del Web: Netscape, MSI Explorer, Mosaic, etc.

El editor de texto lo usaremos para ir escribiendo los documentosHTML, que será posteriormente interpretado por el navegador, con lo que iremos comprobando los cambios y añadidos que vayamos efectuando.

Existen ciertos programas que nos ayudan a automatizar este proceso, pero es muy conveniente comenzar a hacerlo de una manera manual, para comprender bien la estructura del lenguaje HTML

Método de trabajo: Con el editor de texto crearemos un fichero con elnombre que queramos (p. ej. ejemplo1), pero que debe tener necesariamente la extensión .html (o .htm si nuestro sistema operativo no soporta extensiones de más de tres letras).

Habrá un fichero distinto para cada apartado; conviene crear un directorio específico en su ordenador e irlos guardando en él, para poder repasar lo aprendido, aparte de que pueden ser necesarios para ejecutar otros...