COLEGIO PADRE DEHON INFORMÁTICA PDC PRÁCTICA DISEÑO WEB. MI PRIMERA PÁGINA.
PROFESOR: JUAN MANUEL HERRERA
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 INFORMÁTICA PDC PRÁCTICA DISEÑO WEB. MI PRIMERA PÁGINA.
PROFESOR: JUAN MANUEL HERRERA
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 INFORMÁTICA PDC PRÁCTICA DISEÑO WEB. MI PRIMERA PÁGINA.
PROFESOR: JUAN MANUEL HERRERA
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.
3