Trabajar en Dreamweaver: La ventana de documento
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:
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.
|
Artículos Relacionados Dreamweaver. Utilizar la barra de herramientas y menús contextuales La barra de herramientas de Dreamweaver La barra de herramientas de Dreamweaver contiene botones que permiten... Dreamweaver. establecer el espaciado vertical y horizontal de una serie de imágenes 1. Comience con un documento en el que cada línea contenga una pequeña imagen (por... Dreamweaver. Copiar, pegar y reutilizar pasos Copiar y pegar pasos entre documentos Todos los documentos abiertos tienen su propio historial de pasos... Dreamweaver. Propiedades de la página web Utilice el cuadro de diálogo Propiedades de la página de Dreamweaver para especificar diversas opciones... |
(Sin valoración)
Loading ...Autor y licencia
Autor: Centro de Tecnología Informática
URL: http://www.unav.es/cti
Guía de capítulos
RSS