Creación de páginas web con Netscape Composer

 

En esta sección:

Crear una página nueva

Escoger el modo de edición adecuado

Guardar y navegar por una página nueva

 

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:

Para editar una página por la que está navegando en Navigator:

Para empezar desde un archivo HTML guardado en su unidad local:

  1. Abra el menú Tareas y elija Composer.
  2. Abra el menú Archivo y elija Abrir archivo.
  3. Elija el archivo que quiere utilizar.
  4. Haga clic en Abrir para ver el archivo especificado en una ventana de Composer.

Para editar una página web:

  1. Elija Abrir ubicación web desde el menú Archivo.
  2. 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.
  3. 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:

La barra Modo de edición tiene 4 pestañas:

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:

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:

Volver al principio de la sección ]

 


Formato de la página web

 

En esta sección:

Dar formato a párrafos, títulos y listas

Cambiar el color, el estilo y la fuente del texto

Buscar texto dentro de la página

Insertar líneas horizontales

Insertar carácteres especiales

Insertar elementos HTML y atributos

Revisar la ortografía

 

Dar formato a párrafos, títulos y listas

Para aplicar un formato a un párrafo:

  1. Sitúe el puntero donde quiere que empiece el formato o resalte los párrafos a los que desea aplicarlo.
  2. Abra el menú Formato y seleccione Párrafo
  3. Seleccione uno de los formatos siguientes:

Para aplicar un formato de encabezamiento:

  1. Sitúe el puntero donde quiere empezar el formato o resalte el texto al que desea aplicarlo.
  2. Abra el menú Formato y seleccione Párrafo
  3. 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:

  1. Resalte el texto al que desee dar formato
  2. Abra el menú Formato y seleccione Lista.
  3. Elija el estilo de la lista:

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:

  1. Sitúe el puntero dentro del texto del elemento de la lista que desea cambiar.
  2. Abra el menú Formato y elija Propiedades de la lista.
  3. 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):

  1. Sitúe el puntero en la página o línea del texto que desea alinear.
  2. 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:

  1. Resalte el texto al que desee dar formato
  2. Abra el menú Formato y elija una de las opciones siguientes:

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:

  1. Abra el Menú Edición y elija Buscar.
  2. 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:
  3. 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):

  1. Sitúe el puntero donde desea que aparezca la línea.
  2. 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.

  1. Haga doble clic en la línea para seleccionarla.
  2. Abra el menú Formato y elija Propiedades de la línea horizontal.
  3. Edite estas propiedades
  4. Haga clic en Guardar valores como predeterminados para utilizar estos valores por defecto en todas las líneas horizontales.
  5. (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:

  1. Sitúe el cursor donde desea que aparezca el carácter especial.
  2. Abra el menú Insertar y elija Caracteres y Símbolos.
  3. Elija una categoría de caracteres.
  4. 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.
  5. Desde el menú despegable Carácter
  6. 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:

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:

  1. 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.
  2. 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:
  3. Para editar una propiedad o atributo que se encuentra en la lista, haga clic en el nombre e introduzca un valor distinto.
  4. Para añadir una propiedad, escriba el nombre, introduzca el valor correspondiente y haga clic sobre Añadir.
  5. 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:

  1. Sitúe el cursor en la página.
  2. Haga clic en el botón Ortografía en la barra de herramientas o elija Revisión ortográfica del menú Edición.
  3. 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.

Volver al principio de la sección ]

 


Adición de tablas a la página web

 

En esta sección:

Insertar una tabla

Cambiar las propiedades de una tabla

Añadir y eliminar filas, columnas y celdas

Moverse por una tabla

Mover, copiar y eliminar tablas

 

Insertar una tabla

Las tablas son útiles para organizar texto, imágenes y datos en filas y columnas con formato. Para insertar una tabla:

  1. Sitúe el puntero donde desea que aparezca la tabla.
  2. 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).
  3. Escriba el número de filas y columnas que desea.
  4. Introduzca el número para la altura y la anchura (en pixeles).
  5. 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.
  6. (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.
  7. 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):

  1. Seleccione la tabla, o haga clic en cualquier lugar dentro de la tabla.
  2. 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.
  3. Haga clic en la pestaña Tabla para editar las propiedades siguientes:
  4. (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.
  5. 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:

  1. Seleccione la fila, columna o celda, abra el menú Tabla y elija Propiedades de la tabla.
  2. Haga clic en la pestaña Celdas para editar las propiedades siguientes:
  3. (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.
  4. 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:

  1. Haga clic dentro de la tabla donde desea añadir una celda (o celdas).
  2. Abra el menú Tabla y elija Insertar.
  3. Elija una de los grupos de celda. Podrá insertar una tabla nueva dentro de una celda.

Para eliminar una celda o grupos de celdas:

  1. Haga clic en una fila, columna o celda.
  2. Abra el menú Tabla y elija Eliminar.
  3. Elija el elemento que quiere eliminar.

Para juntar (o combinar) una celda con la celda de su derecha:

Para dividir las celdas combinadas otra vez en dos celdas:

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:

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:

Volver al principio de la sección ]

 

Mover, copiar y eliminar tablas

  1. Haga clic dentro de la tabla, abra el menú Tabla y elija Seleccionar tabla.
  2. Para copiar o mover: Utilice las opciones Cortar, Copiar y Pegar del menú Edición.
  3. 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

 

En esta sección:

Insertar una imagen en la página web

Editar Propiedades de la imagen

Crear Mapas de imágenes (Zonas activas) para sus imágenes.

 

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 .

  1. Sitúe el cursor donde desee que aparezca la imagen.
  2. Haga clic en el botón Imagen en la barra de herramientas, o abra el menú Insertar y elija Imagen.
  3. 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.

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:

  1. 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.
  2. 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.
  3. (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.
  4. 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:

  1. Seleccione la imagen en la página.
  2. 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.)
  3. 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.
  4. 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.
  5. Una vez haya designado todas las zonas activas, haga clic en Aceptar y de nuevo en Aceptar para confirmar sus cambios.
  6. 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:

  1. Seleccione la imagen que desea.
  2. 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.)
  3. Haga clic en Aceptar para confirmar los cambios.

Volver al principio de la sección ]

 


Definición de las propiedades de la imagen

 

En esta sección:

Definir propiedades de la página y etiquetas Meta

Definir colores de página y fondo

 

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.

Edite estas propiedades:

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:

Edite estas propiedades:

(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

 

En esta sección:

Crear enlaces en la misma página

Crear enlaces con otras páginas

Utilizar imágenes como enlaces

Eliminar 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.

  1. Coloque el cursor al principio de la línea donde desea crear un anclaje o seleccione una parte del texto.
  2. Haga clic en el botón Anclaje de la barra de herramienta o abra el menú Insertar y elija Anclaje.
  3. 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.
  4. 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:

  1. Seleccione el texto o imagen que quiere enlazar con el anclaje.
  2. Haga clic en el botón Enlace.
  3. Para ver una lista de todos los anclajes y títulos en la página, haga clic en Más propiedades.
  4. Utilice el cuadro de diálogo Más propiedades para escoger el nombre del anclaje.
  5. Haga clic en Aceptar.
  6. 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:

  1. Seleccione el texto o la imagen que quiere enlazar con el anclaje.
  2. Haga clic en el botón Enlace.
  3. Para ver una lista de todos los anclajes y encabezados en la página, haga clic en Más propiedades.
  4. Utilice el cuadro de diálogo Propiedades del enlace para vincular la página.
  5. (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.
  6. Haga clic en Aceptar.
  7. 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.

  1. Seleccione una imagen en la página.
  2. Haga clic en el botón Enlace en la barra de herramientas, o abra el menú Insertar y elija Enlace.
  3. 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:

  1. Seleccione el texto enlazado (normalmente de color azul y subrayado) o imagen.
  2. Abra el menú Formato y elija Eliminar enlace.

Volver al principio de la sección ]

 


Definición de las preferencias de Composer

 

En esta sección:

Definir preferencias de Composer

Definir preferencias para colores e imágenes de fondo

 

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:

  1. Abra el menú Editar y elija Preferencias; haga clic en la categoría Composer.

Puede definir las opciones siguientes como predeterminadas:

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.

  1. Abra el menú Editar y elija Preferencias.
  2. Abra la categoría Composer y haga clic en Configuración de nueva página.

Puede definir las opciones siguientes por defecto:

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.