La presente diapositiva fue realizada como clase modelo para un concurso de una plaza docente de Diseño web, efectivo, básico, y rápido; muestra las bondades del Dreamweaver CS3, la presentación tiene introducción, proceso y salida.

1. Expuesto por:
Marco Villasana López
Para optar una plaza vacante en la
Esp. Computación e Informática
2011

2. ¡Aprender para ganar!
Fuente: LaWebdelProgramador
Fuente: Computrabajo
Fuente: Computrabajo
Fuente: aptitus

3. Calidad / Clase, en el diseño

4. Calidad / Clase, en el diseño

5. Calidad / Clase, en el diseño

6. Calidad / Clase, en el diseño

7. ¿Cómo lo diseño?
¿Tengo que saber programar?
¿Qué herramienta uso?
90% del mercado de editores HTML, lo usan!!!

8. ¿Qué es Dreamweaver CS?
 Dreamweaver es un software de fácil uso que permite
crear (diseño / desarrollo) páginas web profesionales.
 Se puede crear tablas, editar marcos, trabajar con
capas, insertar comportamientos JavaScript, etc., de
una forma muy sencilla y visual.

9. Novedades del Dreamweaver
Mayor integraciónMejor compatibilidad
Fácil Administración Mejoras en el framework

10. Ventana de bienvenida
 Le permite abrir un documento
reciente o crear un documento
nuevo. Desde la pantalla de
bienvenida, también puede
profundizar sus conocimientos
sobre Dreamweaver mediante
una visita guiada o un tutorial
del producto.
 Crear nuevo(s) tipo de
documento(s) ejemplos HTML,
CSS, XML, etc.
 Crear nuevo documento a partir
de una plantilla.

11. Entorno de trabajo - PracticaBarra insertar
Paneles
Ventana de documento
Barra de herramientas
Inspector de propiedades
Selector de etiquetas

12. Sitio Web y Página Web
 Un sitio web es un
conjunto de archivos y
carpetas, relacionados
entre sí, con un diseño
similar o un objetivo
común.
 Una página web, también
conocida como página de
Internet, es una fuente de
información adaptada para
la (WWW) y que
normalmente forma parte
de un sitio web.

13. Practica Dirigida - 01
Conociendo el Dreamweaver - Fondos
1. Cree un sitio llamado “National”.
2. Cree un nuevo documento en blanco Html.
3. Guarde el documento en C: como “index.htm”
4. Asigne un color de fondo (#006699)
5. Coloque una imagen de fondo (diseno1.gif)
6. Guarde nuevamente el documento
7. Presione F12 para previsualizar.
Etiqueta: bgcolor Etiqueta: background

14. Prueba Evaluativa - I
Conceptos básicos de Dreamweaver CS3
 Solo una respuesta es válida por pregunta. Haz clic en la respuesta que
consideres correcta.
 1. Las páginas web pueden tener la extensión HTML.
 2. Los servidores gratuitos son recomendables para alojar páginas de
empresas.
 3. En Internet pueden existir páginas con el mismo nombre pero distinta
terminación.
Corregir
Corregir
Corregir