i < >

CREACIÓN DE LISTAS ORDENADAS Y SIN ORDENAR

Puede crear listas ordenadas (numeradas), listas sin ordenar (con viñetas) y listas de definición a partir de texto existente o de texto nuevo que escriba en la ventana de documento. Las listas de definición no utilizan caracteres iniciales como puntos de viñeta o números y suelen utilizarse en glosarios o descripciones. Además, las listas se pueden anidar, es decir, contienen otras listas. Por ejemplo, en algunos casos puede resultar conveniente anidar una lista ordenada o con viñetas en otra numerada u ordenada.

Para crear una lista nueva, en el documento de Dreamweaver, coloque el punto de inserción en el lugar en el que desea añadir la lista y lleve a cabo una de las siguientes operaciones:

• Haga clic en el botón Lista ordenada o Lista sin ordenar del inspector de propiedades

• Elija Texto > Lista y seleccione el tipo de lista deseado: Lista sin ordenar (con viñetas), Lista ordenada (numerada) o Lista de definición.
• El carácter inicial del elemento especificado de la lista aparecerá en la ventana de documento.
• Escriba el texto del elemento de la lista y presione Intro para crear otro elemento de la lista.
• Para terminar la lista, presione dos veces Intro.

Para crear una lista usando texto existente:

• Seleccione una serie de párrafos para convertirlos en una lista.
• Haga clic en el botón Lista sin numerar o Lista ordenada del inspector de propiedades o elija Texto > Lista y seleccione el tipo de lista deseado: Lista sin ordenar, Lista ordenada o Lista de definición.

• Para crear una lista anidada, seleccione los elementos de lista que desea anidar.
• Haga clic en el botón Sangría del inspector de propiedades o elija Texto > Sangría.
  Dreamweaver sangrará el texto y creará una lista distinta con los atributos HTML de la lista original.

• Aplique un nuevo estilo o tipo de lista al texto sangrado siguiendo el procedimiento detallado.

PROPIEDADES DE LISTA

Utilice el cuadro de diálogo Propiedades de lista para configurar el aspecto de toda una lista o de sus elementos por separado. Puede establecer el estilo de número, restablecer el recuento o configurar las opciones de las viñetas de los distintos elementos o de toda la lista.

Para establecer las propiedades de toda una lista:

• En la ventana de documento, cree al menos un elemento de lista: El nuevo estilo se aplicará automáticamente a todos los elementos que vaya añadiendo a la lista.
• Coloque el punto de inserción sobre el texto del elemento de lista, elija Texto > Lista > Propiedades para abrir el cuadro de diálogo Propiedades de lista.
• En el cuadro de diálogo que aparece, establezca las siguientes opciones que desea definir para la lista:
  • Tipo de lista especifica las propiedades de lista.
  • Elemento de lista especifica un elemento de la lista. Utilice el menú emergente para seleccionar una lista con números, con viñetas, de directorio o de menú. Dependiendo del tipo de lista que seleccione, aparecerán determinadas opciones en el cuadro de diálogo.
  • Estilo determina el estilo de los números o las viñetas empleados para una lista numerada o con viñetas. Todos los elementos de la lista tendrán este estilo a menos que especifique un estilo nuevo para determinados elementos.
  • Iniciar recuento establece el valor del primer elemento en una lista numerada.
• Haga clic en Aceptar para guardar la configuración y cerrar el cuadro de diálogo.

Para establecer las propiedades de un elemento de lista:

• En la ventana de documento, coloque el punto de inserción sobre el texto del elemento de lista que desea.
  Seleccione Texto > Lista > Propiedades.
• En el cuadro de diálogo que aparece, establezca las siguientes opciones que desea definir para el elemento de lista en la sección Elemento de lista.
  • Nuevo estilo le permite especificar un estilo para el elemento de lista seleccionado. Los estilos incluidos en el menú emergente Nuevo estilo están relacionados con el tipo de lista que aparece en el menú emergente Tipo de lista. Por ejemplo, si el menú emergente Tipo de lista muestra Lista con viñetas, en el menú Nuevo estilo sólo estarán disponibles opciones de viñetas.
  • Rest. recuento a le permite establecer un número concreto desde el que comienza la numeración de los elementos de lista.
• Haga clic en Aceptar para guardar la configuración y cerrar el cuadro de diálogo.
  

PROPIEDADES DE LISTA EN ESTILOS CSS

Utilice la categoría Lista del cuadro de diálogo Definición de estilos CSS para definir la configuración de la lista para las etiquetas de lista, por ejemplo, tamaño y tipo de viñetas.

Para definir un estilo de lista:

• Abra el panel Estilos CSS (Mayús + F11), si aún no está abierto.
• Abra el cuadro de diálogo Definición de estilos CSS llevando a cabo una de estas operaciones:
• Añadir un estilo nuevo. Para obtener información detallada, consulte Creación de un nuevo estilo CSS.
• Haga doble clic en un objeto existente para abrirlo y poder editarlo.
• En el cuadro de diálogo que aparece a continuación, seleccione Lista y configure los atributos de estilo que desee.
• Deje en blanco cualquiera de los atributos siguientes si no son importantes para el estilo:
  • Tipo establece la apariencia de viñetas o números. Ambos navegadores reconocen el atributo Tipo.
  • Imagen de viñeta permite especificar una imagen personalizada para viñetas. Haga clic en Examinar (Windows) o Seleccionar (Macintosh) para buscar una imagen o escriba la ruta de la imagen.
  • Posición determina si el elemento de texto de la lista se ajusta a una sangría (exterior) o si el texto se ajusta al margen izquierdo (interior).
• Cuando haya terminado de establecer las opciones, seleccione otra de las categorías CSS que aparecen a la izquierda en el panel para configurar atributos adicionales de estilo o haga clic en Aceptar.

i < >