Curso de Dreamweaver CS3

Para establecer la alineación del párrafo:

1. Situamos el cursor en el párrafo que queremos modificar.
2. Seleccionamos en el Panel PROPIEDADES la alineación que deseamos pulsando su botón correspondiente.
   Los diferentes códigos que se introducen son:
   • Izquierda: <p align="left">.</p>
   • Centro: <p align="center"></p>
   • Derecha: <p align="right"></p>
   • Justificar: <p align="justify"></p>

También se puede acceder desde el menú Texto>Alinear, y seleccionamos la alineación elegida.

¿HAY DIFERENCIA ENTRE <B> Y <STRONG>?

Visualmente los navegadores la interpretan igual, pero semánticamente tienen diferencias: <B> indica una negrita. Nada más que eso. El texto que engloba tiene que estar escrito con "bold". <STRONG> (DW la usa de forma predeterminada) indica que el texto que engloba se tiene que reforzar. Es más interesante la etiqueta <strong> porque le indica al navegador que ese texto es importante en la información de la página, por lo tanto lo van a tener en cuenta los buscadores a la hora de dar relevancia al contenido de nuestra página.

Para modificar la sangría del Párrafo:

1. Situamos el cursor en el párrafo que queremos sangrar.
2. En el Panel PROPIEDADES, pulsamos el icono Sangría de texto o Anular la sangría de texto según deseemos.
   Dreamweaver introduce directamente las etiquetas <blockquote> y </blockquote>.

Recuerda que esa sangría se aplicará a ambos lados del Párrafo.

Hay tres tipos de listas:

• Listas sin ordenar: También llamadas viñetas.
  Se introducen por medio del icono de Viñetas del Panel PROPIEDADES.

Viñetas	HTML
Rojo Verde Azul	<ul> <li>Rojo</li> <li>Verde</li> <li>Azul</li> </ul>

• Listas ordenadas: También llamadas numeraciones.
  Se introduce con el icono de Numeraciones del Panel PROPIEDADES.

Numeración	HTML
Rojo Verde Azul	<ol> <li>Rojo</li> <li>Verde</li> <li>Azul</li> </ol>

Para crear una lista

1. Escribimos los diferentes elementos de la lista en diferentes párrafos.
2. Seleccionamos la serie de párrafos para convertirlos en una lista.
3. Hacemos clic en el botón Lista sin ordenar o Lista ordenada del Panel PROPIEDADES ...
   ... o elegimos Texto>Lista y seleccionamos el tipo de lista deseado: Lista sin ordenar, Lista ordenada o Lista de definición.

Para crear una lista anidada:

Una lista anidada es aquella que contiene otras listas. En algunos casos puede resultar conveniente anidar una lista ordenada o con viñetas en otra numerada u ordenada. Por ejemplo:

• Extremidad Superior
  • mano
    1. falanges
    2. metacarpo
    3. muñeca
  • antebrazo
  • brazo
• Extremidad Inferior

1. Realizamos una lista simple con todos los elementos, en este caso no numerada.
2. Seleccionamos los elementos de lista que deseamos anidar.
3. Hacemos clic en el botón Sangría del Panel PROPIEDADES o elegimos Texto> Sangría.
   DW sangrará el texto y creará una lista distinta con los atributos HTML de la lista original.
4. Aplicamos un nuevo estilo o tipo de lista al texto sangrado siguiendo el procedimiento ya detallado.

PROPIEDADES DE LA LISTA

Una vez realizada una lista se puede modificar. Para modificar una lista situamos el cursor dentro de la misma y seleccionamos Texto>Listas>Propiedades ...
... o pulsamos este botón que aparece en el panel Propiedades . Aparecerá un menú de diálogo como éste:

• Tipo de lista : Cambia la representación de los elementos de toda la lista.
• Estilo : Una vez elegido un tipo de lista podemos seleccionar su estilo: sí son viñetas, círculos o cuadrados, y sí es una numeración podemos elegir que sea alfabética, en numeración romana, etc.
• Iniciar recuento : Activa si es una lista ordenada o numeración. Aquí podemos elegir por qué número comienza la lista.
• Nuevo estilo : Actúa como el campo Estilo pero sólo sobre el elemento en el que esté situado el cursor.
• Rest recuento a : Actúa como el campo Iniciar recuento pero sólo sobre el elemento en el que esté situado el cursor.