BARRA BARRA INSERTAR BARRA BARRA INSERTAR BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS VENTANA DE DOCUMENTODE.

Presentación del tema: "BARRA BARRA INSERTAR BARRA BARRA INSERTAR BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS VENTANA DE DOCUMENTODE."— Transcripción de la presentación:

1 BARRA BARRA INSERTAR BARRA BARRA INSERTAR BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS BARRA DE HERRAMIENTAS DE DOCUMENTO HERRAMIENTAS VENTANA DE DOCUMENTODE VENTANA DE DOCUMENTODE GRUPOSGRUPOS DE PANELES GRUPOSGRUPOS DE PANELES INSPECTOR DE PROPIEDADESPROPIEDADES INSPECTOR DE PROPIEDADESPROPIEDADES PANEL ARCHIVOS PANEL ARCHIVOS SELECTORSELECTOR DE ETIQUETAS SELECTORSELECTOR DE ETIQUETAS

2

3 VENTANA DE DOCUMENTO La ventana de documento muestra el documento actual. Puede elegir entre una de las vistas siguientes: LA VISTA DISEÑO: es un entorno de diseño para el diseño visual de la página, la edición visual y el desarrollo rápido de aplicaciones. En esta vista, Dreamweaver muestra una representación visual del documento completamente editable, similar a la que aparecería en un navegador. LA VISTA CÓDIGO: es un entorno de codificación manual para escribir y editar código HTML, JavaScript, código de lenguaje de servidor, como por ejemplo PHP o ColdFusion Markup Language (CFML), y otros tipos de código. ES POSIBLE VER EL MISMO DOCUMENTO EN LAS DOS VISTAS, C Ó DIGO Y DISE Ñ O, EN UNA SOLA VENTANA DE DOCUMENTO.

4 La barra de herramientas de Documento contiene botones que permiten alternar entre diferentes vistas del documento rápidamente: vista Código, vista Diseño y una vista dividida que muestra las vistas Código y Diseño. La barra de herramientas contiene también algunos comandos y opciones relativos a la visualización del documento y a su transferencia entre los sitios local y remoto.

5 En la barra de herramientas de Documento, aparecen las siguientes opciones: MOSTRAR VISTA DE CÓDIGO: sólo muestra la vista Código en la ventana de documento. MOSTRAR VISTAS DE CÓDIGO Y DISEÑO: muestra la vista Código en una parte de la ventana de documento y la vista Diseño en la otra parte. Cuando seleccione esta vista combinada, se encontrará disponible la opción Vista de diseño encima del menú Ver. Utilice esta opción para especificar qué vista debe aparecer en la parte superior de la ventana de documento. MOSTRAR VISTA DE DISEÑO: sólo muestra la vista Diseño en la ventana de documento. DEPURACIÓN DEL SERVIDOR: muestra un informe que le ayudará a depurar la página de ColdFusion actual. El informe contiene los errores de la página, si los hay TÍTULO DEL DOCUMENTO: permite introducir un título para el documento, que aparecerá en la barra de título del navegador. Si el documento ya tiene título, éste aparecerá en dicho campo. NO HAY ERRORES DE COMPROBACIÓN DE NAVEGADOR: permite comprobar la compatibilidad con distintos navegadores. VALIDAR FORMATO: permite validar el documento actual o una etiqueta seleccionada. ADMINISTRACIÓN DE ARCHIVOS: muestra el menú emergente Administración de archivos. VISTA PREVIA/DEPURAR EN EXPLORADOR: permite ver una vista previa del documento o depurarlo en un navegador. Seleccione un navegador en el menú emergente. ACTUALIZAR VISTA DE DISEÑO: actualiza la vista Diseño tras realizar cambios en la vista Código. Los cambios realizados en la vista Código no aparecerán de forma automática en la vista Diseño hasta que se efectúen determinadas acciones, como guardar el archivo o hacer clic en este botón. VER OPCIONES: permite definir las opciones de las vistas Código y Diseño, y establecer qué vista va a aparecer en la parte superior de la ventana. Las opciones del menú corresponden a la vista actual: la vista Diseño, la vista Código o ambas. AYUDAS VISUALES: permite utilizar distintas ayudas visuales para el diseño de las páginas.

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

7 LA HERRAMIENTA MANO: permite hacer clic en el documento y arrastrarlo hasta la ventana de documento. Haga clic en la herramienta Seleccionar para desactivar la herramienta Mano. LA HERRAMIENTA ZOOM Y EL MEN Ú EMERGENTE: Establecer nivel de aumento permiten establecer el nivel de ampliaci ó n del documento. EL MEN Ú EMERGENTE TAMA Ñ O DE VENTANA: (que s ó lo aparece en la vista Dise ñ o) permite cambiar el tama ñ o de la ventana de documento para que adopte dimensiones predeterminadas o personalizadas. A LA DERECHA DEL MEN Ú EMERGENTE TAMA Ñ O DE VENTANA: aparecen 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.

8 La barra Insertar contiene botones para la creaci ó n e inserci ó n de diversos tipos de objetos, como tablas, capas e im á genes. Al pasar el puntero sobre un bot ó n, aparece una descripci ó n de la herramienta con el nombre del bot ó n. Algunas categor í as tienen botones con men ú s emergentes. Al seleccionar una opci ó n de un men ú emergente, dicha opci ó n se convierte en la acci ó n predeterminada del bot ó n.

9 Por ejemplo, si selecciona Marcador de posici ó n de imagen en el men ú emergente del bot ó n Imagen, la siguiente vez que haga clic en el bot ó n Imagen, Dreamweaver insertar á un marcador de posici ó n de imagen. Siempre que seleccione una nueva opci ó n del men ú emergente cambiar á la acci ó n predeterminada del bot ó n. La barra Insertar est á organizada en las categor í as siguientes: LA CATEGOR Í A COM Ú N permite crear e insertar los objetos que se utilizan con m á s frecuencia, como las im á genes y las tablas. LA CATEGOR Í A DISE Ñ O: permite insertar tablas, etiquetas div, capas y marcos. Tambi é n puede elegir entre las tres vistas de las tablas: Est á ndar (valor predeterminado), Tablas expandidas y Dise ñ o. Si se selecciona el modo de dise ñ o, se pueden utilizar las herramientas de dise ñ o de Dreamweaver: Dibujar celda de dise ñ o y Dibujar tabla de dise ñ o. LA CATEGOR Í A FORMULARIOS: contiene botones que permiten crear formularios e insertar elementos de formulario. LA CATEGOR Í A TEXTO permite insertar diversas etiquetas de formato de texto y listas, como b, em, p, h1 y ul. La categor í a HTML: permite insertar etiquetas HTML para las reglas horizontales, el contenido de la secci ó n head, las tablas, los marcos y los scripts. Las categor í as de c ó digo de servidor s ó lo est á n disponibles para las p á ginas que emplean un lenguaje de servidor determinado, como ASP, ASP.NET, CFML Basic, CFML Flow, CFML Advanced, JSP y PHP. Cada una de estas categor í as contiene objetos de c ó digo de servidor que pueden insertarse en la vista C ó digo. La categor í a Aplicaci ó n permite insertar elementos din á micos como juegos de registros, regiones repetidas y grabar formularios de inserci ó n y actualizaci ó n. La categor í a Elementos Flash permite insertar elementos de Macromedia Flash. La categor í a Favoritos le permite agrupar y organizar los botones de la barra Insertar que utiliza con m á s frecuencia en un lugar com ú n.

10 El inspector de propiedades permite examinar y editar las propiedades m á s comunes del elemento de p á gina seleccionado actualmente, como texto o un objeto insertado. El contenido del inspector de propiedades es distinto en funci ó n del elemento seleccionado. Por ejemplo, si selecciona una imagen en la p á gina, el inspector de propiedades cambiar á para mostrar las propiedades de la imagen (como la ruta del archivo de imagen, el ancho y alto de la imagen, el borde que la rodea, etc.). El inspector de propiedades se encuentra en la parte inferior del espacio de trabajo de forma predeterminada, pero puede colocarlo en la parte superior si lo desea. Tambi é n puede convertirlo en un panel flotante en el espacio de trabajo.

11 El panel Archivos se utiliza para ver y administrar los archivos del sitio de Dreamweaver. Al visualizar sitios, archivos o carpetas en el panel Archivos, puede cambiar el tamaño del área de visualización y expandir o contraer el panel Archivos. Cuando el panel Archivos se contrae, muestra el contenido del sitio local, el sitio remoto o el servidor de prueba como una lista de archivos. Cuando se expande, muestra el sitio local, además del sitio remoto o el servidor de prueba. El panel Archivos también puede mostrar un mapa visual del sitio local.

12

13 EL SELECTOR DE ETIQUETAS: M uestra la jerarqu í a de etiquetas que rodea a la selecci ó n actual. El selector de etiquetas es el m é todo m á s adecuado para seleccionar etiquetas, porque le garantiza que siempre se est á seleccionado la etiqueta de manera precisa.

14