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.
   Dreamweaver 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

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
 
Ventana de Dreamweaver
Ventana de DreamweaverVentana de Dreamweaver
Ventana de Dreamweaver
 
La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5
 
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
 
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
 

Destacado (7)

Obras de arte mitología
Obras de arte mitologíaObras de arte mitología
Obras de arte mitología
 
Aproximación a la Didactica del Logo(Parte4)
Aproximación a la Didactica del Logo(Parte4)Aproximación a la Didactica del Logo(Parte4)
Aproximación a la Didactica del Logo(Parte4)
 
Primer Taller
Primer TallerPrimer Taller
Primer Taller
 
Tema1
Tema1Tema1
Tema1
 
Taller
TallerTaller
Taller
 
My presso
My pressoMy presso
My presso
 
Taller de nti cs
Taller de nti csTaller de nti cs
Taller de nti cs
 

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
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
 
Jair ulloque g
Jair ulloque gJair ulloque g
Jair ulloque g
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
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 generalidades
Dreamweaver generalidadesDreamweaver generalidades
Dreamweaver generalidades
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Vanessa
VanessaVanessa
Vanessa
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentación1 dreamweaver
Presentación1 dreamweaverPresentación1 dreamweaver
Presentación1 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
 
Fireworks
FireworksFireworks
Fireworks
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Más de Maria Rico

Pasos para crear una página web en wix
Pasos para crear una página web en wixPasos para crear una página web en wix
Pasos para crear una página web en wixMaria Rico
 
Cómo crear una pagina web en wix
Cómo crear una pagina web en wixCómo crear una pagina web en wix
Cómo crear una pagina web en wixMaria Rico
 
Los bosques y el medio ambiente
Los bosques y el medio ambienteLos bosques y el medio ambiente
Los bosques y el medio ambienteMaria Rico
 
PÁGINA WEB -WIX
PÁGINA WEB -WIXPÁGINA WEB -WIX
PÁGINA WEB -WIXMaria Rico
 
Crear página web en WIX
Crear página web en WIXCrear página web en WIX
Crear página web en WIXMaria Rico
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informáticaMaria Rico
 
EL AGUA - CONTAMINACIÓN AMBIENTAL
EL AGUA - CONTAMINACIÓN AMBIENTALEL AGUA - CONTAMINACIÓN AMBIENTAL
EL AGUA - CONTAMINACIÓN AMBIENTALMaria Rico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariaricoMaria Rico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariaricoMaria Rico
 

Más de Maria Rico (11)

Museo digital
Museo digitalMuseo digital
Museo digital
 
Pasos para crear una página web en wix
Pasos para crear una página web en wixPasos para crear una página web en wix
Pasos para crear una página web en wix
 
Cómo crear una pagina web en wix
Cómo crear una pagina web en wixCómo crear una pagina web en wix
Cómo crear una pagina web en wix
 
Recilaje
RecilajeRecilaje
Recilaje
 
Los bosques y el medio ambiente
Los bosques y el medio ambienteLos bosques y el medio ambiente
Los bosques y el medio ambiente
 
PÁGINA WEB -WIX
PÁGINA WEB -WIXPÁGINA WEB -WIX
PÁGINA WEB -WIX
 
Crear página web en WIX
Crear página web en WIXCrear página web en WIX
Crear página web en WIX
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
EL AGUA - CONTAMINACIÓN AMBIENTAL
EL AGUA - CONTAMINACIÓN AMBIENTALEL AGUA - CONTAMINACIÓN AMBIENTAL
EL AGUA - CONTAMINACIÓN AMBIENTAL
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 
Dreamweaver .. mariarico
Dreamweaver .. mariaricoDreamweaver .. mariarico
Dreamweaver .. mariarico
 

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. Dreamweaver 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 …