Crear páginas web con Composer

 

En esta sección:

Crear una página nueva

Guardar y examinar la nueva página

 

Crear una página nueva

Composer es un editor de HTML (Hypertext Markup Language) que permite la creación y edición de páginas web. Además, es un editor WYSIWYG (What You See Is What You Get), por lo que se puede visualizar la forma en que se mostrará la página a un lector al tiempo que se crea. No es necesario conocer HTML ya que la mayoría de las funciones básicas del HTML se encuentran disponibles como comandos en la barra de herramientas y en los menús. Sin embargo, Composer también permite la edición del código fuente HTML.

Para crear una página web se utiliza uno de los métodos que a continuación se describen. Una vez que se ha comenzado una página se puede añadir y editar el texto de la misma manera en la que se haría en un procesador de textos.

Creación de una página nueva desde Navigator:

Edición de una página que se está visualizando en ese momento en Navigator:

Creación de una página nueva desde Composer:

Comienzo a partir de un archivo HTML almacenado en el disco duro local:

  1. Abra el menú Ventana y escoja Composer. Se mostrará la ventana de Composer.
  2. Abra el menú archivo y escoja Abrir archivo... Verá el cuadro de diálogo Abrir archivo HTML.
  3. Navegue hasta el archivo que desea editar dentro de su disco duro local.
  4. Haga clic en Abrir para mostrar el archivo escogido en la ventana de Composer..

Consejo: También se pueden abrir archivos JavaScript para su edición en Composer.

Edición de una página web:

  1. Abra el menú Ventana y escoja Navigator.
  2. Vaya a una página web escribiendo la URL de la página (por ejemplo, www.mozilla.org) en la barra de direcciones y presione Enter (Return para Macintosh OS).
  3. Abra el menú Archivo y escoja Editar página.

    Nota: Hay que tener en cuenta que cuando se guarde la página, la parte HTML de la página se guarda localmente, en el disco duro. El resto de archivos, como las imágenes y sonidos, no son guardados. Si la dirección de una imagen es estática (comienza con "http://") y se está conectado a Internet, aún se verá la imagen del documento en Composer y Navigator.

Consejo: En la ventana de Composer se pueden abrir rápidamente los archivos sobre los que se ha estado trabajando más recientemente mediante la apertura del menú Archivo, seleccionando Páginas recientes y seleccionando el archivo deseado de la lista.

Volver al principio de la sección ]

 

Guardar y examinar la nueva página

Se pueden guardar los documentos de Composer como HTML o como de sólo texto. Al guardar un documento en HTML se mantiene el formato del documento, como los estilos de texto (por ejemplo, negrita o cursiva), tablas, enlaces e imágenes. Al guardar un documento como de sólo texto se eliminan todas las etiquetas HTML pero se mantiene el texto del documento.

Para guardar un documento como archivo HTML:

Para cambiar el nombre o la dirección de un archivo HTML existente:

Para guardar un documento como archivo de sólo texto:

  1. Abra el menú Archivo y seleccione Exportar a texto...
  2. Introduzca el nombre y la dirección deseada en la que se desea guardar el archivo.

Consejo: Se puede escoger Deshacer hasta la última copia guardada desde el menú Archivo para retomar la copia más recientemente guardada del documento en el que se está trabajando. Tenga en cuenta que los cambios actuales se perderán.

Nota: Las imágenes no se muestran en los documentos guardados con formato sólo texto.

Para ver la página en una ventana del navegador con el fin de comprobar los enlaces:

Volver al principio de la sección ]

 


Dar formato a las páginas web

 

En esta sección:

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

Trabajar con listas

Cambiar el color, estilo y tipo de letra del texto

Elminar o deshabilitar los estilos de texto

Buscar y reemplazar texto

Insertar líneas horizontales

Insertar caracteres especiales

Insertar elementos y atributos HTML

Comprobar la ortografía

Validar el HTML

Escoger el modo de edición correcto

 

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

Para aplicar un formato a un párrafo, comience desde la ventana de Composer:

  1. Haga clic para emplazar el punto de inserción (también conocido como caret) donde quiera que comience el formato o seleccione el texto al que desea aplicar el formato.
  2. Escoja un formato de párrafo utilizando la lista desplegable de la barra de formato:

Para dar formato de titular al texto:

  1. Haga clic para emplazar el punto de inserción en cualquier sitio dentro del texto al que desea aplicar el formato.
  2. Utilice la lista desplegable de la barra de formato y esoja el grado de titular que desee, desde 1 (mayor) a 6 (menor). Por ejemplo, escoja "Título 1" para el título principal, "Título 2" para el siguiente nivel, y así.

Para dar formato a un elemento de una lista:

  1. Haga clic para emplazar el punto de inserción dentro de la línea de texto a la que se desea aplicar el formato.
  2. Abra el menú Formato y escoja Lista.
  3. Escoja el estilo de lista:

Truco: Se puede aplicar rápidamente un estilo de lista a un bloque de texto mediante la selección de ese texto y haciendo clic sobre los botones de la lista numerada o la lista no numerada de la barra de formato.

Para cambiar el estilo de las viñetas o de los números:

  1. Haga clic para emplazar el punto de inserción dentro del texto del elemento de la lista que desea modificar o seleccione un elemento de la lista o más si se desea aplicar un estilo nuevo a toda la lista.
  2. Abra el menú Formato y escoja Propiedades de la lista... dentro del submenú Lista.
  3. Seleccione una viñeta o un estilo de numeración de la lista desplegable. En el caso de listas numeradas se puede especificar un número de comienzo. En el caso de las listas no numeradas se puede modificar el estilo de la viñeta.

Para alinear un párrafo o texto de la página, por ejemplo, al centro, a la izquierda o a la derecha:

  1. Haga clic para emplazar el punto de inserción dentro del párrafo o la línea de texto que se desea alinear.
  2. Abra el menú Formato, escoja Alinear y seleccione un tipo de alineado.

Nota: También se puede utilizar la barra de formato para alinear el texto.

Volver al principio de la sección ]

 

Trabajar con listas

Para finalizar un listado y continuar con el texto normal:

  1. Haga clic para emplazar el punto de inserción al final del último elemento de la lista y presione Enter (Return para Macintosh OS).
  2. Presione de nuevo Enter. Cada vez que presione Enter, Composer subirá un nivel.

Para cambiar uno o más de los elementos de la lista en texto normal:

  1. Haga clic para emplazar el punto de inserción dentro del elemento de la lista o selecciónelo.
  2. Para una lista numerada, haga clic en el botón de lista numerada (o, para una lista no numerada, haga clic en el botón de lista no numerada) de la barra de formato. Los botones de lista se comportan como interruptores.

Para colocar texto sangrado bajo un elemento de una lista:

  1. Haga clic para emplazar el punto de inserción dentro del elemento de la lista.
  2. Presione Mays-Enter para crear el sangrado libre.
  3. Escriba el texto que desea sangrar.
  4. Presione Mays-Enter para crear otro párrafo sangrado, o presione Return para crear el siguiente elemento de la lista.

Para juntar dos listas adyacentes:

  1. Seleccione las dos listas que desea unir. Asegúrese de seleccionar todos los elementos de ambas listas. Tenga en cuenta que cualquier texto existente entre las dos listas también pasará a formar parte de la nueva lista.
  2. Haga doble clic sobre el botón de lista numerada o no numerada de la barra de formato.

Truco: Se puede incrementar o decrementar el sangrado de los elementos de la haciendo clic en el botón de Sangrado o Desangrado de la barra de herramientas.

Volver al principio de la sección ]

 

Cambiar el color, estilo y tipo de letra del texto

Para cambiar el estilo, color o tipo de letra del texto seleccionado:

  1. Seleccione el texto sobre el que desea aplicar el formato.
  2. Abra el menú Formato y escoja uno de los siguientes:

Truco: Para cambiar con rapidez el color del texto al último utilizado, seleccione el texto y presione Mays + clic sobre el selector de color. Es útil cuando se desea usar un único color en líneas de texto separadas.

También puede modificar el color de fondo de la página o utilizar una imagen como fondo. Vea Configuración de fondos y colores de página.

Volver al principio de la sección ]

 

Eliminar o deshabilitar los estilos de texto

Para eliminar todos los estilos de texto (negrita, cursiva y demás) de un texto:

  1. Seleccione el texto.
  2. Abra el menú Formato y escoja Borrar todos los estilos de texto.
  3. Continúe escribiendo.

Para seguir escribiendo texto con todos los estilos eliminados:

  1. Emplace el punto de inserción donde desee deshabilitar los estilos de texto.
  2. Abra el menú Formato y seleccione Descontinuar estilos de texto.
  3. Continúe escribiendo.

Volver al principio de la sección ]

 

Buscar y reemplazar texto

Para buscar texto dentro de la página en la que se está trabajando:

  1. Haga clic para emplazar el punto de inserción (también conocido como caret) donde desee comenzar la búsqueda.
  2. Abra el menú Editar y seleccione Buscar y reemplazar... Verá el cuadro de diálogo Buscar y reemplazar.
  3. Escriba el texto que desea localizar en el campo Buscar. Para acotar la búsqueda seleccione una o más de las siguientes opciones:
  4. Haga clic en Buscar siguiente para comenzar la búsqueda. Cuando Composer localice la primera coincidencia, haga clic sobre Buscar siguiente para buscar la siguiente coincidencia.
  5. Haga clic sobre Cerrar cuando haya terminado.

Para buscar y reemplazar texto dentro de la página en la que se está trabajando:

  1. Haga clic para emplazar el punto de inserción (también conocido como caret) donde desee comenzar la búsqueda.
  2. Abra el menú Editar y seleccione Buscar y reemplazar... Verá el cuadro de diálogo Buscar y reemplazar.
  3. Escriba el texto que desea localizar y el texto por el cual lo quiere reemplazar.
  4. Para acotar la búsqueda seleccione una o más de las siguientes opciones:
  5. Haga clic en Buscar siguiente para buscar la siguiente coincidencia. Composer seleccionará la siguiente coincidencia del texto.
  6. Haga clic en Reemplazar para cambiar el texto seleccionado por el texto texto de reemplazo. Haga clic en Reemplazar todos para cambiar cada una de las coincidencias dentro del documento por el texto de reemplazo.
  7. Haga clic sobre Cerrar cuando haya terminado.

Volver al principio de la sección ]

 

Insertar líneas horizontales

Las líneas horizontales se utilizan normalmente para separar diferentes secciones de un documento de forma visual. Para insertar una línea horizontal (también llamada regla) dentro de la página, comenzando desde la ventana de Composer:

  1. Haga clic para emplazar el punto de inserción donde desee que aparezca la línea.
  2. Haga clic en el botón Línea Hor. de la barra de herramientas o abra el menú Insertar y seleccione Línea horizontal.

Establecer las propiedades de una línea horizontal

Se pueden personalizar el alto, largo, ancho, alineación y sombreado de una línea.

  1. Haga doble clic en la línea para mostrar el cuadro de diálogo Propiedades de la línea horizontal.
  2. Edite cualquiera de estas propiedades:
  3. Haga clic sobre Usar como opción por defecto para utilizar estas configuraciones como las predeterminadas para la próxima vez que se inserte una línea horizontal.
  4. Para editar manualmente las propiedades de la línea horizontal haga clic sobre Edición avanzada...Vea la sección Editor avanzado de propiedades para mayor detalle.

Truco: Se puede seleccionar "Mostrar todas las etiquetas" del menú Ver para que se muestren todos los elementos HTML en cajas amarillas. Se puede hacer doble clic sobre cualquiera de estas cajas para que se visualice el cuadro de diálogo del Editor avanzado de propiedades.

Volver al principio de la sección ]

 

Insertar caracteres especiales

Para insertar caracteres especiales como tildes, marcas de copyright o símbolos monetarios:

  1. Haga clic para emplazar el punto de inserción donde desee que aparezca el carácter especial.
  2. Abra el menú Insertar y seleccione Caracteres y símbolos... Verá el cuadro de diálogo Insertar carácter.
  3. Seleccione una categoría de caracteres.
  4. Seleccione el carácter que desea insertar de la lista desplegable Carácter.
  5. Haga clic en Insertar.

    Se puede continuar escribiendo en el documento (o en una ventana de composición de correo) mientras se mantiene el diálogo abierto, si es que desea utilizarlo de nuevo.

  6. Haga clic en Cerrar cuando termine de insertar caracteres especiales.

Volver al principio de la sección ]

 

Insertar elementos y atributos HTML

Si sabe cómo trabajar con el código fuente HTML podrá insertar etiquetas adicionales, atributos de estilo y JavaScript dentro de la página. Si no está seguro de cómo trabajar con el código fuente es mejor que no lo modifique. Para trabajar con el código fuente HTML siga uno de estos métodos:

Utilizar el editor avanzado de propiedades

Para añadir JavaScript y atributos HTML a los objetos del tipo de tablas, imágenes y líneas horizontales se puede utilizar el editor avanzado de propiedades.

Nota: A menos que entienda claramente cómo añadir, eliminar o modificar los atributos HTML y sus valores asociados, es mejor que no utilice esto.

Si no está viendo actualmente el cuadro de diálogo del editor avanzado de propiedades, lleve a cabo los siguientes pasos:

  1. Desde el menú Ver (o la barra de herramientas del modo de edición) escoja Mostrar todas las etiquetas.
  2. Haga doble clic sobre el objeto que desea modificar para abrir su editor avanzado de propiedades. El editor avanzado de propiedades tiene tres pestañas, cada una de las cuales tiene una lista con las propiedades actuales del objeto seleccionado:
  3. Para editar una propiedad o atributo en cualquiera de estas tres pestañas, seleccione el atributo que desee. Podrá entonces editar el nombre del atributo o el valor mediante el uso de los campos editables Atributo y Valor de la base del cuadro de diálogo. Para añadir un nuevo atributo, escriba en el campo Atributo de la base del cuadro de diálogo. El nuevo atributo se añadirá automáticamente cuando haga clic en el campo Valor. Para eliminar un atributo, selecciónelo de la lista y haga clic en Eliminar.

    Nota: Los atributos obligatorios se encuentran resaltados en la lista Atributo.

  4. Haga clic sobre Aceptar para aplicar los cambios del cuadro de diálogo del editor avanzado de propiedades.
  5. De nuevo, haga clic en Aceptar para salir del cuadro de diálogo Propiedades.

Composer coloca comillas dobles de forma automática en el texto del atributo.

Volver al principio de la sección ]

 

Comprobar la ortografía

A diferencia de Netscape, Mozilla no contiene un corrector ortográfico ya que el corrector ortográfico que tiene Netscape es de otra companía y es un proyecto de código fuente cerrado que no puede ser incluido con Mozilla.

Sin embargo, se puede añadir fácilmente un corrector ortográfico a Mozilla, instalando un corrector ortográfico de código fuente abierto de Mozdev.org. Este proyecto proporciona un archivo "XPI" (instalable independientemente de la plataforma). Hay disponibles muchas versiones del XPI, dependiendo de la versión de Mizilla en la que se esté trabajando. Primero, determine qué versión de Mozilla está utilizando (yendo a Ayuda| Acerca de Mozilla), y, después, haga clic sobre el enlace XPI apropiado. Se le preguntará para que confirme que desea instalar este software. Haga clic en Aceptar para continuar. Una vez que se haya descargado e instalado de forma satisfactoria, reinicie Mozilla. Abra Composer y debería ver un botón "Ortografía" que se ha añadido a la barra de herramientas:

Cuando se hace clic sobre el botón "Ortografía" se debería de visualizar el siguiente cuadro de diálogo:

Hay que asegurarse de haber seleccionado el lenguaje apropiado antes de comenzar. Después se hace clic en Recheck Page.

Volver al principio de la sección ]

 

Validar el HTML

Antes de subir el documento a un servidor web para que otros puedan verlo, se debería comprobar antes el formato del documento HTML para estar seguro de que cumple los estándares web. Los documentos que contienen HTML validado son menos propicios a causar problemas en su visualización por los diferentes navegadores. El comprobar sólo visualmente la página web en Navigator no nos asegura que todo el documento vaya a aparecer correctamente cuando sea visualizado en otro navegador web.

Composer proporciona un modo apropiado para comprobar que el documento cumple los estándares HTML de la W3C (World Wide Web Consortium). Para ello, Composer utiliza el Servicio de validación de HTML de la W3C, que comprueba la exactitud de la sintaxis HTML del documento y proporciona información sobre cómo corregir los errores.

Nota: Hay que estar conectado a Internet para utilizar esta característica.

Para validar la sintaxis del documento HTML:

  1. Abra el menú Tareas y seleccione Validar HTML. Si no ha guardado los cambios, Composer le preguntará por ellos antes de llevar a cabo la tarea.
  2. Cuando la página del Servicio de validación de HTML de la W3C aparezca, haga clic en "Validate this document".

Volver al principio de la sección ]

 

Escoger el modo de edición correcto

Normalmente no se necesitará cambiar el modo por defecto de edición (Normal). Sin embargo, si se desea trabajar con el código fuente HTML del documento, quizá se desee cambiar el modo de edición. Composer permite saltar rápidamente entre cuatro "modos de edición" o vistas. Cada modo de edición permite continuar trabajando en el documento, pero muestra niveles variables de etiquetas HTML (e iconos de etiquetas).

Antes de escoger un modo de edición:

La barra de herramientas del modo de edición tiene cuatro pestañas:

Nota: Las funciones JavaScript, marcos, enlaces y archivos GIF animados no están activos en ninguno de los modos de edición. Para visualizarlos en su estado activo, haga clic en el botón Navegar de la Barra de herramientas de composición para cargar la página dentro de una ventana del navegador.

Volver al principio de la sección ]

 


Añadir tablas a la página web

 

En esta sección:

Insertar una tabla

Cambiar las propiedades de una tabla

Añadir y borrar filas, columnas y celdas

Seleccionar elementos de la tabla

Mover, copiar y borrar tablas

Mover el contenido de una celda, fila o columna

Convertir texto en una tabla

 

Insertar una tabla

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

  1. Haga clic para emplazar el punto de inserción donde desee que aparezca la tabla.
  2. Haga clic en el botón Tabla de la Barra de herramientas de composición. Aparecerá el cuadro de diálogo Insertar tabla.
  3. Escriba el número de filas y columnas que desee.

Para modificar propiedades adicionales de la nueva tabla, vea Cambiar las propiedades de una tabla.

Truco: Para insertar una tabla dentro de otra tabla, abra el menú Insertar y seleccione Tabla.

Volver al principio de la sección ]

 

Cambiar las propiedades de una tabla

Esta sección describe cómo modificar las propiedades que se aplican sobre toda la tabla, englobando filas, columnas y celdas. Si no se encuentra visualizando en estos momentos el cuadro de diálogo Propiedades de la tabla, lleve a cabo los siguientes pasos:

  1. Seleccione la tabla o haga clic en cualquier sitio dentro de ella.
  2. Haga clic sobre el botón Tabla de la barra de herramientas o abra el menú Tabla y seleccione Propiedades de la tabla... El cuadro de diálogo Propiedades de la tabla contiene dos pestañas: Tabla y Celdas.
  3. Haga clic sobre la pestaña Tabla para editar estas propiedades:
  4. Para aplicar atributos adicionales o eventos JavaScript, haga clic en Edición avanzada... para visualizar el Editor avanzado de propiedades.
  5. Haga clic en Aplicar para previsualizar los cambios sin cerrar el cuadro de diálogo, o haga clic 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 seleccione Propiedades de la tabla... Aparecerá el cuadro de diálogo Propiedades de la tabla.
  2. Haga clic en la pestaña Celdas para editar las siguientes propiedades:

    Nota: Para aplicar atributos adicionales o eventos JavaScript, haga clic en Edición avanzada... para visualizar el editor avanzado de propiedades.

  3. Haga clic en Aplicar para previsualizar los cambios sin cerrar el cuadro de diálogo o haga clic en Aceptar para confirmarlos.

Truco: Para cambiar el color del texto o del fondo de una o más celdas seleccionadas de la tabla, seleccione las celdas o haga clic en cualquier sitio dentro de la tabla y haga clic de nuevo en el icono de color del texto o color del fondo en la barra de herramientas de formato.

Truco: Para cambiar el color de las celdas al último color utilizado, seleccione la celda y presione Mays + clic en el selector de color del fondo. Ésto es útil cuando se desea utilizar un solo color para celdas individuales.

Volver al principio de la sección ]

 

Añadir y borrar filas, columnas y celdas

Composer permite añadir y borrar rápidamente una o más celdas de una tabla. Además, se pueden establecer opciones que permitan mantener la estructura rectangular original o diseño de la tabla mientras que se realizan tareas de edición.

Para añadir una celda, una fila o una columna a la tabla:

  1. Haga clic dentro de la tabla donde desee añadir la celda (o celdas).
  2. Abra el menú Tabla y seleccione Insertar.
  3. Escoja uno de los agrupamientos de celdas (también puede insertar una nueva tabla dentro de la celda).

Para borrar una celda, una fila o una columna:

  1. Haga clic en una fila, columna o celda para emplazar el punto de inserción, o seleccione las celdas vecinas para borrar más de una fila al mismo tiempo. Para seleccionar las celdas vecinas mantenga pulsada la tecla Ctrl (en Windows y Linux) o la tecla Comando (en Macintosh OS) mientras se desplaza sobre las celdas que desea seleccionar. Para seleccionar celdas sueltas en una tabla, mantenga pulsada la tecla Ctrl y haga clic sobre las celdas que desea seleccionar.
  2. Abra el menú Tabla y seleecione Eliminar.
  3. Seleccione el elemento que desee borrar.

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

Para unir (o combinar) celdas adyacentes:

Para separar en dos o más celdas una celda combinada:

Véase Seleccionando elementos de la tabla para información de cómo seleccionar celdas, filas y columnas no adyacentes.

Cambiar el comportamiento de edición por defecto de las tablas

Por defecto, cuando se borran una o más celdas, Composer preserva la estructura de la tabla mediante la adición de celdas al final de la fila en caso de necesidad. Esto permite borrar una o más celdas manteniendo el diseño o o estructura rectangular original de la tabla. De otro modo, al borrar celdas se podría desembocar en una tabla con espacios vacíos o cuyas líneas exteriores fuesen irregulares debido a un número desigual de celdas.

Para cambiar el comportamiento de edición por defecto de las tablas, empezando desde la ventana de Composer:

  1. Abra el menú Editar, seleccione Preferencias y Composer.
  2. Bajo Edición de tablas, establezca las siguientes preferencias:
  3. Haga clic en Aceptar.

Vea también Establecer las preferecias generales de Composer.

Volver al principio de la sección ]

 

Seleccionar elementos de la tabla

Se pueden utilizar uno o dos modos para seleccionar rápidamente una tabla, celda o grupo de celdas:

Volver al principio de la sección ]

 

Mover, copiar y borrar tablas

Para mover una tabla:

  1. Haga clic dentro de la tabla.
  2. Abra el menú Tabla, escoja Seleccionar y Tabla.

Volver al principio de la sección ]

 

Mover el contenido de una celda, fila o columna

Para mover el contenido de una celda, fila o columna dentro de una tabla:

  1. Seleccione el texto que desea mover. Para más información, vea Seleccionando elementos de la tabla.
  2. Abra el menú Editar y seleccione Cortar.
  3. Haga clic para emplazar el punto de inserción en la nueva localización.
  4. Abra el menú Editar y seleccione Pegar.

Volver al principio de la sección ]

 

Convertir texto en una tabla

Para convertir texto en una tabla:

  1. Seleccione el texto que desea convertir en una tabla. Tenga en cuenta que Composer creará una fila en la nueva tabla por cada párrafo de la selección.
  2. Abra el menú Tabla y seleccione Crear tabla a partir de la selección. Aparecerá el cuadro de diálogo Convertir en tabla.
  3. Seleccione el carácter que utilizará Composer para separar la selección en columnas o especifique un carácter distinto. Si escoge el carácter "Espacio" como separador de columnas, decida si desea o no que Composer ignore múltiples espacios consecutivos y los trate como si fuesen sólo uno.
  4. Deje "Eliminar carácter separador" marcado para que Composer borre el carácter separador cuando convierta el texto en una tabla. Si no desea que Composer haga esto, desmarque esta opción.
  5. Haga clic en Aceptar.

Volver al principio de la sección ]

 


Añadir dibujos (imágenes) a la página web

 

En esta sección:

Insertar una imagen en la página web

Editar las propiedades de la imagen

 

Insertar una imagen en la página web

Se pueden insertar imágenes GIF, JPEG y PNG en una página web. También se pueden utilizar para crear enlaces. Cuando se inserta una imagen, Composer guarda la referencia a la imagen en la página.

Para insertar una imagen:

  1. Haga clic para emplazar el punto de inserción donde desee que aparezca la imagen.
  2. Haga clic en el botón Imagen de la barra de herramientas o abra el menú Insertar y seleccione Imagen... Aparecerá el cuadro de diálogo Propiedades de la imagen.
  3. Escriba la ubicación y nombre del archivo de la imagen o haga clic en Elija un archivo... para buscar un archivo de imagen en el disco duro o en la red.
  4. Escriba el texto alternativo que aparecerá en los navegadores de sólo texto y que aparecerá en los otros navegadores mientras se carga la imagen o cuando la carga de imágenes está deshabilitada.
  5. En caso necesario, haga clic en Edición avanzada... para ajustar las configuraciones del cuadro de diálogo Propiedades de la imagen.

Truco: Para insertar rápidamente una imagen: arrástrela dentro de la página.

Truco: Mientras escribe un párrafo que contiene una o más imágenes, si desea insertar una línea de corte tras todas las imágenes del párrafo, seleccione Romper la(s) imagen(es) inferior(es) en el menú Insertar.

Volver al principio de la sección ]

 

Editar las propiedades de la imagen

Una vez que haya insertado una imagen en la página, se pueden editar sus propiedades y personalizar su diseño, como la altura, anchura, espaciado y alineación del texto. Si no se está visualizando el cuadro de diálogo Propiedades de la imagen, lleve a cabo los siguientes pasos:

Para editar las propiedades de una 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 para visualizar el cuadro de diálogo Propiedades de la imagen.
  2. Para aplicar atributos adicionales o eventos JavaScript, haga clic en Edición avanzada... para visualizar el editor avanzado de propiedades.
  3. Haga clic en Aceptar para confirmar los cambios.

Volver al principio de la sección ]

 


Establecer las propiedades de la página

 

En esta sección:

Establecer las propiedades de la página y las etiquetas Meta

Establecer los colores y fondos de la página

 

Establecer las propiedades de la página y las etiquetas Meta

Utilice el cuadro de diálogo Propiedades de la página para introducir propiedades como el título, autor y descripción del documento sobre el que se está trabajando. Esta información es útil si se planea utilizar la página como un sitio web ya que los motores de búsqueda utilizan este tipo de información para indexar las páginas. Se puede ver esta información desde la ventana del navegador escogiendo el menú Ver y seleccionando Información de la página.

  1. Abra el menú Formato y seleccione Título de la página y propiedades.
  2. Edite cualquiera de las propiedades siguientes:

Volver al principio de la sección ]

 

Establecer los colores y fondos de la página

Se puede cambiar el color de fondo o especificar una imagen como fondo de la página en la que se está trabajando. Esta elección afecta a la forma en que aparecerán el texto y los vínculos de la página a la gente que la visualice mediante un navegador.

Para establecer los colores y el fondo de la página actual, empezando desde la ventana de Composer:

  1. Abra el menú Formato y seleccione Color y fondo de la página...
  2. Edite cualquiera de las siguientes propiedades:

Nota: Para aplicar atributos adicionales o eventos JavaScript, haga clic en Edición avanzada... para visualizar el editor avanzado de propiedades.

También se pueden establecer el fondo y colores por defecto de la página para cada nueva página que se cree en Composer.

Truco: Para cambiar rápidamente el color de fondo al color utilizado por última vez, seleccione la celda y presione Mays + Ctrl en el selector de color de fondo.

Volver al principio de la sección ]


Crear enlaces

 

En esta sección:

Crear enlaces dentro de la misma página

Crear enlaces a otras páginas

Utilizar imágenes como enlaces

Elminar y deshabilitar enlaces

 

Crear enlaces dentro de la misma página

Para crear un enlace dentro de la misma página, por ejemplo, un enlace que el lector pueda utilizar para saltar de una sección a otra, se debe crear una ancla (dirección objetivo) y, posteriormente, crear un enlace que apunte a esa ancla. Las anclas también se llaman enlaces internos.

  1. Haga clic para emplazar el punto de inserción al principio de la línea donde desee crear un ancha o seleccione algún texto.
  2. Haga clic en el botón Enlace interno de la barra de herramientas, o abra el menú Insertar y seleccione Enlace interno con nombre. Aparecerá el cuadro de diálogo Propiedades del enlace interno.
  3. Escriba un nombre único para el ancla en el campo Nombre del enlace interno (hasta 30 caracteres). Si se incluyen espacios, se convertirán en guiones bajos (_). Si se seleccionó algún texto en el paso 1, el cuadro de diálogo ya contendrá un nombre.
  4. Haga clic en Aceptar. Aparecerá un icono ancla en para marcar la ubicación del enlace interno:

Para crear un enlace en el que el lector pueda hacer clic y saltar al ancla:

  1. Seleccione el texto o la imagen que desee enlazar con el ancla.
  2. Haga clic en el botón Enlace... o abra el menú Insertar y seleccione Enlace. Aparecerá el cuadro de diálogo Propiedades del enlace.
  3. Haga clic en Aceptar.

Nota: Para comprobar el enlace recién creado, abra el menú Archivo, seleccione Visualizar página en el navegador y haga clic en el enlace.

Truco: Si no se creó primero el enlace interno, se puede utilizar el cuadro de diálogo Enlace para crear enlaces a titulares existentes en la página.

Volver al principio de la sección ]

Crear enlaces a otras páginas

Se pueden crear enlaces desde la página a otras páginas locales del ordenador, de la red de trabajo o a páginas remotas de Internet.

Se pueden crear enlaces rápidamente arrastrando y soltando enlaces y marcadores desde otras ventanas. Por ejemplo, se puede seleccionar un enlace de un página web, marcador o ventana de correo, arrastrarlo y soltarlo dentro de la página.

Para crear un enlace a otra página:

  1. Haga clic para emplazar el punto de inserción donde desee crear el enlace o seleccione el texto o imagen que se desee enlazar con el ancla.
  2. Haga clic en el botón Enlace. Aparecerá el cuadro de diálogo Propiedades del enlace.
  3. Defina el enlace:

    Sugerencia: Para copiar un enlace de una página web, también se puede hacer clic con el botón derecho (Control + clic en Macintosh OS) sobre un enlace de una página web y seleccionar Copiar la ruta del enlace.

  4. Para aplicar atributos adicionales o eventos JavaScript haga clic en Edición avanzada... para visualizar el editor avanzado de propiedades.
  5. Haga clic en Aceptar.
  6. Para comprobar el enlace que se acaba de crear, abra el menú Archivo, seleccione Visualizar página en el navegador y haga clic en el enlace.

Volver al principio de la sección ]

Utilizar imágenes como enlaces

Se puede hacer que los archivos de imagen, tales como JPEG, GIF o PNG se comporten como enlaces. Cuando un lector haga clic en la imagen enlace, la ventana del navegador mostrará la página a la cual enlazaba la imagen.

  1. Seleccione una imagen de la página.
  2. Haga clic en el botón Enlace de la barra de herramientas o abra el menú Insertar y seleccione Enlace...
  3. Utilice el cuadro de diálogo Propiedades del enlace para enlazar la imagen con un enlace interno o titular de la página o a una página remota.

Truco: Arrastre y suelte una imagen con enlace desde la ventana de Navigator dentro de una ventana de Composer para copiar ambos, la imagen y el enlace.

Nota: Para eliminar el borde azul de las imágenes utilizadas como enlaces, abra el cuadro de diálogo Propiedades del enlace e introduzca 0 en el campo Borde sólido.

Volver al principio de la sección ]

Eliminar o deshabilitar enlaces

Para eliminar un enlace:

  1. Seleccione el texto (normalmente subrayado y en azul) o la imagen con enlace.
  2. Abra el menú Formato y seleccione Borrar enlaces.

Para deshabilitar un enlace y que el texto que se escriba tras el enlace no esté incluido como parte de este:

  1. Haga clic para emplazar el punto de inserción donde desee que termine el enlace.
  2. Abra el menú Formato y seleccione Descontinuar enlace.

Volver al principio de la sección ]


Publicar sus páginas en la web

Si sus páginas existen únicamente en su disco duro local, usted podrá navegar por ellas, pero nadie más podrá hacerlo. Composer le permite publicar sus páginas a un ordenador remoto llamado servidor web. Cuando publica sus páginas en un servidor web, Composer copia ("sube") sus páginas a un ordenador que permite a otras personas navegar por elas. Para encontrar un servidor web donde pueda publicar sus páginas, consulte a su ISP (Proveedor de Servicios de Internet) o al administrador del sistema.

 

En esta sección:

Publicar un documento

Actualizar un documento publicado

Cambiar el nombre del archivo o la dirección de publicación

Crear un nuevo sitio de publicación

Cambiar el sitio de publicación predeterminado

Eliminar un sitio de publicación

Configuraciones de publicación

 

Publicar un documento

Para publicar un documento en un servidor web:

  1. Abra el documento HTML que desee publicar o cree una nueva página de Composer.
  2. Abra el menú Archivo y seleccione Publicar. Si se ha definido con anterioridad una dirección de publicación por defecto para el documento, Composer lo cargará a esa dirección.
  3. Para ver la página introduzca la dirección HTTP de la misma en la barra de dirección de Navigator. Compruebe los enlaces de la página y asegúrese de que no existen imágenes rotas.

Volver al principio de la sección ]

Trucos para evitar enlaces e imágenes rotas

Volver al principio de la sección ]

 

Actualizar un documento publicado

Volver al principio de la sección ]

 

Cambiar el nombre del archivo o la dirección de publicación

Volver al principio de la sección ]

 

Crear un nuevo sitio de publicación

Volver al principio de la sección ]

 

Cambiar el sitio de publicación predeterminado

Volver al principio de la sección ]

 

Eliminar un sitio de publicación

Volver al principio de la sección ]

 

Configuraciones de publicación

(Incluir también un enlace a las preferencias globales de publicación)

 

En esta sección:

Publicar una página - Publicar

Publicar una página - Configuraciones

Configuraciones de publicación

 

Publicar una página - Publicar

Volver al principio de la sección ]

 

Publicar una página - Configuraciones

Volver al principio de la sección ]

 

Configuraciones de publicación

Volver al principio de la sección ]


Preferencias de Composer

Esta sección describe las configuraciones del panel de preferencias de Composer. Si no se está visualizando el panel, siga estos pasos:

  1. Abra el menú Editar y seleccione Preferencias...
  2. Haga doble clic en la categoría Composer para expandir la lista.

 

En esta sección:

Preferencias de Composer - Composer

Preferencias de Composer - Parámetros de nueva página

Preferencias de Composer - Publicar

 

Preferencias de Composer - Composer

Las preferencias de Composer permiten especificar configuraciones para el almacenamiento de archivos y edición de tablas. Estas configuraciones se aplican a todos los documentos que se creen.

Si no se está viendo las preferencias de Composer siga estos pasos:

  1. Abra el menú Editar y seleccione Preferencias...
  2. Haga clic en la categoría Composer.

Volver al principio de la sección ]

 

Preferencias de Composer - Parámetros de nueva página

Los parámetros de nueva página permiten especificar las configuraciones de colores e imágenes de fondo que se aplicarán sobre todos los documentos que se creen.

Si no está viendo aún la ventana de preferencias de Parámetros de nueva página, siga estos pasos:

  1. Abra el menú Editar y seleccione Preferencias...
  2. Abra la categoría Composer y haga clic en Parámetros de nueva página.

Para cambiar el nombre del autor de una página: Abra el menú Formato y seleccione Título y propiedades de la página...

Para cambiar los colores e imagen de fondo de una página: Abra el menú Formato y seleccione Color y fondo de la página..

Volver al principio de la sección ]

 

Preferencias de Composer - Publicar

Texto por escribir.

Volver al principio de la sección ]

 


27 de febrero de 2002, traducido el 28 de octubre de 2002