Este documento proporciona instrucciones paso a paso para crear una página web básica en Dreamweaver con varios estilos de texto, una imagen y un enlace. Explica cómo abrir un nuevo documento HTML, insertar texto, imagen y enlace, y modificar propiedades como el título, color de fondo y formato de texto. Finalmente, pide guardar el documento como index.htm y crear dos páginas más antes de comprimir la carpeta del sitio para enviarla.

1. EJERCICIO 8
Para que te vayas haciendo una idea de cómo funciona Dreamweaver,
vamos a crear una página web sencilla, con varios estilos de texto, una
imagen y un enlace a otra página. Crear esta página solo te llevará unos
pocos minutos, y sabrás cómo trabajar con los elementos básicos con los
que están hechas la mayoría de las páginas web. Si nunca has hecho
una página web, este es el momento para descubrir lo fácil que es.
Lo primero que tienes que hacer es abrir Dreamweaver. Abres un
documento nuevo y seleccionas la Categoría Página básica, HTML.
Seguidamente introduce, en el documento en blanco, un texto similar al
que aparece a continuación ()
Ahora tienes que insertar la imagen debajo de la segunda línea de texto.
En primer lugar debes situar el cursor al final de la segunda línea y pulsar
enter para ir a una nueva línea. Después debes dirigirte al menú Insertar,
a la opción Imagen.
En la nueva ventana que aparece, deberás buscar la imagen en la
carpeta en la que la habías guardado, y después seleccionarla.
IMPORTANTE: Si no guardas previamente la imagen en tu carpeta de
imágenes, Dreamweaver te advierte que la imagen en cuestión está
localizada fuera del sitio COLEGIOIMAGINARIO y te pregunta si quieres
guardarla dentro. Haz clic en Sí y dile que la guarde en la carpeta
‘imagenes’ de tu sitio.
Creación de páginas web
(Dreamweaver nivel básico)

2. Una vez introducido el texto, vas a modificar el título y el color de fondo
del documento.
Para ello debes hacer clic sobre el menú Modificar y elegir la opción
Propiedades de la página.
Entonces se abrirá la siguiente ventana.
Cambia el Título por "Primera página del Colegio".
En Color de Fondo escribe "#CCCCFF", de este modo el fondo del
documento pasará a ser de color azul.
Seguidamente pulsa sobre el botón Aceptar.
Ahora vas a pasar a cambiar el formato del texto. Para ello necesitas
visualizar el inspector de propiedades que se encuentra normalmente en
la parte inferior de la ventana, y que tiene el siguiente aspecto:
Si no te aparece, puedes mostrarlo a través del menú Ventana, con la
opción Propiedades.
Si lo que te ocurre es que únicamente te aparece el título del panel, es
porque está contraido. Para que te aparezca desplegado debes pulsar
sobre el botón , que aparece junto al nombre.
GUARDAR IMÁGENES DE
INTERNET:
Muchas de las imágenes que
vemos en Internet se pueden
copiar al disco duro. Al hacer clic
con el botón derecho del ratón
sobre la imagen que queremos
traer de Internet, se abre una
ventana con una opción similar a
Guardar imagen como...
(dependiendo del navegador
que utilices) que permite grabar
dicha imagen en un fichero de
nuestro disco duro.
En los navegadores más
modernos al colocar el cursor
sobre una imagen aparecen
estos iconos
en una
esquina de la imagen, si haces
clic en el icono del disquete
aparecerá el mismo menú
Guardar imagen como... a que
hacíamos referencia
anteriormente.
Copia una imagen, para luego
poder insertarla en la página
web que estamos creando.
Puedes guardarla en la carpeta
“imágenes” del sitio
Colegioimaginario o en la
carpeta Mis Documentos.

3. Selecciona la primera línea de texto y cambia el Formato por
"Encabezado 1" y el color por "#000066", tal y como se muestra en la
siguiente imagen.
Después de esto, la apariencia de la primera línea habrá cambiado.
Selecciona la imagen y las dos líneas de texto. Pulsa sobre el botón
para centrarlos.
Una vez hayas centrado la imagen y las otras dos líneas siguientes,
selecciona la segunda línea de texto, que aún no ha sido modificada.
Cambia el Formato por "Encabezado 3", pulsa una vez sobre el botón
y pulsa tres veces sobre el botón .
Selecciona en la última línea la palabra búsquedas, y en Vínculo
introduce "http://www.google.es", para crear un enlace a esa otra página:
Guarda este documento con el nombre index.htm
A continuación vas a crear dos documentos más:
1.- uno llamado “proyecto” donde pondrás lo que te parezca del proyecto
educativo
2.- otro llamado “servicios” donde enumerarás los diferentes servicios que
tendría tu colegio imaginario.
Guarda todo en el sitio COLEGIOIMAGINARIO
Para que tu tutor pueda ir viendo cómo va tu trabajo, comprime la carpeta
sitio COLEGIOIMAGINARIO (con sus archivos y subcarpetas) y envía por
correo electrónico tu trabajo.
NOTA: Todas las web tienen un
documento llamado index.htm
que es el documento en el que
se iniciará la visualización de la
web, la página de partida.