PDF de programación - Curso FrontPage 2000

INTRODUCCIÓN A HTML

CON OFFICE 2000



MINISTERIO DE EDUCACIÓN Y CIENCIA

Centro Nacional de Información y Comunicación Educativa



A continuación encontrarás un conjunto de páginas WEB en las que se ha pretendido combinar un mínimo de
teoría con el máximo posible de práctica, de forma que se genere un proceso de experimentación que te
permita un aprendizaje autónomo.


Los objetivos que se plantean son:

• Que conozcas la estructura básica de un documento HTML.
• Que aprendas a construir una página HTML utilizando los recursos elementales y algunos de nivel

intermedio.

• Que adquieras las bases necesarias para poder continuar de forma autónoma el aprendizaje sobre

elementos avanzados de lenguaje HTML.


Para conseguir estos objetivos contamos con un tema central de trabajo: construir un sitio WEB
compuesto de varias páginas con sus correspondientes enlaces. Esta tarea la iremos desarrollando paso a
paso, pero deberías tenerla presente desde el momento de iniciar el curso.

Los materiales que encontrarás recogen una serie de explicaciones sobre los diferentes elementos que
constituyen las páginas WEB y un conjunto de ejercicios intercalados para ir practicando los conceptos
explicados. Algunos de estos ejercicios consisten en tareas que deberás enviar a tu tutor puesto que son
objeto de evaluación.

Si utilizas el manual en formato HTML la navegación por los contenidos del curso puede hacerse siguiendo
una secuencia lineal, igual que si se fueran pasando una a una las páginas de un manual o bien de forma
no secuencial para lo que se utilizará el menú que tendrás presente de forma constante en la pantalla.

En los manuales tanto en formato pdf como en formato HTML se han utilizado las siguientes
convenciones:

• Nombres de menús, pestañas, barras de herramientas y ventanas se han escrito con mayúscula y
negrita, ARCHIVO.
• Los nombres de las Opciones contenidas en los menús se han escrito en minúsculas y negrita,
Guardar como.
• Los nombres de botones y teclas se han escrito en minúsculas negrita y encerrados entre
corchetes, [Intro].
• Los textos que se deben de copiar en los ejercicios se han escrito en cursiva y encerrados entre
comillas, las comillas no deben de escribirse, “Este texto …”.
• En algunos menús y opciones de menú o de ventan aparece una letra subrayada. Si la letra
subrayada corresponde a un menú deberá pulsarse junto con la tecla ALT para que se abra el menú
correspondiente. Si la letra subrayada corresponde a una ventana o a una opción de ventana bastará
con pulsarla en el teclado para seleccionar o ejecutar dicha opción.

La secuencia de prácticas se inicia trabajando con el bloc de notas. Si ya has tenido algún contacto con
alguna otra herramienta de diseño de páginas WEB puede parecerte que esta fase sobra. Como autor del
curso considero que es un recurso metodológico necesario para hacer patentes las características del
lenguaje HTML y por ello los tres primeros ejercicios son de este tipo. A partir de la cuarta práctica
iniciaremos el trabajo con los editores gráficos.

Puedes utilizar el material en línea, optar por conseguir una copia comprimida que podrás instalar en tu
ordenador o imprimirte el manual en papel. Ninguna de las opciones es excluyente, desde las opciones en
formato HTML tanto en línea como instalada en tu ordenador puedes descargarte videos que explican la
realización de algunos ejercicios.

Para instalar la versión HTML descomprime el fichero curso_fp2000.zip, que habrás descargado al pulsar el
enlace del párrafo anterior, se creará una carpeta denominada curso_fp2000 que contiene en su interior una
gran cantidad de ficheros y carpetas, localiza un archivo denominado index.htm. Haz doble clic sobre él , se
abrirá el navegador y se mostrará en él la pantalla inicial del curso.

Es recomendable que te crees en el escritorio un icono de Acceso Directo al fichero de arranque. Para ello
arrastra el icono del fichero index.htm a cualquier zona del escritorio, al soltar el botón te aparecerá un
menú contextual, selecciona la opción CREAR ICONO DE ACCESO DIRECTO AQUÍ.




ÍNDICE:

INTRODUCCIÓN


•
¿Qué es HTML? ................................................................................. 9
• Conceptos de servidores y clientes Web ............................................10
• Estructura de una página Web ..........................................................12
•
Iniciar FrontPage 2000 .....................................................................16
• Crear un sitio Web ...........................................................................19
• Crear documento .............................................................................22
• Guardar documento .........................................................................23
• Poner título a la página ....................................................................24
• Abrir documento existente ...............................................................25
•
Insertar archivo ...............................................................................26
• Resumen .........................................................................................27
• Etiquetas HTML ...............................................................................28


FORMATO

• Encabezados ...................................................................................33
• Párrafos ..........................................................................................34
• Color de fondo .................................................................................36
•
Imagen de fondo .............................................................................39
 Rutas absolutas y relativas ......................................................41
• Etiquetas en la cabecera del documento ...........................................43
• El texto ...........................................................................................45
• Saltos de línea .................................................................................48
• Editar ..............................................................................................49
• Márgenes ........................................................................................53
•
Listas ..............................................................................................55
• Resumen .........................................................................................60
• Etiquetas HTML ...............................................................................61


TABLAS
•
Crear tablas ...................................................................................67
•
Propiedades de tabla ......................................................................69
•
Modificar tabla ................................................................................71
• Barra de herramientas tabla .............................................................73
•
Propiedades de celda .......................................................................75
•
Resumen ........................................................................................78
• Etiquetas HTML ...............................................................................79


ENLACES

• Conceptos generales ........................................................................83
• U.R.L. .............................................................................................83
• Enlaces externos .............................................................................84
• Enlaces internos ..............................................................................88
• Enlaces de descarga ........................................................................91
• Eliminar enlaces ..............................................................................92
• Modificar el color de los enlaces .......................................................93
• Resumen .........................................................................................94
• Etiquetas HTML ...............................................................................95



MULTIMEDIA

•

Imágenes .......................................................................................99
 Conceptos generales ...................................................................99
 Formatos gráficos para la Web ..................................................101
 Utilidades para tratar imágenes (Irfanview) ................................103
Insertar imágenes .....................................................................106

 Líneas horizontales ...................................................................110
 Barra de herramientas imagen ...................................................111
 Mapas de imágenes ..................................................................113
 Botones activables ....................................................................115
 Marquesinas .............................................................................116
• Sonidos .........................................................................................117
 Conceptos generales .................................................................117
Insertar sonidos ........................................................................118

• Resumen ............................