LECCION 1<br />DREAMWEAVER<br />TEMA: QUE ES DREAMWEAVER.<br />OBJ: CONOCER DE FORMA INTEGRAL EL CONCEPTO DE UN SITIO Y DR...
Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTM...
FORMAS PARA EJECUTAR EL PROGRAMA.<br />Todos los programas <br />Adobe<br />Dreamweaver CS3<br />Desde el icono de Dreamwe...
Pasos para crear una página web.<br />Lo primero que tienes que hacer es abrir Dreamweaver.  Abres un documento nuevo y se...
Una vez introducido el texto, vas a modificar el título y el color de fondo del documento.<br />Para ello debes hacer clic...
LECCION 2<br />TEMA: ENTORNO DE TRABAJO<br />OBJ: CONOCER LOS ELEMENTOS BASICOS DE DREAMWEAVER<br />Barra de título<br />....
VISTAS DE UN DOCUMENTO<br />La vista Diseño permite trabajar con el editor visual. Es la vista predeterminada de Dreamweav...
La vista Código se utiliza para poder trabajar en un entorno totalmente de programación, de código fuente. No permite tene...
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...
Vista previa en el explorador<br />Práctica del día: Abrir la página de la autobiografía, y trabajar<br />con las diferent...
LECCION 3<br />Tema: Configuración de un Sitio Web<br />Obj: Conocer y configurar un Sitio Web.<br />1<br />Un sitio web e...
2<br />3<br />Asignar un nombre<br />
4<br />Especificar el <br />lugar donde se<br />va a almacenar<br />5<br />
6<br />Especificar <br />la carpeta<br />7<br />
9<br />Completado<br />10<br />
Trabajar con el Sitio.<br />Seleccionar el Sitio  y dar clic en el botón<br />Listo<br />PRACTICA DEL DIA: <br />CON LOS P...
Las características del texto seleccionado pueden ser definidas  a través del inspector de propiedades. <br />Lección 4<br...
Listas<br />Es posible insertar texto a modo de lista. A su vez, la lista puede ser numerada o con viñetas.<br />Para que ...
Caracteres Especiales<br />A veces necesitarás introducir caracteres especiales en tus páginas. <br />
Crear un Estilo Personalizado<br />Con Dreamweaver CS3, las características que apliquemos a un texto crearán automáticame...
PRACTICA DEL DIA:<br />En la página de la Autobiografía dar formato al documento y crear<br />una lista de las actividades...
Próxima SlideShare
Cargando en…5
×

Dream

272 visualizaciones

Publicado el

clases de dreamweaver

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
272
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
8
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Dream

  1. 1. LECCION 1<br />DREAMWEAVER<br />TEMA: QUE ES DREAMWEAVER.<br />OBJ: CONOCER DE FORMA INTEGRAL EL CONCEPTO DE UN SITIO Y DREAMWEAVER.<br />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.<br /> <br />HTML Básico<br />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<br />
  2. 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.<br />
  3. 3. FORMAS PARA EJECUTAR EL PROGRAMA.<br />Todos los programas <br />Adobe<br />Dreamweaver CS3<br />Desde el icono de Dreamweaver CS3 del escritorio<br />PASOS PARA ABRIR Y GUARDAR UNA PAGINA<br />Hacer clic en el botón abrir     de la<br /> barra de herramientas estándar. <br />  Pulsar la combinación de teclas Ctrl+O.<br />  Hacer clic sobre el menú Archivo y elegir la opción Abrir.<br />  Hacer doble clic sobre el archivo en la ventana del sitio.<br />Hacer clic en el botón guardar    de<br />la barra de herramientas estándar.   Pulsar la combinación de teclas Ctrl+S.<br />  Hacer clic sobre el menú Archivo y elegir la opción Guardar.<br />
  4. 4. Pasos para crear una página web.<br />Lo primero que tienes que hacer es abrir Dreamweaver. Abres un documento nuevo y seleccionas la Categoría Página básica, HTML.<br />
  5. 5.
  6. 6. Una vez introducido el texto, vas a modificar el título y el color de fondo del documento.<br />Para ello debes hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página.<br />Práctica <br />Realizar una página web. <br />*Crear una Autobiografía<br />
  7. 7. LECCION 2<br />TEMA: ENTORNO DE TRABAJO<br />OBJ: CONOCER LOS ELEMENTOS BASICOS DE DREAMWEAVER<br />Barra de título<br />.<br />La barra de menús<br />La barra de herramientas estándar<br />La barra de herramientas de documento<br /> La barra de estado<br /> paneles e inspectores<br />
  8. 8. VISTAS DE UN DOCUMENTO<br />La vista Diseño permite trabajar con el editor visual. Es la vista predeterminada de Dreamweaver y la que se suele utilizar habitualmente.<br />
  9. 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.<br />
  10. 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<br />
  11. 11. Vista previa en el explorador<br />Práctica del día: Abrir la página de la autobiografía, y trabajar<br />con las diferentes Vista de Dreamweaver<br />
  12. 12. LECCION 3<br />Tema: Configuración de un Sitio Web<br />Obj: Conocer y configurar un Sitio Web.<br />1<br />Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. <br />Pasos para crear un Sitio Web.<br />
  13. 13. 2<br />3<br />Asignar un nombre<br />
  14. 14. 4<br />Especificar el <br />lugar donde se<br />va a almacenar<br />5<br />
  15. 15. 6<br />Especificar <br />la carpeta<br />7<br />
  16. 16. 9<br />Completado<br />10<br />
  17. 17. Trabajar con el Sitio.<br />Seleccionar el Sitio y dar clic en el botón<br />Listo<br />PRACTICA DEL DIA: <br />CON LOS PASOS EN LA LECCION. CREAR UN SITIO WEB<br />
  18. 18. Las características del texto seleccionado pueden ser definidas a través del inspector de propiedades. <br />Lección 4<br />y a través del menú Texto, <br />
  19. 19. Listas<br />Es posible insertar texto a modo de lista. A su vez, la lista puede ser numerada o con viñetas.<br />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.<br />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  .<br />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.<br />
  20. 20. Caracteres Especiales<br />A veces necesitarás introducir caracteres especiales en tus páginas. <br />
  21. 21. Crear un Estilo Personalizado<br />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.<br />Veámoslo:<br />  Para crear un Estilo CSS personalizado:<br />1. En el documento, se selecciona el texto al que se desea aplicar características concretas.<br />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. <br />Automáticamente Dreamweaver creará un nuevo estilo con el nombre Estilo1 o Estilo2 o Estilo3,... según los nombres de los estilos ya creados.<br />Aparecerá el nombre Estilo1 en el cuadro Estilo del panel Propiedades.<br />
  22. 22. PRACTICA DEL DIA:<br />En la página de la Autobiografía dar formato al documento y crear<br />una lista de las actividades que más te agreden en casa.<br />

×