SlideShare una empresa de Scribd logo
1 de 11
Trabajo de informática
 La ventana de dreamweaver

Presentado por María Fernanda
         Rico Llinas

         Grado 11 B

 Proferosa : Analida Carvajal


          E.N.S.D.B
MENÚ
    •1. CONCEPTO DE DREAMWEAVER
   •2. LAS BARRAS DE HERRMANIENTA DE
              DREAMWEAVER
- BARRA DE HERRAMIENTAS DE DOCUMENTOS.
 •3. PANEL DE OBJETOS DE DREAMWEAVER
          -PANEL REPLEGADO.
         - GRUPOS DE PANELES.
    •4. LA VENTANA DE DOCUMENTOS
    -EL BOTON DESPLEGABLE (COMUN)
      -EL BOTON APLIAR/CONTRAER.
     •EL INSPECTOR DE PROPIEDADES
Concepto de Dreamweaver
Es un Creador y editor de paginas web de tipo WYSIWYG hecho
por Macromedia(actualmente de Adobe Systems)

Principalmente es la aplicación mas usada en el sector de diseño y
programación web. Incluye como toda la línea Macromedia/Adobe,
excelentes funcionalidades e integración con otras herramientas.

Esta aplicación proporciona 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.
LAS BARRAS DE HERRAMIENTAS DE
                DREAMWEAVER
-La barra de herramientas de Dreamweaver esta
  constituida por botones que permiten
  reemplazar entre diferentes vistas del
  documento rápidamente, cambiar el título del
  documento o pre visualizar la página en el
  navegador. Los elementos del menú Opciones
  (botón situado en el extremo derecho de la
  barra de herramientas) cambia
    en función de la vista que seleccione.
-Para ver u ocultar la barra de herramientas,
elija en el menú.
 -Ver la opción Barra de herramientas.
Debajo de la barra Insertar, se encuentra la barra de herramientas
de documento, que tiene botones y menús emergentes que
proporcionan diferentes vistas de la ventana de documento (como la vista
Diseño y la vista Códigos) y algunas operaciones comunes como la
obtención de una vista previa en un navegador.
EL PANEL OBJETOS
  Este panel contiene botones que proporcionan la
  creación introducción de diversos tipos de objetos,
  como tablas, vínculos, capas e imágenes.

  El panel contiene 7 categorías de forma
  predeterminada: Común, Formularios, Marcos, Head,
  Invisibles y Caracteres.

  Además esta constituido botones que cambian de vista:
  Estándar y Disposición. Cada uno de estos elementos
  serán explicados en temas posteriores.
VENTANA DREAMWEAVER
LA VENTANA DE DOCUMENTO O ZONA DE
EDICIÓN, EN LA QUE ESCRIBIRÁ Y CREARÁ LOS
DETALLES DE UNA PÁGINA.




El botón desplegable Común cuenta con un buen número de barras, que
clasifican por temas los objetos que se pueden manipular. Cada objeto es
un fragmento de código HTML y podrá establecer diversos atributos al
insertarlo.

puede insertar una imagen haciendo clic en el botón Imagen de la barra
Insertar. Si lo prefiere, puede insertar objetos utilizando el menú Insertar
en lugar de la barra de herramientas Insertar.
Para desacoplar un grupo de paneles, arrástrelo pinchando en el botón
mover (formado por dos columnas de puntitos) situado en el borde izquierdo
de la barra de título del grupo.
El panel Sitio, desplegado, permite administrar los archivos y carpetas que
forman el sitio Web.



 El botón Ampliar / Contraer del panel de Archivos ofrece la posibilidad de
ver todos los archivos del disco duro local de manera semejante a como lo
hace el Explorador de Windows.
 Interesante es el botón en forma de punta de flecha que se ve en el lateral
izquierdo del panel. Haciendo clic, conseguimos plegar el panel hacia el
margen derecho para ampliar la superficie de edición o volverlo a desplegar
para ver de nuevo el árbol de archivos del sitio Web.
EL INSPECTOR DE PROPIEDADES
 El inspector de propiedades muestra propiedades del objeto
  o texto seleccionado y permite modificar dichas propiedades.(Las
  propiedades que aparecen en el inspector dependen del objeto o
  texto seleccionado activamente en el documento.)
 Para abrir ventanas, inspectores y paneles de Dreamweaver, utilice
  el menú Ventana. Una marca de verificación al lado de un elemento
  de este menú indica que el elemento señalado se encuentra abierto,
  aunque puede estar oculto detrás de otras ventanas. Para ver un
  elemento que actualmente no está abierto, elija el nombre del
  elemento del menú o utilice su método abreviado de teclado.
   ofrece otros muchos paneles, inspectores y ventanas,
    como el panel Historial y el Inspector de código. Para
    abrir paneles, inspectores y ventanas tiene que
    utilizar el menú Ventana




     Visualia tu pagina …

Más contenido relacionado

La actualidad más candente (15)

Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Presentacion Dreamweaver
Presentacion DreamweaverPresentacion Dreamweaver
Presentacion Dreamweaver
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaver
 
M ventana de dreamweaver
M ventana de dreamweaverM ventana de dreamweaver
M ventana de dreamweaver
 
Espacio de trabajo de macromedia dreamweaver
Espacio de trabajo de macromedia dreamweaverEspacio de trabajo de macromedia dreamweaver
Espacio de trabajo de macromedia dreamweaver
 
La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
trabajo de wordpress
trabajo de wordpresstrabajo de wordpress
trabajo de wordpress
 
Ventana de Dreamweaver
Ventana de DreamweaverVentana de Dreamweaver
Ventana de Dreamweaver
 
Jair ulloque g
Jair ulloque gJair ulloque g
Jair ulloque g
 
Dreamweaver interfaz
Dreamweaver interfazDreamweaver interfaz
Dreamweaver interfaz
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Monica informatica
Monica informaticaMonica informatica
Monica informatica
 
Dreamweaver
DreamweaverDreamweaver
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
 

Destacado

La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]merry022
 
CATHOLIC MASS - THE EUCHARIST: What is it all about?
CATHOLIC MASS - THE EUCHARIST: What is it all about?CATHOLIC MASS - THE EUCHARIST: What is it all about?
CATHOLIC MASS - THE EUCHARIST: What is it all about?William John Meegan
 
Trabajo final tecnologia
Trabajo final tecnologiaTrabajo final tecnologia
Trabajo final tecnologiaJuan Ramirez
 
La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]merry022
 
Trabajo en equipo
Trabajo en equipoTrabajo en equipo
Trabajo en equipowguillermog
 
La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]merry022
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5'Paola G
 
Cómo organizar las páginas de un site
Cómo organizar las páginas de un siteCómo organizar las páginas de un site
Cómo organizar las páginas de un siteBeatriz Rodriguez
 
I.A.G.F. 3ER TRIMESTRE 2015
I.A.G.F. 3ER TRIMESTRE 2015I.A.G.F. 3ER TRIMESTRE 2015
I.A.G.F. 3ER TRIMESTRE 2015ERIKA COVA
 

Destacado (20)

Rock and roll
Rock and rollRock and roll
Rock and roll
 
La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]
 
CATHOLIC MASS - THE EUCHARIST: What is it all about?
CATHOLIC MASS - THE EUCHARIST: What is it all about?CATHOLIC MASS - THE EUCHARIST: What is it all about?
CATHOLIC MASS - THE EUCHARIST: What is it all about?
 
Trabajo final tecnologia
Trabajo final tecnologiaTrabajo final tecnologia
Trabajo final tecnologia
 
El tiempo
El tiempoEl tiempo
El tiempo
 
La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]
 
Presentation1
Presentation1Presentation1
Presentation1
 
ABORTO
ABORTOABORTO
ABORTO
 
Miss simpatìa
Miss simpatìaMiss simpatìa
Miss simpatìa
 
Trabajo en equipo
Trabajo en equipoTrabajo en equipo
Trabajo en equipo
 
Cimentaciones completo
Cimentaciones completoCimentaciones completo
Cimentaciones completo
 
Guiadocente
GuiadocenteGuiadocente
Guiadocente
 
Sildre solmar
Sildre solmarSildre solmar
Sildre solmar
 
La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]La trata y la trafica en los niños hh.pptx [autoguardado]
La trata y la trafica en los niños hh.pptx [autoguardado]
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Cómo organizar las páginas de un site
Cómo organizar las páginas de un siteCómo organizar las páginas de un site
Cómo organizar las páginas de un site
 
I.A.G.F. 3ER TRIMESTRE 2015
I.A.G.F. 3ER TRIMESTRE 2015I.A.G.F. 3ER TRIMESTRE 2015
I.A.G.F. 3ER TRIMESTRE 2015
 
El tiempo
El tiempoEl tiempo
El tiempo
 
tipos de evaluacion
tipos de evaluaciontipos de evaluacion
tipos de evaluacion
 
resume
resumeresume
resume
 

Similar a Dreamweaver .. mariarico

Similar a Dreamweaver .. mariarico (20)

Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Presentacion Power Dreamweaver
Presentacion Power DreamweaverPresentacion Power Dreamweaver
Presentacion Power Dreamweaver
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
 
Jair ulloque g
Jair ulloque gJair ulloque g
Jair ulloque g
 
Ventana de Dreamweaver
Ventana de DreamweaverVentana de Dreamweaver
Ventana de Dreamweaver
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
Dreamweaver generalidades
Dreamweaver generalidadesDreamweaver generalidades
Dreamweaver generalidades
 
Power point la v
Power point la vPower point la v
Power point la v
 
Power point la v
Power point la vPower point la v
Power point la v
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Vanessa
VanessaVanessa
Vanessa
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
 
Presentación1 dreamweaver
Presentación1 dreamweaverPresentación1 dreamweaver
Presentación1 dreamweaver
 
Fireworks
FireworksFireworks
Fireworks
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Más de 'Paola G

Usabilidad web.
Usabilidad web.Usabilidad web.
Usabilidad web.'Paola G
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web'Paola G
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5'Paola G
 
Diapositivas
DiapositivasDiapositivas
Diapositivas'Paola G
 
Usabilidad web.
Usabilidad web.Usabilidad web.
Usabilidad web.'Paola G
 
Usabilidad web..
Usabilidad web..Usabilidad web..
Usabilidad web..'Paola G
 
Usabilidad web .
Usabilidad web .Usabilidad web .
Usabilidad web .'Paola G
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web'Paola G
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web'Paola G
 

Más de 'Paola G (9)

Usabilidad web.
Usabilidad web.Usabilidad web.
Usabilidad web.
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Usabilidad web.
Usabilidad web.Usabilidad web.
Usabilidad web.
 
Usabilidad web..
Usabilidad web..Usabilidad web..
Usabilidad web..
 
Usabilidad web .
Usabilidad web .Usabilidad web .
Usabilidad web .
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 

Dreamweaver .. mariarico

  • 1. Trabajo de informática La ventana de dreamweaver Presentado por María Fernanda Rico Llinas Grado 11 B Proferosa : Analida Carvajal E.N.S.D.B
  • 2. MENÚ •1. CONCEPTO DE DREAMWEAVER •2. LAS BARRAS DE HERRMANIENTA DE DREAMWEAVER - BARRA DE HERRAMIENTAS DE DOCUMENTOS. •3. PANEL DE OBJETOS DE DREAMWEAVER -PANEL REPLEGADO. - GRUPOS DE PANELES. •4. LA VENTANA DE DOCUMENTOS -EL BOTON DESPLEGABLE (COMUN) -EL BOTON APLIAR/CONTRAER. •EL INSPECTOR DE PROPIEDADES
  • 3. Concepto de Dreamweaver Es un Creador y editor de paginas web de tipo WYSIWYG hecho por Macromedia(actualmente de Adobe Systems) Principalmente es la aplicación mas usada en el sector de diseño y programación web. Incluye como toda la línea Macromedia/Adobe, excelentes funcionalidades e integración con otras herramientas. Esta aplicación proporciona 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.
  • 4. LAS BARRAS DE HERRAMIENTAS DE DREAMWEAVER -La barra de herramientas de Dreamweaver esta constituida por botones que permiten reemplazar entre diferentes vistas del documento rápidamente, cambiar el título del documento o pre visualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione. -Para ver u ocultar la barra de herramientas, elija en el menú. -Ver la opción Barra de herramientas.
  • 5. Debajo de la barra Insertar, se encuentra la barra de herramientas de documento, que tiene botones y menús emergentes que proporcionan diferentes vistas de la ventana de documento (como la vista Diseño y la vista Códigos) y algunas operaciones comunes como la obtención de una vista previa en un navegador.
  • 6. EL PANEL OBJETOS Este panel contiene botones que proporcionan la creación introducción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El panel contiene 7 categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. Además esta constituido botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores.
  • 8. LA VENTANA DE DOCUMENTO O ZONA DE EDICIÓN, EN LA QUE ESCRIBIRÁ Y CREARÁ LOS DETALLES DE UNA PÁGINA. El botón desplegable Común cuenta con un buen número de barras, que clasifican por temas los objetos que se pueden manipular. Cada objeto es un fragmento de código HTML y podrá establecer diversos atributos al insertarlo. puede insertar una imagen haciendo clic en el botón Imagen de la barra Insertar. Si lo prefiere, puede insertar objetos utilizando el menú Insertar en lugar de la barra de herramientas Insertar.
  • 9. Para desacoplar un grupo de paneles, arrástrelo pinchando en el botón mover (formado por dos columnas de puntitos) situado en el borde izquierdo de la barra de título del grupo. El panel Sitio, desplegado, permite administrar los archivos y carpetas que forman el sitio Web. El botón Ampliar / Contraer del panel de Archivos ofrece la posibilidad de ver todos los archivos del disco duro local de manera semejante a como lo hace el Explorador de Windows. Interesante es el botón en forma de punta de flecha que se ve en el lateral izquierdo del panel. Haciendo clic, conseguimos plegar el panel hacia el margen derecho para ampliar la superficie de edición o volverlo a desplegar para ver de nuevo el árbol de archivos del sitio Web.
  • 10. EL INSPECTOR DE PROPIEDADES  El inspector de propiedades muestra propiedades del objeto o texto seleccionado y permite modificar dichas propiedades.(Las propiedades que aparecen en el inspector dependen del objeto o texto seleccionado activamente en el documento.)  Para abrir ventanas, inspectores y paneles de Dreamweaver, utilice el menú Ventana. Una marca de verificación al lado de un elemento de este menú indica que el elemento señalado se encuentra abierto, aunque puede estar oculto detrás de otras ventanas. Para ver un elemento que actualmente no está abierto, elija el nombre del elemento del menú o utilice su método abreviado de teclado.
  • 11. ofrece otros muchos paneles, inspectores y ventanas, como el panel Historial y el Inspector de código. Para abrir paneles, inspectores y ventanas tiene que utilizar el menú Ventana Visualia tu pagina …