Hace tiempo hice este taller de Dreamweaver y lo presente en el laboratorio de la institución para beneficio de los compañeros de trabajo. El mismo fluyó muy bien e incluso la participación del grupo fue excelente y aprendieron bastante sobre los diferentes temas que se abordaron en la presentación. También incluyo dentro de la misma un chiste culinario y personal mediante la introducción de una palabra que utilizo mucho al léxico de los compañeros. Espero que disfruten de esta presentación y que les sea de utilidad en algún futuro.

1. Dreamweaver 8 Taller Mofonguero Por: Juan C. Peña Martínez

17. Ejemplos de Flujograma Inicio Menú Pag 1 Pag 2 Pag 3 Pag 1a Pag 1b Pag 2a Pag 3a Pag 3b De vuelta a inicio Inicio (portada) Menú Pagina1 pagina1a pagina1b Pagina2 pagina2a Pagina3 Pagina4 Programa común Página básica

19. Dreamweaver: Interfase Barra de menú

20. Dreamweaver: Interfase Menú utilitario( este menú es cambiante)

21. Dreamweaver: Interfase Documento que tiene activo

22. Dreamweaver: Interfase Editor de texto HTML

23. Dreamweaver: Interfase “ Layout” de pantalla y funciones comunes del editor

24. Dreamweaver: Interfase Otras funciones prácticas del editor de HTML

26. Dreamweaver: Interfase Propiedades del elemento activo aquí puede ver que cambios sencillos se le pueden hacer al elemento que tiene activo en el momento.

27. Dreamweaver: Interfase “ Tabs” de Funciones adicionales y controles de algunos elementos un tanto mas complejos.

28. Dreamweaver: Interfase Nota: Algunos elementos de la interfase no se ven hasta que el objeto sea seleccionado o se activen los mismos según sea necesario para el usuario. Nota: Al colocar el cursor sobre algunos de los elementos le aparecerá una notita informativa de que es el elemento que esta seleccionando. Esto puede ser muy útil y ayuda a explorar la interfase sin necesidad de mucha explicación. Insert Table

29. Dreamweaver: Interfase Los elementos de edición de texto son estandarizados para dar un sentido de familiaridad sobretodo en elementos de edición de texto que tienen un “look” similar al de Word.

30. Dreamweaver: Interfase Dreamweaver automáticamente genera el código necesario al crear un documento nuevo. el que no tiene experiencia en HTML puede de manera “sencilla” hacer su pagina en el editor visual y el programa le generará el código básico necesario. Le recomiendo que si no sabe lo que es no lo borre. El lenguaje HTML es bien preciso y estructurado un error puede causar elementos extraños y situaciones aún mas extrañas.

31. Dreamweaver: Interfase El darle “right-click” al espacio vacío dentro del editor visual le aparecerá un menú de opciones esto le será especialmente útil mientras usted trabaja. Si escoge propiedades verá las propiedades de su pagina y podrá editarlas.

32. Dreamweaver: Interfase Aquí puede manejar la apariencia y detalles de su pagina. Desde el color de fondo, el título, el espacio del margen, el color del texto y otras muchas opciones. También puede poner una imagen de fondo a su página

33. Dreamweaver: Interfase Estos son los “tools” comunes que permiten al usuario crear mediante unos clics elementos en la pagina de web utilizando Dreamweaver. Note que están divididos por clasificaciones. Common (elementos mas comunes) Image table layer horizontal line Character (caracteres especiales) Line break Space Forms (formas) field checkbox button list box