Este documento presenta una lección sobre Dreamweaver. Explica que Dreamweaver permite crear páginas web de forma gráfica sin necesidad de escribir código HTML a mano. También describe cómo abrir y guardar archivos en Dreamweaver, y cómo crear una página web básica. Por último, asigna como práctica crear una autobiografía usando estas funciones de Dreamweaver.
1. LECCION 1 DREAMWEAVER TEMA: QUE ES DREAMWEAVER. OBJ: CONOCER DE FORMA INTEGRAL EL CONCEPTO DE UN SITIO Y DREAMWEAVER. Cuando utilizamos Dreamweaver para crear una página Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente las etiquetas necesarias para construir la página con la apariencia y contenido definidos en el editor gráfico. HTML Básico Las páginas que vemos en Internet están escritas utilizando el lenguaje HTML (HyperTextMarkupLanguage). Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web
2. Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo.
3. FORMAS PARA EJECUTAR EL PROGRAMA. Todos los programas Adobe Dreamweaver CS3 Desde el icono de Dreamweaver CS3 del escritorio PASOS PARA ABRIR Y GUARDAR UNA PAGINA Hacer clic en el botón abrir de la barra de herramientas estándar. Pulsar la combinación de teclas Ctrl+O. Hacer clic sobre el menú Archivo y elegir la opción Abrir. Hacer doble clic sobre el archivo en la ventana del sitio. Hacer clic en el botón guardar de la barra de herramientas estándar. Pulsar la combinación de teclas Ctrl+S. Hacer clic sobre el menú Archivo y elegir la opción Guardar.
4. Pasos para crear una página web. Lo primero que tienes que hacer es abrir Dreamweaver. Abres un documento nuevo y seleccionas la Categoría Página básica, HTML.
5.
6. 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. Práctica Realizar una página web. *Crear una Autobiografía
7. LECCION 2 TEMA: ENTORNO DE TRABAJO OBJ: CONOCER LOS ELEMENTOS BASICOS DE DREAMWEAVER Barra de título . La barra de menús La barra de herramientas estándar La barra de herramientas de documento La barra de estado paneles e inspectores
8. VISTAS DE UN DOCUMENTO La vista Diseño permite trabajar con el editor visual. Es la vista predeterminada de Dreamweaver y la que se suele utilizar habitualmente.
9. La vista Código se utiliza para poder trabajar en un entorno totalmente de programación, de código fuente. No permite tener directamente una referencia visual de cómo va quedando el documento según se va modificando el código.
10. La vista Código y Diseño permite dividir la ventana en dos zonas. La zona superior muestra el código fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las zonas, este cambio se aplica directamente sobre la otra
11. Vista previa en el explorador Práctica del día: Abrir la página de la autobiografía, y trabajar con las diferentes Vista de Dreamweaver
12. LECCION 3 Tema: Configuración de un Sitio Web Obj: Conocer y configurar un Sitio Web. 1 Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Pasos para crear un Sitio Web.
17. Trabajar con el Sitio. Seleccionar el Sitio y dar clic en el botón Listo PRACTICA DEL DIA: CON LOS PASOS EN LA LECCION. CREAR UN SITIO WEB
18. Las características del texto seleccionado pueden ser definidas a través del inspector de propiedades. Lección 4 y a través del menú Texto,
19. Listas Es posible insertar texto a modo de lista. A su vez, la lista puede ser numerada o con viñetas. Para que un texto que ya ha sido introducido en el documento se convierta en una lista, simplemente hay que seleccionarlo y pulsar sobre la opción de lista correspondiente, ya sea a través del inspector de propiedades, o a través del menú Texto. La lista con viñetas (desordenada) se selecciona a través del botón , mientras que la lista numerada (ordenada) se selecciona a través del botón . En la ventana Propiedades de lista se puede especificar el tipo de lista (con números o con viñetas), el tipo de números o viñetas que se utilizarán (en la propiedad Estilo:), y en el caso de las listas ordenadas, el número por el que comenzará el recuento.
21. Crear un Estilo Personalizado Con Dreamweaver CS3, las características que apliquemos a un texto crearán automáticamente estilos CSS que se incrustarán en el documento actual y se aplicarán únicamente sobre él. Veámoslo: Para crear un Estilo CSS personalizado: 1. En el documento, se selecciona el texto al que se desea aplicar características concretas. 2. En el inspector de propiedades se modifican todas las propiedades de formato de texto, se establecen los atributos de la fuente y del párrafo que queramos. Automáticamente Dreamweaver creará un nuevo estilo con el nombre Estilo1 o Estilo2 o Estilo3,... según los nombres de los estilos ya creados. Aparecerá el nombre Estilo1 en el cuadro Estilo del panel Propiedades.
22. PRACTICA DEL DIA: En la página de la Autobiografía dar formato al documento y crear una lista de las actividades que más te agreden en casa.