i < >

EL PANEL INSERTAR OBJETOS

La Barra Insertar contiene botones para la inserción de diversos tipos de objetos en un documento. Cada objeto es un fragmento de código HTML. Alternativamente, inserte objetos utilizando el menú Insertar.

La Barra Insertar se presenta de la siguiente manera en modo Espacio de Trabajo Dreamweaver MX:

Cuando inserte objetos tales como imágenes, tablas, scripts y elementos head, aparecerá un cuadro de diálogo en el que se le solicitará información adicional. Puede suprimir estos cuadros de diálogo desactivando la opción Mostrar diálogo al insertar objetos o manteniendo presionada la tecla Control mientras crea el objeto, de esta manera el objeto recibe valores de atributo predeterminados.

Algunos objetos, como puntos de fijación con nombre, no aparecen cuando se abre la página en la ventana de un navegador. Para ver los iconos en vista Diseño que marca la ubicación de esos objetos invisibles, elija Ver > Ayudas visuales > Elementos invisibles. Para seleccionar los objetos invisibles en la vista Diseño, haga clic en sus iconos.

Las fichas de código de servidor, que sólo están disponibles para las páginas que emplean un lenguaje de servidor determinado, incluyen ASP, ASP.NET, CFML Basic, CFML Flow, CFML Advanced, JSP y PHP. Cada una de estas fichas contienen objetos de código de servidor que pueden insertarse en la vista Código.

Si no se puede ver todos los objetos de una ficha simultáneamente, aparece una pequeña flecha en el extremo inferior izquierdo de la barra Insertar; para ver el resto de los objetos de la ficha, haga clic en esta flecha:

La barra Insertar contiene varias fichas: Común, Disposición, Texto, Tablas, Marcos, Formularios, Plantillas, Caracteres, Media, Head, Script, y Aplicación. Si el documento contiene código de servidor, como los documentos ASP o CFML, aparecen también otras fichas.

INSERTAR COMÚN

Contiene botones para la creación e inserción de los objetos más utilizados, como imágenes, tablas y capas:

    • Hipervínculo: inserta vínculos en el punto de inserción o justo a continuación de la selección actual.

    • Vínculo de Correo Electrónico: inserta vínculos en el punto de inserción o justo a continuación de la selección actual.


    • Punto de fijación con nombre:coloca un punto de fijación con nombre (un nombre="") en el punto de inserción. Aparecerá un cuadro de diálogo donde podrá introducir el nombre del punto de fijación.

    • Tablas:coloca una tabla en el punto de inserción.

    • Capas:crea una capa. Haga clic en el botón Capa y, a continuación, mueva el puntero hasta la ventana de documento y arrástrelo para definir el tamaño y la ubicación de una capa. Dreamweaver crea de forma predeterminada una capa definida por la etiqueta div. Utilice el inspector de propiedades para seleccionar otra etiqueta o cambie la configuración predeterminada en Preferencias de capa.

    • Imágenes:Coloca una imagen en el punto de inserción. Aparecerá un cuadro de diálogo en el que podrá especificar un archivo de imagen.

    • Marcador de posición de imagen:Coloca un marcador de posición de imagen en el punto de inserción. Un cuadro de diálogo permite especificar el nombre y las dimensiones para el marcador de posición.

    • HTML Fireworks: coloca un archivo HTML producido por Fireworks en el punto de inserción.

    • Flash: coloca un archivo de flash en el punto de inserción.

    • Imagen de sustición (rollover): le solicita que especifique dos archivos de imagen para definir una imagen de sustitución. Una imagen de sustitución es una imagen que cambia cuando el puntero pasa sobre ella.

    • Barra de navegación:inserta una serie de imágenes para emplearlas en la navegación de un sitio.

    • Regla horizontal:coloca una regla horizontal en el punto de inserción.

    • Fecha:coloca la fecha actual en el punto de inserción. Aparecerá un cuadro de diálogo en el que podrá especificar un formato para la fecha e indicar si Dreamweaver debe actualizar la fecha automáticamente cada vez que guarde el archivo.

    • Datos de tablas:crea una tabla en el punto de inserción con los datos de un archivo de texto delimitado (como un archivo exportado de Microsoft Excel o de una base de datos).

    • Comentario:coloca un comentario en el punto de inserción dentro del código HTML. Si está en vista Diseño, aparece un cuadro de diálogo; introduzca texto para el comentario.

    • Selector de etiquetas: permite elegir una etiqueta para su inserción, de un árbol jerárquico de etiquetas organizadas por categorías.

INSERTAR TEXTO

Inserta diversas etiquetas de formato de texto y listas, como b, em, p, h1 y ul. Los botones de la ficha Texto simplemente insertan código y no reflejan el estado actual de la selección; si se trata de texto en negrita, el botón de negrita en el inspector de propiedades aparecerá seleccionado, mientras que el mismo botón en la ficha Texto, no.

    • Editor de etiquetas de fuentes: muestra el editor de etiquetas para la etiqueta font, donde se pueden establecer los atributos antes de insertar la etiqueta.

    • Negrita, Cursiva, Fuerte y Énfasis: rodean la selección con las etiquetas de formato de texto HTML correspondientes.

    • Párrafo, Comillas en versalita y Texto con formato predeterminado: rodean la selección con las etiquetas de bloque HTML correspondientes .

    • Encabezado 1, Encabezado 2 y Encabezado 3: rodean la selección con las etiquetas de encabezado HTML correspondientes.

    • Lista sin ordenar, Lista ordenada y Elemento de lista: rodean la selección con las etiquetas de lista HTML correspondientes.

    • Lista de definiciones, Término de la definición y Descripción de definición: rodean la selección con las etiquetas de lista de definición HTML correspondientes.

    • Abreviatura y Acrónimo insertan etiquetas que permite especificar el texto completo para una abreviatura o acrónimo, lo que facilitará el trabajo de los motores de búsqueda, lectores de pantalla, etc.

i < >