SlideShare una empresa de Scribd logo
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

Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaverMelii Duarte P
 
Presentacion Dreamweaver
Presentacion DreamweaverPresentacion Dreamweaver
Presentacion Dreamweaver
Instituto Dr. Marco Aurelio Soto
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaverLISBETH-17
 
Espacio de trabajo de macromedia dreamweaver
Espacio de trabajo de macromedia dreamweaverEspacio de trabajo de macromedia dreamweaver
Espacio de trabajo de macromedia dreamweaver
Jack Daniels
 
Ventana de Dreamweaver
Ventana de DreamweaverVentana de Dreamweaver
Ventana de Dreamweaver'Kelly Vergara
 
La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5
Universidad Mesoamericana de San Agustín
 
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
 
trabajo de wordpress
trabajo de wordpresstrabajo de wordpress
trabajo de wordpress
Cecibel Aguilar Aguilar
 
Ventana de Dreamweaver
Ventana de DreamweaverVentana de Dreamweaver
Ventana de Dreamweaver
Angelito Orozco
 
Monica informatica
Monica informaticaMonica informatica
Monica informaticaRnDño Gil
 

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

1 numeri naturali
1 numeri naturali1 numeri naturali
1 numeri naturaliimartini
 
Daguul hot
Daguul hotDaguul hot
Daguul hot
Evsel Nith
 
Zoológicos humanos
Zoológicos humanosZoológicos humanos
Zoológicos humanos
Amauri Marttinn
 
linguaggio e consapevolezza metafonologica
 linguaggio e consapevolezza metafonologica linguaggio e consapevolezza metafonologica
linguaggio e consapevolezza metafonologicaimartini
 
Pablo Casals
Pablo CasalsPablo Casals
Pablo Casals
Cheyenne Farley
 
competenze fonologiche e metafonologiche
 competenze fonologiche e metafonologiche competenze fonologiche e metafonologiche
competenze fonologiche e metafonologicheimartini
 
Componentes de un Proyecto
Componentes de un ProyectoComponentes de un Proyecto
Componentes de un Proyecto
Laura
 
Como ensamblar-y-desensamblar-una-pc
Como ensamblar-y-desensamblar-una-pcComo ensamblar-y-desensamblar-una-pc
Como ensamblar-y-desensamblar-una-pc
VanesaAlfaro
 
Componenetes del proyecto
Componenetes del proyectoComponenetes del proyecto
Componenetes del proyecto
colegio san jose
 
Antecedentes de la investigación
Antecedentes de la investigación Antecedentes de la investigación
Antecedentes de la investigación
yain antunez
 
[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법
[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법
[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법
MinGeun Park
 
Adecuación de productos
Adecuación de productosAdecuación de productos
Adecuación de productosGrupo Enlace
 

Destacado (12)

1 numeri naturali
1 numeri naturali1 numeri naturali
1 numeri naturali
 
Daguul hot
Daguul hotDaguul hot
Daguul hot
 
Zoológicos humanos
Zoológicos humanosZoológicos humanos
Zoológicos humanos
 
linguaggio e consapevolezza metafonologica
 linguaggio e consapevolezza metafonologica linguaggio e consapevolezza metafonologica
linguaggio e consapevolezza metafonologica
 
Pablo Casals
Pablo CasalsPablo Casals
Pablo Casals
 
competenze fonologiche e metafonologiche
 competenze fonologiche e metafonologiche competenze fonologiche e metafonologiche
competenze fonologiche e metafonologiche
 
Componentes de un Proyecto
Componentes de un ProyectoComponentes de un Proyecto
Componentes de un Proyecto
 
Como ensamblar-y-desensamblar-una-pc
Como ensamblar-y-desensamblar-una-pcComo ensamblar-y-desensamblar-una-pc
Como ensamblar-y-desensamblar-una-pc
 
Componenetes del proyecto
Componenetes del proyectoComponenetes del proyecto
Componenetes del proyecto
 
Antecedentes de la investigación
Antecedentes de la investigación Antecedentes de la investigación
Antecedentes de la investigación
 
[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법
[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법
[NHN NEXT 14] [Pl in c++] 1. 수업 내용 및 진행 방법
 
Adecuación de productos
Adecuación de productosAdecuación de productos
Adecuación de productos
 

Similar a Dreamweaver .. mariarico

Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
angimelli
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaverangimelli
 
Presentacion Power Dreamweaver
Presentacion Power DreamweaverPresentacion Power Dreamweaver
Presentacion Power Dreamweaverguest777d3e
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
Jhocelyn Yasmìn
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochamarcela1406
 
Power point la v
Power point la vPower point la v
Power point la vValeriagale
 
Power point la v
Power point la vPower point la v
Power point la vValeriagale
 
Dreamweaver generalidades
Dreamweaver generalidadesDreamweaver generalidades
Dreamweaver generalidades
Luzrodrig
 
Presentación1 dreamweaver
Presentación1 dreamweaverPresentación1 dreamweaver
Presentación1 dreamweaverLina Ali
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
stephanyzambrano
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
stephanyzambrano
 
Fireworks
FireworksFireworks
Fireworks
Jhocelyn Yasmìn
 

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

Museo digital
Museo digitalMuseo digital
Museo digital
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 (12)

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
 
Taller
TallerTaller
Taller
 
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 …