SlideShare a Scribd company logo
1 of 10
Menú
•Que es DreamWeaver?
•Barra de titulo
•Barra de menús
•Barra de herramienta estándar
•Barra de herramienta de documento
• Barra de estado
•Inspector de propiedades
•Panel de objetos
•Conclusión                          siguiente
Que es
DreamWear?
(Macromedia Dreamweaver). Creador
y editor de páginas web tipo
WYSIWYG creado por Macromedia
(actualmente de Adobe Systems)
Es la aplicación de este tipo más
usada en el sector de diseño y
programación web. Posee, como toda
la línea Macromedia/Adobe,
excelentes funcionalidades e
integración con otras herramientas.
La aplicación permite crear sitios de
forma totalmente gráfica, y dispone
de funciones para acceder al código
HTML generado. Permite la conexión
a un servidor, a base de datos, soporte
para programación en ASP, PHP,
Javascript, cliente FTP integrado, etc.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión
Barra de
titulo
Contiene el nombre del
programa (Macromedia
Dreamwear ) y
seguidamente el nombre del
documento que aparecerá en
el explorador y entre
paréntesis, su ubicación y el
nombre del archivo en
formato HTML. En el
extremo de la derecha están
los botones para
minimizar, maximizar
/restaurar y cerrar.




   Menú
   •Que es DreamWeaver?
   •Barra de titulo
   •Barra de menús
   •Barra de herramienta estándar
   •Barra de herramienta de documento
   • Barra de estado
   •Inspector de propiedades
   •Panel de objetos
   •Conclusión
Barra de Menús
Contiene las operaciones de
DreamWear, agrupadas en
menús desplegables. Al hacer
clic en insertar, por
ejemplo, veremos las
operaciones relacionadas con
los diferentes elementos que
se pueden insertar en
DreamWear.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión
Barra de
herramientas
estándar
Contiene iconos para
ejecutar de forma inmediata
alguna de las operaciones
habituales como
abrir, guardar , etc.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión
Barra de
herramienta de
documentos
Contiene iconos para
ejecutar de forma inmediata
alguna de las otras
operaciones habituales que
no incluye la de herramientas
estándar. Estas operaciones
son las de cambio de vista de
documento, vista `previa,
etc.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión
Barra de estado
Nos indica cada momento en
que etiqueta HTML nos
encontramos.
También nos es posible
alternar entre los modos de
selección , mano o zoom.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión
Inspector de
propiedades

Muestra y permite modificar
las propiedades del
elemento seleccionado que
son usadas de forma mas
frecuente.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión
Panel de objetos

Permite insertar elementos
en un documento sin la
necesidad de recurrir al
menú insertar.




Menú
•Que es DreamWeaver?
•Barra de titulo
•Barra de menús
•Barra de herramienta estándar
•Barra de herramienta de documento
• Barra de estado
•Inspector de propiedades
•Panel de objetos
•Conclusión
Conclusión
 En resumen, el programa es
 realmente satisfactorio, incluso el
 código generado es de buena
 calidad. La única pega consiste en
 que al ser tan avanzado, puede
 resultar un poco difícil su manejo
 para personas menos
 experimentadas en el diseño de
 webs.
 Dreamweaver ha evolucionado
 mucho en su versión 4, que
 incluye soporte para la creación
 de páginas dinámicas de servidor
 en ASP, con acceso a bases de
 datos (versión Ultraje) y una
 mayor integración con otras
 herramientas de Macromedia
 como Fireworks.




 Menú
 •Que es DreamWeaver?
 •Barra de titulo
 •Barra de menús
 •Barra de herramienta estándar
 •Barra de herramienta de documento
 • Barra de estado
 •Inspector de propiedades
 •Panel de objetos
 •Conclusión

More Related Content

What's hot (17)

Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
Vanessa
VanessaVanessa
Vanessa
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Html5+css3 02
Html5+css3 02Html5+css3 02
Html5+css3 02
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver 8
Dreamweaver 8Dreamweaver 8
Dreamweaver 8
 
Taller de Maquetación Web
Taller de Maquetación WebTaller de Maquetación Web
Taller de Maquetación Web
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Grado 11 - dreamweaver
Grado 11 - dreamweaverGrado 11 - dreamweaver
Grado 11 - dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Andres viedma dreamweaver
Andres viedma dreamweaverAndres viedma dreamweaver
Andres viedma dreamweaver
 
Guia practica de ms word 4
Guia practica de ms word 4Guia practica de ms word 4
Guia practica de ms word 4
 

Viewers also liked

Viewers also liked (20)

Curso flash CS5
Curso flash CS5Curso flash CS5
Curso flash CS5
 
Diapos2
Diapos2Diapos2
Diapos2
 
Entorno de trabajo de Adobe flash 8
Entorno de trabajo de Adobe flash 8Entorno de trabajo de Adobe flash 8
Entorno de trabajo de Adobe flash 8
 
Adobe flash brisas
Adobe flash brisasAdobe flash brisas
Adobe flash brisas
 
Flash cs6 allison
Flash cs6 allisonFlash cs6 allison
Flash cs6 allison
 
6 entorno de trabajo en flah
6 entorno de trabajo en flah6 entorno de trabajo en flah
6 entorno de trabajo en flah
 
Sobre el documento electronico y la firma digital
Sobre el documento electronico y la firma digitalSobre el documento electronico y la firma digital
Sobre el documento electronico y la firma digital
 
El entorno de trabajo en flash
El entorno de trabajo en flashEl entorno de trabajo en flash
El entorno de trabajo en flash
 
Entorno de trabajo de flash
Entorno de trabajo de flashEntorno de trabajo de flash
Entorno de trabajo de flash
 
Entorno de trabajo de flash
Entorno de trabajo de flashEntorno de trabajo de flash
Entorno de trabajo de flash
 
Herramientas flash
Herramientas flashHerramientas flash
Herramientas flash
 
Ejer. corel draw
Ejer. corel drawEjer. corel draw
Ejer. corel draw
 
Exposicion equipo 6 adobe flash cs ecec
Exposicion equipo 6 adobe flash cs ececExposicion equipo 6 adobe flash cs ecec
Exposicion equipo 6 adobe flash cs ecec
 
Elementos del programa de diseño flash 5
Elementos del programa de diseño flash 5Elementos del programa de diseño flash 5
Elementos del programa de diseño flash 5
 
Barra de herramientas de flash
Barra de herramientas de flashBarra de herramientas de flash
Barra de herramientas de flash
 
Elementos de adobe flash
Elementos de adobe flashElementos de adobe flash
Elementos de adobe flash
 
La barra de herramientas de flash
La barra de herramientas de flashLa barra de herramientas de flash
La barra de herramientas de flash
 
Tutorial Flash CS6
Tutorial Flash CS6 Tutorial Flash CS6
Tutorial Flash CS6
 
Herramientas de corel
Herramientas de corelHerramientas de corel
Herramientas de corel
 
Herramientas de Flash
Herramientas de FlashHerramientas de Flash
Herramientas de Flash
 

Similar to Dreamweaver

Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaverangimelli
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaverangimelli
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochamarcela1406
 
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
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 RP 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
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 Rguest777d3e
 
Presentacion Power Dreamweaver
Presentacion Power DreamweaverPresentacion Power Dreamweaver
Presentacion Power Dreamweaverguest777d3e
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaverArmandoC42
 
D R E A M W E A V E R A N N E L
D R E A M W E A V E R  A N N E LD R E A M W E A V E R  A N N E L
D R E A M W E A V E R A N N E Lguestff9357
 
D R E A M W E A V E R A N N E L
D R E A M W E A V E R  A N N E LD R E A M W E A V E R  A N N E L
D R E A M W E A V E R A N N E Lguestff9357
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariaricoMaria Rico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariaricoMaria Rico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariaricoMaria Rico
 
Angela ramirez
Angela ramirezAngela ramirez
Angela ramirezbcn1965
 

Similar to Dreamweaver (20)

Octavo semana 21
Octavo semana 21Octavo semana 21
Octavo semana 21
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentacion Dreamweaver
Presentacion DreamweaverPresentacion Dreamweaver
Presentacion Dreamweaver
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
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
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 RP 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
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
 
Presentacion Power Dreamweaver
Presentacion Power DreamweaverPresentacion Power Dreamweaver
Presentacion Power Dreamweaver
 
M ventana de dreamweaver
M ventana de dreamweaverM ventana de dreamweaver
M ventana de dreamweaver
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
D R E A M W E A V E R A N N E L
D R E A M W E A V E R  A N N E LD R E A M W E A V E R  A N N E L
D R E A M W E A V E R A N N E L
 
D R E A M W E A V E R A N N E L
D R E A M W E A V E R  A N N E LD R E A M W E A V E R  A N N E L
D R E A M W E A V E R A N N E L
 
Luis palacio
Luis palacioLuis palacio
Luis palacio
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Manual de dreamweaver listo
Manual de dreamweaver listoManual de dreamweaver listo
Manual de dreamweaver listo
 
Angela ramirez
Angela ramirezAngela ramirez
Angela ramirez
 
Fireworks
FireworksFireworks
Fireworks
 

Dreamweaver

  • 1. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión siguiente
  • 2. Que es DreamWear? (Macromedia Dreamweaver). Creador y editor de páginas web tipo WYSIWYG creado por Macromedia (actualmente de Adobe Systems) Es la aplicación de este tipo más usada en el sector de diseño y programación web. Posee, como toda la línea Macromedia/Adobe, excelentes funcionalidades e integración con otras herramientas. La aplicación permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 3. Barra de titulo Contiene el nombre del programa (Macromedia Dreamwear ) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato HTML. En el extremo de la derecha están los botones para minimizar, maximizar /restaurar y cerrar. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 4. Barra de Menús Contiene las operaciones de DreamWear, agrupadas en menús desplegables. Al hacer clic en insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en DreamWear. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 5. Barra de herramientas estándar Contiene iconos para ejecutar de forma inmediata alguna de las operaciones habituales como abrir, guardar , etc. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 6. Barra de herramienta de documentos Contiene iconos para ejecutar de forma inmediata alguna de las otras operaciones habituales que no incluye la de herramientas estándar. Estas operaciones son las de cambio de vista de documento, vista `previa, etc. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 7. Barra de estado Nos indica cada momento en que etiqueta HTML nos encontramos. También nos es posible alternar entre los modos de selección , mano o zoom. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 8. Inspector de propiedades Muestra y permite modificar las propiedades del elemento seleccionado que son usadas de forma mas frecuente. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 9. Panel de objetos Permite insertar elementos en un documento sin la necesidad de recurrir al menú insertar. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión
  • 10. Conclusión En resumen, el programa es realmente satisfactorio, incluso el código generado es de buena calidad. La única pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de webs. Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultraje) y una mayor integración con otras herramientas de Macromedia como Fireworks. Menú •Que es DreamWeaver? •Barra de titulo •Barra de menús •Barra de herramienta estándar •Barra de herramienta de documento • Barra de estado •Inspector de propiedades •Panel de objetos •Conclusión