SlideShare una empresa de Scribd logo
Expuesto por:
Marco Villasana López
Para optar una plaza vacante en la
Esp. Computación e Informática
2011
¡Aprender para ganar!
Fuente: LaWebdelProgramador
Fuente: Computrabajo
Fuente: Computrabajo
Fuente: aptitus
Calidad / Clase, en el diseño
Calidad / Clase, en el diseño
Calidad / Clase, en el diseño
Calidad / Clase, en el diseño
¿Cómo lo diseño?
¿Tengo que saber programar?
¿Qué herramienta uso?
90% del mercado de editores HTML, lo usan!!!
¿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.
Novedades del Dreamweaver
Mayor integraciónMejor compatibilidad
Fácil Administración Mejoras en el framework
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.
Entorno de trabajo - PracticaBarra insertar
Paneles
Ventana de documento
Barra de herramientas
Inspector de propiedades
Selector de etiquetas
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.
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
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
Clase Modelo Introducción al Dreamweaver CS3

Más contenido relacionado

PPTX
Linda eljach
PPT
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
PPTX
Que es dreamweaver
PPT
Curso dreamweavergrup4
PPT
Curso dreamweavergrup4
PPT
Curso dreamweavergrup4
PPTX
Presentacion de dreamweaver
PPTX
HTML PARTE 1
Linda eljach
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
Que es dreamweaver
Curso dreamweavergrup4
Curso dreamweavergrup4
Curso dreamweavergrup4
Presentacion de dreamweaver
HTML PARTE 1

La actualidad más candente (16)

PPTX
Procesos para colocar marcos, hipervinculo y video en dw edwin encarnación 4 b
PPTX
Dreamweaver
PPTX
Presentación1
PPTX
Adobe dreamweaver cs6
PPTX
Andrea Olivera
PDF
Crear archivo html
PPTX
Adobe dreamweaver
PPTX
Dreamweaver
PPTX
Pagina web
PPTX
presentación de código html.pptx
PPTX
Tutorialhtml
PPTX
Adobe dreamweaver
PDF
Hipervinculos
PPTX
Dreamwaver2222222222222
PPT
6 marquesinas
PPTX
Diapositivas
Procesos para colocar marcos, hipervinculo y video en dw edwin encarnación 4 b
Dreamweaver
Presentación1
Adobe dreamweaver cs6
Andrea Olivera
Crear archivo html
Adobe dreamweaver
Dreamweaver
Pagina web
presentación de código html.pptx
Tutorialhtml
Adobe dreamweaver
Hipervinculos
Dreamwaver2222222222222
6 marquesinas
Diapositivas
Publicidad

Similar a Clase Modelo Introducción al Dreamweaver CS3 (20)

PDF
Dreamweaver
PDF
Guia de aprendizaje
PPTX
Adobe dreamweaver
PDF
Espacio de trabajo Dreamweaver
PPTX
Dreamweaver
PDF
Manual Dreamweaver
PPT
Dreamweaver cs5
PPT
Dreamweaver cs5
ODP
Dreamweaver
DOCX
DREAMWEAVER.docx
PPTX
Johan T,T
PPTX
Ppt5 bcd.pptm recuperado
PPTX
Presentación post
PPTX
Diseño web
PPTX
Dreamwaver2222222222222
PPTX
Dreamweaver Tutorial
PPT
Taller de Dreamweaver 8
PPT
1 introduccion a dreamweaver
PDF
Guia de trabajo no.1
Dreamweaver
Guia de aprendizaje
Adobe dreamweaver
Espacio de trabajo Dreamweaver
Dreamweaver
Manual Dreamweaver
Dreamweaver cs5
Dreamweaver cs5
Dreamweaver
DREAMWEAVER.docx
Johan T,T
Ppt5 bcd.pptm recuperado
Presentación post
Diseño web
Dreamwaver2222222222222
Dreamweaver Tutorial
Taller de Dreamweaver 8
1 introduccion a dreamweaver
Guia de trabajo no.1
Publicidad

Último (20)

PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PPTX
Presentación de la Cetoacidosis diabetica.pptx
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
biología es un libro sobre casi todo el tema de biología
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
caso clínico iam clinica y semiología l3.pptx
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
DI, TEA, TDAH.pdf guía se secuencias didacticas
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Presentación de la Cetoacidosis diabetica.pptx
V UNIDAD - PRIMER GRADO. del mes de agosto
Híper Mega Repaso Histológico Bloque 3.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
2.0 Introduccion a processing, y como obtenerlo
biología es un libro sobre casi todo el tema de biología
V UNIDAD - SEGUNDO GRADO. del mes de agosto

Clase Modelo Introducción al Dreamweaver CS3

  • 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