COLEGIO PADRE DEHON PROFESOR: JUAN MANUEL HERRERA

INFORMÁTICA PDC
PRÁCTICA DISEÑO WEB. MI PRIMERA PÁGINA.

Editor Web

Mi Primera Página Web

DOCUMENTACION A ENTREGAR.
• “MI PRIMERA PÁGINA nombre.html” Súbelo a tu página de TAREAS.

Suerte¡

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. Verás lo fácil que es.

Mi primera página

Lo primero que tienes que hacer es abrir Dreamweaver. Ya has visto en la página anterior como
puede hacerse. Abres un documento nuevo y seleccionas la Categoría Página básica, HTML.
Seguidamente introduce, en el documento en blanco, el texto que aparece en la imagen siguiente.

1
COLEGIO PADRE DEHON PROFESOR: JUAN MANUEL HERRERA
INFORMÁTICA PDC
PRÁCTICA DISEÑO WEB. MI PRIMERA PÁGINA.

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á una ventana como la que aparece más abajo.

Cambia el Título por Mi primera página.

Cambia el color de fondo, y pulsa 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:

2
COLEGIO PADRE DEHON PROFESOR: JUAN MANUEL HERRERA
INFORMÁTICA PDC
PRÁCTICA DISEÑO WEB. MI PRIMERA PÁGINA.

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.

Selecciona la primera línea de texto.

Aplica:
• Encabezado 1
• Estilo 2.
• Cursiva.
• Alineado centrado
• Color rojo

Selecciona la segunda línea.

Aplica las propiedades que aparecen en la imagen.

Para el enlace a la página del colegio, pon lo siguiente.

Y para el enlace a la página del periódico ya sabes como hacerlo.

Guardalo como “MI PRIMERA PÁGINA nombre” y súbela a tu página de TAREAS.