Creación de páginas web con Netscape Composer
Crear una página nueva
Netscape Composer es un editor HTML (HyperText Markup Language) que permite crear y editar páginas web. Como Composer es
WYSIWYG (Lo que ve es lo que obtiene), es fácil ver cómo se presentará al usuario mientras usted la está creando. No es necesario que conozca el lenguaje HTML, ya que la mayoría de
las funciones básicas de HTML están disponibles como comandos desde las barras de herramientas y los menús.
Para crear una nueva página web, utilice uno de los métodos descritos a continuación. Una vez haya comenzado una página, puede añadir y editar texto tal como lo haría en un procesador
de textos.
Para crear una página nueva:
- Abra el menú Tareas y seleccione Composer. Se abrirá una ventana de Composer con un documento en blanco.
Para editar una página por la que está navegando en Navigator:
- En la ventana de Navigator de la página que está viendo, abra el menú Archivo y elija Editar Página. Se abre una ventana de Composer que contiene la página que estaba visualizando.
Para empezar desde un archivo HTML guardado en su unidad local:
- Abra el menú Tareas y elija Composer.
- Abra el menú Archivo y elija Abrir archivo.
- Elija el archivo que quiere utilizar.
- Haga clic en Abrir para ver el archivo especificado en una ventana de Composer.
Para editar una página web:
- Elija Abrir ubicación web desde el menú Archivo.
- En el cuadro de diálogo Abrir ubicación web, escriba el URL y la página (por ejemplo, www.netscape.com
) y seleccione Nuevo Composer del menú emergente.
- Haga clic en Abrir para ver la página en una ventana de Composer. Nota: Tenga en cuenta que, si guarda esta página, se guardará sólo en la memoria de su computador.
Sugerencia: Podrá abrir con rapidez la mayoría de los archivos con los que está trabajando si elige Archivos recientes desde el menú Archivo y selecciona el archivo que quiera de la lista.
[ Volver al principio de la sección ]
Escoger el modo de edición adecuado
Composer permite cambiar rápidamente entre 4 modos de edición o vistas. Cada modo de edición permite continuar trabajando en su página, al mismo tiempo que muestra varios niveles de etiquetas
HTML (e iconos de etiquetas).
Antes de elegir un modo de edición:
- Abra el menú Ver y asegúrese de que hay una marca de verificación en la barra Modo de edición.
La barra Modo de edición tiene 4 pestañas:
- Normal Elija este modo para ver los bordes de la tabla y los iconos de anclajes con nombre. Los otros iconos de etiquetas HTML están escondidos.
- Mostrar todas las etiquetas: Elija este modo para ver los bordes de la tabla y todos los iconos de etiquetas HTML.
- Origen de HTML: Elija este modo para ver la página como un código HTML sin formato.
- Editar Vista preliminar: Elija este modo para ver la página como aparecería en la pantalla del navegador.
Nota: Las funciones, marcos y archivos gifs de JavaScript no están disponibles en ninguno de estos modos de edición.
[ Volver al principio de la sección ]
Guardar y navegar por una página nueva
Para guardar una página nueva como archivo HTML en su unidad local:
- Abra el menú Archivo y elija Guardar. (Si aún no ha dado un título a la página, Composer le pedirá que lo haga.) Aparecerá un cuadro de diálogo donde podrá especificar
el nombre del archivo o la ubicación. No es necesario añadir la extensión .html al nombre del archivo; Composer lo añade por usted.
- Elija Guardar como si quiere dar un nombre distinto de archivo o ubicación a la página.
Sugerencia: Elija Volver a lo último guardado desde el menú Archivo para recuperar la copia más reciente del documento sobre el que está trabajando. Los cambios actuales se perderán.
Para visualizar su página en una ventana de Navigator (navegador) donde podrá comprobar sus enlaces:
- Abra el menú Archivo y elija Examinar página. (Si aún no ha guardado su documento, Composer le pedirá que introduzca un título de página, un nombre de archivo y una ubicación.)
La ventana de Composer quedará abierta detrás de la nueva ventana de Navigator
[ Volver al principio de la sección ]
Formato de la página web
Dar formato a párrafos, títulos y listas
Para aplicar un formato a un párrafo:
- Sitúe el puntero donde quiere que empiece el formato o resalte los párrafos a los que desea aplicarlo.
- Abra el menú Formato y seleccione Párrafo
- Seleccione uno de los formatos siguientes:
- Cuerpo de texto: Aplica el tipo de letra y el estilo de un texto normal.
- Párrafo: Inserta una marca de párrafo (utilícelo para empezar un nuevo párrafo)
- Dirección: Este formato se utiliza para una "firma" de página web, que indica el autor de la página y la persona con la que ponerse en contacto para obtener más información,
tal como se muestra en este ejemplo: Carlos_Goldstein@netscape.com
Tal vez desee incluir la fecha y el aviso de copyright. Este formato suele aparecer en la parte inferior de la página web debajo de una línea horizontal.
- Con formato: Esto es útil para elementos tales como ejemplos de código, tablas y mensajes de correo que desea que se muestren con una fuente de anchura fija. La mayoría de los navegadores eliminan
los espacios en blanco adicionales, tabuladores y retornos de párrafo en el texto. Sin embargo, el texto que utilice el estilo Con formato se visualizará con el espacio en blanco intacto.
- Cita en bloque: Elija este formato para sangrar texto a izquierda y derecha.
Para aplicar un formato de encabezamiento:
- Sitúe el puntero donde quiere empezar el formato o resalte el texto al que desea aplicarlo.
- Abra el menú Formato y seleccione Párrafo
- Elija el nivel de encabezamiento que desea, desde 1 hasta 6 (de más grande a más pequeño). Por ejemplo, elija "Encabezamiento 1" para el encabezamiento principal, "Encabezamiento 2"
para el siguiente nivel, y así sucesivamente.
Para aplicar un formato de elementos de lista:
- Resalte el texto al que desee dar formato
- Abra el menú Formato y seleccione Lista.
- Elija el estilo de la lista:
- Viñetas Cada elemento tiene una viñeta (un punto), como en la lista.
- Numerada: Los elementos están numerados.
- Directorio: Los elementos aparecen horizontalmente en columnas, como en un listado de directorios. Este estilo es a veces utilizado como término de una definición, (por ejemplo para listar un glosario).
- Descripción Este estilo se utiliza junto con Directorio, como en un listado de glosario.
Sugerencia: Puede aplicar el estilo de la lista rápidamente al texto seleccionando el texto y haciendo clic en Lista numerada
y Lista de viñetas
en la barra de herramientas.
Para cambiar el estilo de viñetas o de números:
- Sitúe el puntero dentro del texto del elemento de la lista que desea cambiar.
- Abra el menú Formato y elija Propiedades de la lista.
- Elija el estilo de viñetas o de números. Si es una lista numerada, puede especificar un número de inicio.
Para alinear un párrafo o texto en la página (por ejemplo, en el centro, a la izquierda o a la derecha):
- Sitúe el puntero en la página o línea del texto que desea alinear.
- Abra el menú Formato y elija Alineación; elija una opción de alineación.
[ Volver al principio de la sección ]
Cambiar el color, el estilo y la fuente del texto
Para cambiar el color del texto:
- Resalte el texto al que desee dar formato
- Abra el menú Formato y elija una de las opciones siguientes:
- Tipo de fuente: Elija una fuente Si prefiere utilizar fuentes especificadas por el navegador del usuario, seleccione Anchura variable o Anchura fija.
- Tamaño de fuente: Elija un tamaño relativo de fuente o seleccione una opción para aumentar o disminuir el tamaño del texto (relativo a todo el texto).
- Estilo: Seleccione el estilo, como cursiva, negrita o subrayado, o aplique un formato más específico (por ejemplo, Código).
- Color:Elija un color de la paleta de colores. Si está familiarizado con los códigos de color de HTML, podrá escribir usted mismo el código específico.
También es posible cambiar el color de fondo de la página o utilizar una imagen como fondo. Vea Propiedades de colores y fondo de página
.
Sugerencia: Para borrar todos los formatos del texto seleccionado, abra el menú Formato y elija Eliminar todos los estilos.
[ Volver al principio de la sección ]
Buscar texto dentro de una página
Para buscar texto dentro de la página que está visualizando:
- Abra el Menú Edición y elija Buscar.
- En el cuadro de diálogo Buscar, escriba el texto que quiere localizar. Para una búsqueda avanzada, especifique una o más de las siguientes opciones:
- Coincidir mayúsculas y minúsculas Especifique si en la búsqueda las mayúsculas y minúsculas deben coincidir (deje esta opción sin especificar para una coincidencia exacta).
- Examinar: Busca hasta el final de la página y luego empieza otra vez desde el inicio.
- Buscar hacia atrás: Busca desde el final hasta el inicio de la página.
- Haga clic en Buscar para empezar la búsqueda. Cuando Composer encuentre la primera concordancia con el texto, elija Buscar otra vez desde el menú Edición para buscar el siguiente texto.
[ Volver al principio de la sección ]
Insertar líneas horizontales
Para insertar en la página una línea horizontal (también llamada norma):
- Sitúe el puntero donde desea que aparezca la línea.
- Haga clic en el botón Línea horizontal
de la barra de herramientas, o abra el menú Insertar y elija Línea horizontal.
Configuración de las propiedades de Línea horizontal
Puede especificar la altura, la longitud, la anchura, la alineación y el sombreado de la línea.
- Haga doble clic en la línea para seleccionarla.
- Abra el menú Formato y elija Propiedades de la línea horizontal.
- Edite estas propiedades
- Anchura: Elija una unidad de medida (pixeles o porcentaje) y escriba un número para la anchura.
- Altura: Escriba un número para la altura de la línea (en pixeles).
- Sombras 3-D: Haga clic para añadir profundidad a la línea con sombreado.
- Alineación: Especifique dónde desea situar la línea.
- Haga clic en Guardar valores como predeterminados para utilizar estos valores por defecto en todas las líneas horizontales.
- (Sólo para usuarios avanzados): Haga clic en Edición avanzada para visualizar Editor de propiedades avanzadas
, donde se pueden aplicar atributos adicionales a la línea, incluyendo eventos de JavaScript.
Insertar carácteres especiales
Para insertar caracteres especiales, como símbolos o letras acentuadas:
- Sitúe el cursor donde desea que aparezca el carácter especial.
- Abra el menú Insertar y elija Caracteres y Símbolos.
- Elija una categoría de caracteres.
- Si escoge "Acentuar mayúsculas" o "Acentuar minúsculas", abra el menú despegable Letras y elija la letra que desea acentuar. (Nota: No todas las letras tienen acentos.) Desde
el menú emergente Carácter, especifique el carácter que desea insertar.
- Desde el menú despegable Carácter
- Haga clic en Insertar.
[ Volver al principio de la sección ]
Insertar elementos HTML y atributos
Si tiene conocimientos sobre HTML, puede insertar etiquetas adicionales, atributos de estilo y JavaScript en su página. Utilice uno de los métodos descritos a continuación para trabajar con el código
HTML:
- Sitúe el cursor donde desea insertar el código HTML, abra el menú Insertar y elija HTML.
- Haga clic en la pestaña Origen HTML en la barra de herramientas Modo de edición en la parte inferior de la ventana de Composer. (Si no ve la barra de herramientas Modo de edición, abra el menú
Ver y elija la barra de herramientas; asegúrese de que la barra Modo de edición está seleccionada.)
- Seleccione un elemento, por ejemplo una tabla, un anclaje con nombre, una imagen, un enlace o una línea horizontal. Haga doble clic en el elemento para abrir el diálogo Propiedades del elemento. Haga clic en
Edición avanzada para abrir el Editor de propiedades avanzadas.
Cómo utilizar el Editor de propiedades avanzadas
El cuadro de diálogo Editor de propiedades avanzadas permite introducir códigos HTML adicionales, atributos de estilo y JavaScript a objetos (por ejemplo tablas, imágenes y líneas horizontales)
en la página.
Para utilizar el Editor de propiedades avanzadas:
- Seleccione el objeto que desea modificar y abra el cuadro de diálogo Propiedades. Por ejemplo, para modificar una línea horizontal, haga doble clic sobre la línea para seleccionarla; abra el menú
Formato y elija Propiedades de la línea horizontal.
- En el cuadro de diálogo Propiedades, haga clic en Edición avanzada. El cuadro de diálogo Editor de propiedades avanzadas tiene tres pestañas, cada una con listas de la propiedades actuales del
objeto seleccionado:
- Atributos HTML: Haga clic en esta pestaña para ver o escribir atributos adicionales HTML.
- Estilo en línea: Haga clic en esta pestaña para ver o escribir propiedades adicionales de estilo mediante el atributo <estilo>.
- JavaScript: Haga clic en esta pestaña para ver o escribir los eventos de JavaScript.
- Para editar una propiedad o atributo que se encuentra en la lista, haga clic en el nombre e introduzca un valor distinto.
- Para añadir una propiedad, escriba el nombre, introduzca el valor correspondiente y haga clic sobre Añadir.
- Haga clic en Aceptar para confirmar los cambios y vuelva a hacer clic en Aceptar para salir del cuadro de diálogo Propiedades.
Composer sitúa automáticamente los símbolos < y > en el HTML y signos de interrogación en el texto sin atributos.
ADVERTENCIA: Composer no valida los atributos que usted ha introducido. Asegúrese de que conoce las normas antes de añadir, borrar o modificar los valores.
[ Volver al principio de la sección ]
Revisar la ortografía
Para revisar la ortografía de la página:
- Sitúe el cursor en la página.
- Haga clic en el botón Ortografía en la barra de herramientas o elija Revisión ortográfica del menú Edición.
- Utilice el cuadro de diálogo Revisión ortográfica para corregir los errores y editar o añadir palabras en su diccionario. Haga clic en Parar cuando acabe.
- Ignorar e Ignorar todo: Haga clic para continuar la revisión sin cambiar la palabra o todas las palabras iguales.
- Reemplazar y Reemplazar todo: Haga clic para sustituir la palabra o todas las palabras iguales.
- Agregar: Haga clic para añadir una palabra al diccionario.
- Editar: Haga clic para añadir, sustituir y borrar palabras del Diccionario personal.
- Revisar Haga clic para iniciar la revisión ortográfica.
[ Volver al principio de la sección ]
Adición de tablas a la página web
Insertar una tabla
Las tablas son útiles para organizar texto, imágenes y datos en filas y columnas con formato. Para insertar una tabla:
- Sitúe el puntero donde desea que aparezca la tabla.
- Haga clic en el botón Tabla
en la barra de herramientas o elija Tabla del menú Insertar. Verá el cuadro de diálogo Propiedades
de la nueva tabla, donde podrá especificar las propiedades de la tabla (por ejemplo, la altura, la anchura y el color de fondo).
- Escriba el número de filas y columnas que desea.
- Introduzca el número para la altura y la anchura (en pixeles).
- Escriba el número para la anchura de la línea de borde; introduzca cero si no desea borde. Nota: Composer utiliza una línea discontinua para indicar que las tablas tienen borde cero; la línea
discontinua desaparece en la previsualización de la página o si se navega por ella.
- (Sólo para usuarios avanzados): Haga clic en Edición avanzada para el Editor de propiedades avanzadas
, donde podrá aplicar atributos adicionales a la tabla, incluyendo los atributos del estilo o JavaScript.
- Haga clic en Aceptar para confirmar la configuración y ver la nueva tabla.
Para editar y añadir propiedades adicionales a su nueva tabla, haga clic dentro de la tabla y elija Propiedades de tabla desde el menú Formato (o haga clic en el botón Tabla en la barra de herramientas).
[ Volver al principio de la sección ]
Cambiar las propiedades de una tabla
Podrá modificar las propiedades de toda la tabla así como las filas, columnas, o celdas individuales dentro de la tabla.
Para ver, cambiar o añadir propiedades de una tabla (por ejemplo, leyenda, el color de fondo, y el espacio):
- Seleccione la tabla, o haga clic en cualquier lugar dentro de la tabla.
- Haga clic en el botón Tabla
en la barra de herramientas o abra el menú Tabla y elija Propiedades de la tabla. Aparece el cuadro de diálogo
Propiedades de la tabla con dos pestañas: Tabla y Celda.
- Haga clic en la pestaña Tabla para editar las propiedades siguientes:
- Tamaño: Especifique el número de filas y columnas. Indique la altura y anchura de la tabla y elija "% de la ventana" o "pixeles". Si especifica la altura o anchura como un porcentaje,
estas dos características se cambiarán siempre que se cambie la altura y anchura de la ventana de Composer.
- Bordes y Espacios: Especifique (en pixeles) la anchura de la línea de borde, el espacio entre las celdas y el relleno de celdas (el espacio entre el contenido y el borde).
Nota: Composer utiliza una línea exterior discontinua para mostrar las tablas sin línea de borde; esta línea desaparece cuando se navega por ella.
- Alineación de la tabla : Alinea una tabla dentro de la página. Elija una opción del menú emergente.
- Leyenda: Seleccione el cuadro si desea insertar espacio para una leyenda y elija un sitio desde el menú emergente.
- Color de fondo: Elija un color para el fondo de la tabla (o déjelo transparente). Si desea utilizar un archivo de imagen como fondo de la tabla, seleccione Imagen y escriba el nombre del archivo y la dirección.
- (Sólo para usuarios avanzados): Haga clic en Edición avanzada para el Editor de propiedades avanzadas
, donde podrá aplicar atributos adicionales a la tabla, incluyendo los atributos del estilo o JavaScript.
- Haga clic en Aplicar para la previsualización de los cambios sin cerrar el cuadro de diálogo o en Aceptar para confirmarlos.
Para ver, cambiar o añadir propiedades a una o más celdas:
- Seleccione la fila, columna o celda, abra el menú Tabla y elija Propiedades de la tabla.
- Haga clic en la pestaña Celdas para editar las propiedades siguientes:
- Selección : Elija Celda, Fila o Columna del menú emergente. Haga clic en Anterior o Siguiente para pasar de selección a selección.
- Tamaño: Escriba el número y elija " % de la tabla" o "pixeles". Escriba el número en "Abarcar" para especificar el número de filas y columnas que la
celda seleccionada debe solapar.
- Alineación del contenido: Elija el tipo de alineación horizontal o vertical (superior, derecha o centro) para el texto o los datos dentro de cada celda.
- Estilo de la celda: Elija Encabezado del menú emergente para centrar y mantener el texto en la celda; en caso contrario, elija Normal.
- Ajustar texto: Elija "No ajustar" del menú emergente para que el texto no se ajuste hasta la siguiente línea, a menos que no inserte un salto de párrafo. En caso contrario, elija
Ajustar.
- Color de fondo: Elija un color para el fondo de la celda (o déjelo transparente). Si desea utilizar un archivo de imagen como fondo de la tabla, seleccione Imagen y escriba el nombre del archivo y la dirección.
- (Sólo para usuarios avanzados): Haga clic en Edición avanzada para mostrar Editor de propiedades avanzadas
, donde podrá aplicar atributos adicionales a la tabla, incluyendo el estilo o eventos de JavaScript.
- Haga clic en Aplicar para la previsualización de los cambios sin cerrar el cuadro de diálogo, o haga clic en Aceptar para confirmarlos.
[ Volver al principio de la sección ]
Añadir y eliminar filas, columnas y celdas
Composer permite añadir o eliminar rápidamente una o más celdas de la tabla. Además, puede fijar opciones para mantener la estructura rectangular original o el formato de la tabla mientras realiza
la edición de las tareas.
Para añadir una celda o grupo de celdas (filas o columnas) a la tabla:
- Haga clic dentro de la tabla donde desea añadir una celda (o celdas).
- Abra el menú Tabla y elija Insertar.
- Elija una de los grupos de celda. Podrá insertar una tabla nueva dentro de una celda.
Para eliminar una celda o grupos de celdas:
- Haga clic en una fila, columna o celda.
- Abra el menú Tabla y elija Eliminar.
- Elija el elemento que quiere eliminar.
Para juntar (o combinar) una celda con la celda de su derecha:
- Haga clic dentro de la celda y elija Combinar con celda a la derecha.
Para dividir las celdas combinadas otra vez en dos celdas:
- Haga clic dentro de la celda y elija Dividir celdas del menú Tabla.
Corregir el formato de la tabla
Normalmente, cuando elimina una o más celdas, Composer elimina también el borde de la celda, lo que puede dar como resultado espacios vacíos o que la línea exterior aparezca irregular por tener
un número impar de celdas. Puede eliminar una o más celdas manteniendo el formato o la estructura rectangular original de la tabla.
Composer permite fijar una preferencia para preservar la estructura de la tabla, añadiendo celdas al final de la fila, si es necesario:
- Abra el menú Edición y elija Preferencias; elija Composer. Fije las preferencias que desee en el panel Edición de tabla.
[ Volver al principio de la sección ]
Moverse por una tabla
Puede utilizar una de las dos formas de seleccionar rápidamente una tabla, celda o grupo de celdas:
- Abra el menú Tabla y elija Seleccionar; seleccione el elemento del submenú.
- También puede utilizar el ratón como herramienta de selección:
- Para seleccionar el contenido dentro de la celda o de más celdas, haga clic dentro de la celda y arrastre el ratón para resaltar el número de celdas que desee. Podrá aplicar el formato de texto
(como estilo o color) al contenido seleccionado.
- Para seleccionar un grupo de celdas contiguas, haga clic en una celda, pulse Ctrl (o Cmd) y arrastre el ratón para resaltar las celdas que desee. Arrastre el ratón hacia la izquierda para seleccionar una fila
y hacia arriba o hacia abajo para seleccionar una columna.
- Para seleccionar celdas no contiguas, pulse Ctrl (o Cmd) y haga clic dentro de la celda. Mantenga la tecla Ctrl (Cmd) pulsada mientras hace clic para seleccionar otras celdas.
- Para mover un grupo de celdas seleccionadas, pulse Ctrl-Shift (o Cmd-Shift) y arrastre el ratón para seleccionar las celdas.
[ Volver al principio de la sección ]
Mover, copiar y eliminar tablas
- Haga clic dentro de la tabla, abra el menú Tabla y elija Seleccionar tabla.
- Para copiar o mover: Utilice las opciones Cortar, Copiar y Pegar del menú Edición.
- Para eliminar: Elija Eliminar tabla del menú Tabla.
[ Volver al principio de la sección ]
Inserción de imágenes en la página web
Insertar una imagen en la página web
Puede insertar imágenes GIF y JPEG en la página web. También puede utilizarlas para crear enlaces
.
- Sitúe el cursor donde desee que aparezca la imagen.
- Haga clic en el botón Imagen
en la barra de herramientas, o abra el menú Insertar y elija Imagen.
- Especifique el nombre del archivo y la dirección de la imagen y, si es necesario, ajuste los valores en el cuadro de diálogo
Propiedades de la imagen.
- Para insertar rápidamente una imagen: Arrástrela y suéltela en la página.
- Para ajustar el tamaño de una imagen rápidamente: Selecciónela y arrastre las marcas que aparecen en cada esquina.
[ Volver al principio de la sección ]
Editar Propiedades de la imagen
Una vez insertada la imagen en la página, puede editar sus propiedades y personalizar el formato, como la altura, la anchura, los espacios y la alineación del texto:
Para editar las propiedades de la imagen seleccionada:
- Haga doble clic en la imagen, o selecciónela y haga clic en el botón Imagen
de la barra de herramientas. Aparece el cuadro de diálogo
Propiedades de la imagen; haga clic en Más propiedades para expandir la lista de configuración o en Menos propiedades para disminuirla.
- Imagen URL: Escriba el nombre y la ubicación del archivo de la imagen. Haga clic en Elegir archivo para buscar un archivo de imagen en el disco duro o en la red.
- Texto alternativo: Escriba el texto que desea visualizar en lugar de la imagen original. Por ejemplo, una leyenda o una breve descripción de la imagen. Es una buena costumbre especificar texto alternativo para
aquellos usuarios que utilicen navegadores web de sólo texto o que tengan desactivados los gráficos. De lo contrario, los usuarios podrían ver imágenes de marcador de posición.
- Dimensiones Haga clic en Tamaño personalizado para cambiar la imagen a partir de su tamaño original y especifique la nueva altura y anchura en pixeles. Haga clic en Tamaño original para deshacer
los cambios que pueda haber realizado en las dimensiones.
- Confinar: Si cambia el tamaño de la imagen, sería conveniente verificarlo para mantener el aspecto de la imagen (de forma que no aparezca deformado).
- Alineación del texto a la imagen: Si ha situado la imagen al lado de un texto, seleccione el icono de alineación para indicar cómo quiere posicionar el texto en relación a la imagen.
Sugerencia: Para ver los efectos de la alineación que ha hecho, es aconsejable que vea la página en la ventana de su navegador.
- Espaciado : Especifique la cantidad de espacio a la derecha e izquierda, y encima y debajo de la imagen. También puede colocar un borde negro sólido alrededor de la imagen y especificar su anchura en
pixeles. Especifique cero si no desea borde.
- Haga clic en el Mapa de la imagen para utilizar el Editor de mapas de imagen de Composer y crear zonas activas en la imagen que contiene hipervínculos.
- (Sólo para usuarios avanzados): Haga clic en Edición avanzada para mostrar Editor de propiedades avanzadas
, donde podrá aplicar atributos adicionales de HTML, incluyendo los eventos de JavaScript.
- Haga clic en Aceptar para confirmar los cambios.
[ Volver al principio de la sección ]
Crear Mapas de imágenes (Zonas activas) para sus imágenes.
La creación de un archivo de mapas para una imagen es muy fácil con el Editor de mapas de imagen de Composer Un archivo de mapas indica las zonas activas de la imagen --coordinadas de varias áreas
de la imagen que se pueden asignar a URL.
El Editor de mapas de imagen trabaja de forma muy similar a una herramienta de dibujo --la imagen seleccionada se muestra en una área de la ventana, con las herramientas de apariencia situadas en la barra de herramientas
en la parte izquierda de la ventana.
Para utilizar el Editor de mapas de imagen:
- Seleccione la imagen en la página.
- Haga clic en el botón Imagen
en la barra de herramientas para visualizar el cuadro de diálogo Propiedades de la imagen y haga clic en el botón
Editar mapa de imagen. (Si es necesario, haga clic en Más propiedades para extender el cuadro de diálogo.)
- Utilice las herramientas de apariencia para seleccionar las partes de la imagen que quiere designar como zonas activas que contengan URL o anclajes con nombre. Haga clic en el botón de herramienta, haga clic y arrastre
dentro de la imagen para definir la selección.
- Rectángulo : Utilice esta herramienta para definir una selección rectangular.
- Círculo: Utilice esta herramienta para una selección circular u oval.
- Polígono: Utilice esta herramienta para definir una selección geométrica.
- Una vez haya definido una área, verá el cuadro de diálogo Propiedades de la zona activa, donde podrá introducir tanto un URL como el nombre de un anclaje (destino) como la destinación
(saltar a la ubicación) del enlace.
- Una vez haya designado todas las zonas activas, haga clic en Aceptar y de nuevo en Aceptar para confirmar sus cambios.
- Para comprobar los enlaces de la imagen, guarde la página y haga clic en Vista preliminar para ver la página en su navegador Navigator.
Para eliminar el mapa de imagen desde una imagen:
- Seleccione la imagen que desea.
- Abra el cuadro de diálogo Propiedades de la imagen y haga clic en Eliminar mapa de la imagen. (Si es necesario, haga clic en Más propiedades para expandir el cuadro de diálogo.)
- Haga clic en Aceptar para confirmar los cambios.
[ Volver al principio de la sección ]
Definición de las propiedades de la imagen
Definir propiedades de la página y etiquetas Meta
Utilice el cuadro de diálogo Propiedades de la imagen para introducir propiedades como el título, el autor y la descripción del documento que está visualizando. Esta información es útil
si piensa incluir su página en un sitio web, ya que los motores de búsqueda utilizan este tipo de información para realizar el índice de la página.
- Abra el menú Formato y elija Título de página y Propiedades.
Edite estas propiedades:
- Dirección: El nombre del archivo y la ubicación donde se guarda el documento.
- Título: Escriba el texto que quiere que aparezca como título de la ventana cuando un usuario ve la página por el navegador. La mayoría de los buscadores en la Web localizan las páginas
web de este modo, así que es aconsejable que el título esté relacionado con el contenido de la página.
- Autor: Escriba el nombre del creador del documento. Esta información es útil para aquellos usuarios que buscan el documento mediante un buscador de Web.
- Descripción: Introduzca una descripción breve del contenido del documento.
[ Volver al principio de la sección ]
Definir colores de la página y fondo
Puede cambiar el color de fondo o especificar una imagen para la página con la que está trabajando. Dicha elección afecta la forma en que el texto y los elementos de enlace de la página aparecen
ante las personas que la visualizan a través del navegador.
Para ajustar los colores y el fondo de la página:
- Abra el menú Formato y elija Colores y fondo de página.
Edite estas propiedades:
- Colores predeterminados del usuario: Seleccione esta opción si desea que la página utilice la configuración del navegador del usuario para el texto y los elementos de enlace.
- Usar colores personalizados: Seleccione esta opción si desea especificar los colores del texto y elementos de enlace. Para cada elemento, seleccione un color de la lista desplegable; en el panel de la derecha
aparece una muestra del resultado.
- Imagen de fondo: Si quiere que el fondo de su página tenga una imagen, escriba el nombre del archivo de imagen o haga clic en Elegir archivo para localizar el archivo en su disco duro o en la red. Desactive el
cuadro si prefiere no cargar la imagen mientras trabaja en la página (el nombre del archivo y la ubicación aún aparecen).
Nota: las imágenes de fondo aparecen en mosaico y prevalecen sobre el color de fondo.
(Sólo para usuarios avanzados): Haga clic en Edición avanzada para mostrar Editor de propiedades avanzadas
, donde podrá aplicar atributos HTML adicionales, incluyendo los eventos de JavaScript.
Puede fijar el fondo y los colores de la página por defecto para todas las nuevas páginas que cree con Composer.
[ Volver al principio de la sección ]
Creación de enlaces
Crear enlaces en la misma página
Para crear un enlace dentro de la misma página (por ejemplo, que el usuario pueda saltar de una sección a otra), cree un
anclaje y luego cree un enlace que señale al anclaje. Los anclajes también se conocen como anclajes con nombre
o destinos.
- Coloque el cursor al principio de la línea donde desea crear un anclaje o seleccione una parte del texto.
- Haga clic en el botón Anclaje
de la barra de herramienta o abra el menú Insertar y elija Anclaje.
- Escriba un nombre para el anclaje en el cuadro de diálogo (hasta 30 caracteres). No incluya espacios. Si necesita poner espacios, utiliza un guión bajo "_" para separar las palabras.
Si ha seleccionado texto en el paso #1, este cuadro ya contendrá un nombre.
- Haga clic en Aceptar.
Aparece un icono de anclaje en el documento para indicar su ubicación:
Para crear un enlace de modo que el usuario pueda con un clic saltar hasta el anclaje:
- Seleccione el texto o imagen que quiere enlazar con el anclaje.
- Haga clic en el botón Enlace.
- Para ver una lista de todos los anclajes y títulos en la página, haga clic en Más propiedades.
- Utilice el cuadro de diálogo Más propiedades para escoger el nombre del anclaje.
- Seleccione el anclaje con nombre: Si desea crear un enlace con un anclaje con nombre (destino), selecciónelo de una lista de anclajes que se encuentra disponible en la página.
- Seleccione un encabezado: Si desea crear un enlace a un encabezado con nivel (por ejemplo, Encabezado 1 - Encabezado 6), selecciónelo de la lista de títulos disponible en la página.
- Haga clic en Aceptar.
- Para comprobar el enlace que ha creado, abra el menú Archivo, elija Navegar por la página y haga clic en el enlace.
[ Volver al principio de la sección ]
Crear enlaces con otras páginas
Puede crear enlaces desde su página hasta las páginas locales de su propio sistema o de la red, o hasta páginas remotas de cualquier lugar de Internet.
Puede crear un enlace rápidamente mediante arrastrándolo y soltándolo desde otras ventanas. Por ejemplo, puede resaltar un enlace de una página web, un marcador o una ventana de correo y noticias
y arrastrarlo y soltarlo en su página.
También puede utilizar el cuadro de diálogo Propiedades del enlace para crear un enlace con otra página:
- Seleccione el texto o la imagen que quiere enlazar con el anclaje.
- Haga clic en el botón Enlace.
- Para ver una lista de todos los anclajes y encabezados en la página, haga clic en Más propiedades.
- Utilice el cuadro de diálogo Propiedades del enlace para vincular la página.
- Enlazar texto: Introduzca el texto que desea utilizar como enlace a otra página o a otro anclaje. Si ya ha seleccionado un archivo de imagen o texto, la puede ver en este sitio.
- Enlazar con: Escriba la ruta de acceso local y el nombre del archivo o URL de la página con la que quiere realizar el enlace. Si no está seguro de la vía de acceso y el nombre de un archivo local,
haga clic en Elegir archivo para buscar en el disco duro o la red.
- (Sólo para usuarios avanzados): Haga clic en Edición avanzada para mostrar Editor de propiedades avanzadas
, donde podrá aplicar el código HTML y los atributos, incluyendo los eventos de JavaScript.
- Haga clic en Aceptar.
- Para comprobar el enlace que ha creado, abra el menú Archivo, elija Navegar por la página y haga clic en el enlace.
[ Volver al principio de la sección ]
Utilizar imágenes como enlaces
Puede hacer que las imágenes (fotos y archivos gráficos, como archivos jpeg o .gif) se comporten como enlaces en las páginas. Cuando el usuario haga clic en una imagen enlazada, la ventana del navegador
mostrará la página con la que está enlazada la imagen.
- Seleccione una imagen en la página.
- Haga clic en el botón Enlace
en la barra de herramientas, o abra el menú Insertar y elija Enlace.
- Utilice el cuadro de diálogo Propiedades del enlace para vincular la imagen a un anclaje o a un encabezamiento dentro de la página
,o a una
página local o remota.
Sugerencia: Arrastre y suelte una imagen enlazada desde la ventana Navigator a una ventana Composer para copiar tanto la imagen como el enlace.
[ Volver al principio de la sección ]
Eliminar enlace
Para eliminar un enlace:
- Seleccione el texto enlazado (normalmente de color azul y subrayado) o imagen.
- Abra el menú Formato y elija Eliminar enlace.
[ Volver al principio de la sección ]
Definición de las preferencias de Composer
Preferencias de Composer
Para definir las preferencias generales (por ejemplo, la edición de tablas) que se aplicarán a todos los documentos que cree:
- Abra el menú Editar y elija Preferencias; haga clic en la categoría Composer.
Puede definir las opciones siguientes como predeterminadas:
- Menú de página reciente: Especifique el número de páginas recientes que debería aparecer bajo Páginas recientes en el menú Archivo.
- Mantener el formato de origen: Seleccione esta opción si no quiere que Composer elimine el espacio en blanco (líneas extras, tabulaciones, etc.) que hace el código HTML leíble. Estas preferencias
no afectan a la apariencia de las páginas en la ventana del navegador.
- Mantener la estructura de tabla al insertar o eliminar celdas: Cuando elimine una o más celdas, Composer elimina también el borde de la celda, lo que puede hacer que queden espacios vacíos en una tabla
o que una línea exterior sea irregular a causa del número impar de celdas. Seleccione esta opción si desea que Composer preserve siempre la forma de la tabla (es decir, que mantenga la forma rectangular)
añadiendo celdas donde sea necesario.
- Tecla Suprimir: Elija la acción que desea que lleve a cabo la tecla Suprimir en las celdas seleccionadas.
- Guardar : Especifique la frecuencia con la que Composer debe guardar el documento mientras trabaja.
[ Volver al principio de la sección ]
Definir Preferencias para colores e imágenes de fondo
Puede definir las preferencias que se aplicarán a todos los documentos que cree.
- Abra el menú Editar y elija Preferencias.
- Abra la categoría Composer y haga clic en Configuración de nueva página.
Puede definir las opciones siguientes por defecto:
- Nombre del autor: Introduzca el nombre.
- Usar colores del navegador: Seleccione esta opción si desea que las páginas tengan los colores establecidos desde el navegador del usuario para el texto y los elementos de enlace.
- Usar colores personalizados: Seleccione esta opción si desea especificar colores que se aplicarán al texto y a los elementos de enlace. Para cada elemento, seleccione un color de la lista desplegable.
- Imagen de fondo por defecto: Escriba el nombre de un archivo de imagen, o haga clic en Elegir archivo para encontrar un archivo de imagen en su disco duro o en la red.
Nota: Las imágenes de fondo aparecen en mosaico y prevalecen sobre el color de fondo.
Para cambiar el nombre del autor en una página individual: Abra el menú Formato y elija Título de página y Propiedades.
Para cambiar los colores de la página y la imagen de fondo de una página individual: Abra el menú Formato y elija Colores y fondo de página.
[ Volver al principio de la sección
9/10/00
Copyright 1994-2000 Netscape Communications Corporation.