Trabajar en Dreamweaver: La ventana de documento

Actualizado el 02/10/2008 < > 1 Comentario

Resúmen: La ventana de documento muestra el documento actual mientras lo está creando y editando.

Meneame Bitacoras

Dreamweaver puede mostrar un documento de tres formas distintas: en la vista de Diseño, en la vista de Código y en una vista dividida que muestra tanto el diseño como el código. (Puede cambiar la vista en la que desea trabajar seleccionando una vista en la barra de herramientas de Dreamweaver.) De forma predeterminada, Dreamweaver muestra la ventana de documento en la vista de Diseño.

Además, puede trabajar con la vista de Diseño de Dreamweaver de dos formas distintas: en la vista de Disposición y en la vista Estándar. (Puede seleccionar estas vistas en la categoría de vistas del panel Objetos.) En la vista de Disposición, puede diseñar el formato de una página, insertar gráficos, texto y elementos multimedia; en la vista Estándar, además de insertar gráficos, texto y elementos multimedia, también puede insertar capas, crear documentos con marcos, crear tablas y aplicar otros cambios a la página (opciones que no se encuentran disponibles en la vista de Disposición).

  • La ventana de documento muestra el documento actual mientras lo está creando y editando.
  • El panel Objetos contiene iconos en los que puede hacer clic para insertar objetos en el documento y para cambiar su forma de trabajar en el documento.
  • Dreamweaver proporciona numerosos paneles flotantes, como el panel Estilos HTML y el inspector de código, que le permiten trabajar con otros elementos de Dreamweaver.
  • La barra del lanzador contiene botones para abrir y cerrar los inspectores y los paneles utilizados con mayor frecuencia.
  • 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.

La ventana de documento

En la vista de Diseño, la ventana de documento muestra el documento actual aproximadamente igual a como aparecerá en un navegador Web. La barra de título de la ventana de documento muestra el título de la página y, entre paréntesis, el nombre de la carpeta raíz, el nombre del archivo y un asterisco si el archivo contiene cambios no guardados.

La barra de estado, situada en la parte inferior de la ventana de documento, proporciona información adicional sobre el documento que está creando:

ventana de documento de macromedia dreamweaver

El selector de etiquetas muestra las etiquetas HTML padre que controlan el texto o los objetos seleccionados. Haga clic en una de estas etiquetas para resaltar su contenido en la ventana de documento. Haga clic en <body>  para seleccionar todo el cuerpo del documento.

La ventana emergente, Tamaño de ventana, permite cambiar el tamaño de la ventana de documento para que adopte dimensiones predeterminadas o personalizadas. Consulte Cambiar el tamaño de la ventana de documento.

A la derecha del menú emergente Tamaño de ventana, observará la estimación del tamaño del documento y del tiempo de descarga de la página, incluidos todos los archivos dependientes, como imágenes y otros archivos multimedia. Consulte Comprobar el tiempo de descarga y el tamaño.

La barra del lanzador aparece a lo largo de la parte inferior de la ventana de documento. De forma predeterminada, los botones de la barra del lanzador abren la ventana Sitio, el panel Activos, el panel Estilos HTML, el panel Estilos CSS, el panel Comportamientos, el panel Historial y el inspector de código. Para especificar qué botones deben aparecer en la barra del lanzador (y en el lanzador flotante), consulte Personalizar la barra del lanzador.

Meneame Bitacoras

Publicado el 02/10/2008, última actualización 02/10/2008.

Autor: Centro de Tecnología Informática

URL: http://www.unav.es/cti

Añadir Comentario (Subir al texto)

1 Comentario

  1. Manejo de fuentes con Adobe Dreamweaver

    [...] la vista de diseño, es posible establecer las fuentes de cualquier sección del documento. Para este ejemplo, [...]

    Lunes, 5 de abril 2010

(Subir al texto)

Añadir Comentario

* Campos obligatorios