8 ejercicio 8
Descargar como DOC, PDF0 recomendaciones186 vistas
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.
8 ejercicio 8
- 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.