SlideShare una empresa de Scribd logo
1 de 14
Mariana Isabel Varela Guerrero
            11ºC
            2013
Adobe Dreamweaver CS5.5
 es la aplicación que lidera el
sector de la edición y creación
      de contenidos web.
    Proporciona funciones
 visuales y de nivel de código
  para crear diseños y sitios
 web basados en estándares
 para equipos de sobremesa,
 Smartphone, tabletas y otros
          dispositivos
    La Pantalla Inicial .
    La Barra de Títulos.
   La Barra de Menú.
    la Barra de Herramientas
    Estándar.
    La Barra de Herramientas De
    Archivo.
    La Barra de Estado.
    Los Paneles e Inspectores.
    La Barra de Herramientas
    Insertar o Panel de Objetos.
    Vistas de un Documento.
Al arrancar Dreamweaver
aparece una pantalla inicial
como ésta, vamos a ver sus
componentes fundamentales.
Así conoceremos los
nombres de los diferentes
elementos y será más fácil
entender
La barra de título contiene el nombre del
   programa (Macromedia Dreamweaver 8) 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.
La barra de menús contiene las operaciones
    de Dreamweaver, 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 Dreamweaver.
La barra de herramientas estándar
  contiene iconos para ejecutar de forma
inmediata algunas de las operaciones más
  habituales, como Abrir , Guardar , etc.
Mediante esta barra podremos
 acceder a diversas opciones
     de visualización del
      documento y a la
 administración de éstos con
     respecto al servidor
La barra de estado nos indica en
cada momento en qué etiqueta HTML
           nos encontramos
 (en la imagen al encontrarnos en un
    documento en blanco estamos
         directamente sobre la
           etiqueta <body>).
Dreamweaver utiliza ventanas
flotantes similares a las barras de
  herramientas, que se conocen
   como paneles o inspectores
La barra de herramientas Insertar o panel de
    objetos permite insertar elementos en un
 documento sin la necesidad de recurrir al menú
Insertar. Los elementos están clasificados según
      su categoría: tablas, texto, objetos de
                 formulario, etc.
Puedes cambiar la
vista del documento
a través de la barra de
herramientas de
documento. La vista
Diseño: Permite
trabajar con el editor
visual. Es la vista
predeterminada de
Dreamweaver y la que
se suele utilizar
habitualmente.
El software de diseño web Adobe®
   Dreamweaver® CS6 proporciona una
interfaz visual intuitiva para la creación y la
  edición de sitios web HTML y apps para
   dispositivos móviles. Utiliza el nuevo
   Diseño de cuadrícula fluida, que hace
          posible la compatibilidad
    multiplataforma, para crear diseños
  adaptables. Revisa los diseños antes de
  publicarlos por medio de la Vista previa
           multipantalla mejorada
M ventana de dreamweaver

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Espacio de trabajo de macromedia dreamweaver
Espacio de trabajo de macromedia dreamweaverEspacio de trabajo de macromedia dreamweaver
Espacio de trabajo de macromedia dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Vanessa
VanessaVanessa
Vanessa
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
 
Espacio de trabajo Dreamweaver
Espacio de trabajo DreamweaverEspacio de trabajo Dreamweaver
Espacio de trabajo Dreamweaver
 
Presentacion Dreamweaver
Presentacion DreamweaverPresentacion Dreamweaver
Presentacion Dreamweaver
 
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
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Dreamweaver interfaz
Dreamweaver interfazDreamweaver interfaz
Dreamweaver interfaz
 
Capitulo 2: Espacio_trabajo
Capitulo 2: Espacio_trabajoCapitulo 2: Espacio_trabajo
Capitulo 2: Espacio_trabajo
 
Manual de DreamWeaver
Manual de DreamWeaverManual de DreamWeaver
Manual de DreamWeaver
 
Jair ulloque g
Jair ulloque gJair ulloque g
Jair ulloque g
 
Adobe Dreamweaver CS3
Adobe Dreamweaver CS3Adobe Dreamweaver CS3
Adobe Dreamweaver CS3
 
Dw
DwDw
Dw
 

Destacado

Prácticas y Modelos de Educación Expandida
Prácticas y Modelos de Educación ExpandidaPrácticas y Modelos de Educación Expandida
Prácticas y Modelos de Educación ExpandidaZEMOS98
 
Como agregar un vídeo de youtube
Como agregar un vídeo de youtubeComo agregar un vídeo de youtube
Como agregar un vídeo de youtubePlastilina3
 
t1_e1_fernandez-monica
t1_e1_fernandez-monicat1_e1_fernandez-monica
t1_e1_fernandez-monicamokicastro
 
Qué es un proyecto de vida
Qué es un proyecto de vidaQué es un proyecto de vida
Qué es un proyecto de vidaluispblue
 
Palestra ciencias naturais. aprendendo com o cotidiano
Palestra ciencias naturais. aprendendo com o cotidianoPalestra ciencias naturais. aprendendo com o cotidiano
Palestra ciencias naturais. aprendendo com o cotidianoEditora Moderna
 
La mejora organizativa, un reto permanente en la micropyme. El caso de XTREAM
La mejora organizativa, un reto permanente en la micropyme. El caso de XTREAMLa mejora organizativa, un reto permanente en la micropyme. El caso de XTREAM
La mejora organizativa, un reto permanente en la micropyme. El caso de XTREAMEOI Escuela de Organización Industrial
 
Cómo crear un blog en blogger (expo bladimir)
Cómo crear un blog en blogger (expo bladimir)Cómo crear un blog en blogger (expo bladimir)
Cómo crear un blog en blogger (expo bladimir)Tatiana Sanchez Charry
 
Trabajador noctivago
Trabajador noctivagoTrabajador noctivago
Trabajador noctivagoWinsi Quinsi
 
Electricidad1 duque uchima_180604
Electricidad1 duque uchima_180604Electricidad1 duque uchima_180604
Electricidad1 duque uchima_180604SPDUQUE
 
sistemas cont
sistemas contsistemas cont
sistemas contxdcalin
 
Publicar entrada-segundaparte
Publicar entrada-segundapartePublicar entrada-segundaparte
Publicar entrada-segundaparteLaura Lopez
 
Caja de herramientas
Caja de herramientasCaja de herramientas
Caja de herramientasAradia89
 

Destacado (20)

Prácticas y Modelos de Educación Expandida
Prácticas y Modelos de Educación ExpandidaPrácticas y Modelos de Educación Expandida
Prácticas y Modelos de Educación Expandida
 
Como agregar un vídeo de youtube
Como agregar un vídeo de youtubeComo agregar un vídeo de youtube
Como agregar un vídeo de youtube
 
t1_e1_fernandez-monica
t1_e1_fernandez-monicat1_e1_fernandez-monica
t1_e1_fernandez-monica
 
Qué es un proyecto de vida
Qué es un proyecto de vidaQué es un proyecto de vida
Qué es un proyecto de vida
 
Palestra ciencias naturais. aprendendo com o cotidiano
Palestra ciencias naturais. aprendendo com o cotidianoPalestra ciencias naturais. aprendendo com o cotidiano
Palestra ciencias naturais. aprendendo com o cotidiano
 
La mejora organizativa, un reto permanente en la micropyme. El caso de XTREAM
La mejora organizativa, un reto permanente en la micropyme. El caso de XTREAMLa mejora organizativa, un reto permanente en la micropyme. El caso de XTREAM
La mejora organizativa, un reto permanente en la micropyme. El caso de XTREAM
 
La web 2
La web 2La web 2
La web 2
 
Excel 2010
Excel 2010Excel 2010
Excel 2010
 
Cómo crear un blog en blogger (expo bladimir)
Cómo crear un blog en blogger (expo bladimir)Cómo crear un blog en blogger (expo bladimir)
Cómo crear un blog en blogger (expo bladimir)
 
Desarrollo Guia 2
Desarrollo Guia 2Desarrollo Guia 2
Desarrollo Guia 2
 
Materiaysuestructura
MateriaysuestructuraMateriaysuestructura
Materiaysuestructura
 
Trabajador noctivago
Trabajador noctivagoTrabajador noctivago
Trabajador noctivago
 
Iframe src
Iframe srcIframe src
Iframe src
 
Rocas
RocasRocas
Rocas
 
Electricidad1 duque uchima_180604
Electricidad1 duque uchima_180604Electricidad1 duque uchima_180604
Electricidad1 duque uchima_180604
 
sistemas cont
sistemas contsistemas cont
sistemas cont
 
Grupo
GrupoGrupo
Grupo
 
Publicar entrada-segundaparte
Publicar entrada-segundapartePublicar entrada-segundaparte
Publicar entrada-segundaparte
 
El audio
El audioEl audio
El audio
 
Caja de herramientas
Caja de herramientasCaja de herramientas
Caja de herramientas
 

Similar a M ventana de dreamweaver

Similar a M ventana de dreamweaver (20)

Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
Presentacion Power Dreamweaver
Presentacion Power DreamweaverPresentacion Power Dreamweaver
Presentacion Power Dreamweaver
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Jair ulloque g
Jair ulloque gJair ulloque g
Jair ulloque g
 
Johana
JohanaJohana
Johana
 
Manual de dreamweaver listo
Manual de dreamweaver listoManual de dreamweaver listo
Manual de dreamweaver listo
 
Presentac[1]
Presentac[1]Presentac[1]
Presentac[1]
 
Presentac[1]
Presentac[1]Presentac[1]
Presentac[1]
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dw
DwDw
Dw
 
Dwj
DwjDwj
Dwj
 
Johan T,T
Johan T,TJohan T,T
Johan T,T
 
Ppt5 bcd.pptm recuperado
Ppt5 bcd.pptm recuperadoPpt5 bcd.pptm recuperado
Ppt5 bcd.pptm recuperado
 
Presentación1 dreamweaver
Presentación1 dreamweaverPresentación1 dreamweaver
Presentación1 dreamweaver
 
Dreamweaver P
Dreamweaver PDreamweaver P
Dreamweaver P
 

Más de Maria Kmii Arrieta Caballero (16)

Comportamiento
ComportamientoComportamiento
Comportamiento
 
Cultura y tradición
Cultura y tradiciónCultura y tradición
Cultura y tradición
 
Símbolos
SímbolosSímbolos
Símbolos
 
Costumbre y patrimonio
Costumbre y patrimonioCostumbre y patrimonio
Costumbre y patrimonio
 
Danzas del Carnaval de Barranquilla
Danzas del Carnaval de BarranquillaDanzas del Carnaval de Barranquilla
Danzas del Carnaval de Barranquilla
 
Carnaval de Barranquilla
Carnaval de BarranquillaCarnaval de Barranquilla
Carnaval de Barranquilla
 
Patrimonio Material e Inmaterial de Barranquilla.
Patrimonio Material e Inmaterial de Barranquilla.Patrimonio Material e Inmaterial de Barranquilla.
Patrimonio Material e Inmaterial de Barranquilla.
 
Cómo crear una página web en wixmio
Cómo crear una página web en wixmioCómo crear una página web en wixmio
Cómo crear una página web en wixmio
 
Pasos para crear una pagina web en wix
Pasos para crear una pagina web en wixPasos para crear una pagina web en wix
Pasos para crear una pagina web en wix
 
Pasos para crear una pagina web en wix
Pasos para crear una pagina web en wixPasos para crear una pagina web en wix
Pasos para crear una pagina web en wix
 
El calentamiento global6
El calentamiento global6El calentamiento global6
El calentamiento global6
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 

M ventana de dreamweaver

  • 1. Mariana Isabel Varela Guerrero 11ºC 2013
  • 2. Adobe Dreamweaver CS5.5 es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, Smartphone, tabletas y otros dispositivos
  • 3. La Pantalla Inicial .  La Barra de Títulos.  La Barra de Menú.  la Barra de Herramientas Estándar.  La Barra de Herramientas De Archivo.  La Barra de Estado.  Los Paneles e Inspectores.  La Barra de Herramientas Insertar o Panel de Objetos.  Vistas de un Documento.
  • 4. Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender
  • 5. La barra de título contiene el nombre del programa (Macromedia Dreamweaver 8) 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.
  • 6. La barra de menús contiene las operaciones de Dreamweaver, 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 Dreamweaver.
  • 7. La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Abrir , Guardar , etc.
  • 8. Mediante esta barra podremos acceder a diversas opciones de visualización del documento y a la administración de éstos con respecto al servidor
  • 9. La barra de estado nos indica en cada momento en qué etiqueta HTML nos encontramos (en la imagen al encontrarnos en un documento en blanco estamos directamente sobre la etiqueta <body>).
  • 10. Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se conocen como paneles o inspectores
  • 11. La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la necesidad de recurrir al menú Insertar. Los elementos están clasificados según su categoría: tablas, texto, objetos de formulario, etc.
  • 12. Puedes cambiar la vista del documento a través de la barra de herramientas de documento. La vista Diseño: Permite trabajar con el editor visual. Es la vista predeterminada de Dreamweaver y la que se suele utilizar habitualmente.
  • 13. El software de diseño web Adobe® Dreamweaver® CS6 proporciona una interfaz visual intuitiva para la creación y la edición de sitios web HTML y apps para dispositivos móviles. Utiliza el nuevo Diseño de cuadrícula fluida, que hace posible la compatibilidad multiplataforma, para crear diseños adaptables. Revisa los diseños antes de publicarlos por medio de la Vista previa multipantalla mejorada