Tu portal de
formación online

Infórmate
Inicio » Catálogo » Curso de Dreamweaver MX 2004 » Alineación de Párrafos.

Curso de Dreamweaver MX 2004

Alineación de Párrafos.

Para establecer la alineación del Párrafo:

  1. Situamos el cursor en el Párrafo que queremos modificar.
  2. Selecciona en el Inspector de 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.



Sangría de Párrafos.

Para modificar la sangría del Párrafo:

  1. Situamos el cursor en el párrafo que queremos sangrar.
  2. En el Inspector de 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>.
Propiedades fundamentales del texto.


Listas.

Hay tres tipos de listas:

  • Listas sin ordenar: También llamadas viñetas. Se introducen por medio del icono de Viñetas del Inspector de 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 Inspector de Propiedades.
Numeración
HTML
  1. Rojo
  2. Verde
  3. Azul
<ol>
<li>Rojo</li>
<li>Verde</li>
<li>Azul</li>
</ol>
  • Listas de definición:

Diferente a las anteriores y poco utilizada. Diferencia entre término de la definición y descripción de la definición (más sangrados). Este tipo de lista solo se puede aplicar eligiéndola desde el menú Texto>Lista.

Para crear una lista nueva.

    1. Situamos el cursor en el lugar en el que deseamos añadir la lista y actuamos como sigue:
      • Hacemos clic en el botón Lista ordenada o Lista sin ordenar del inspector de Propiedades.
      • Elegimos Texto > Lista y seleccione el tipo de lista deseado: Lista sin ordenar (con viñetas), Lista ordenada (numerada) o Lista de definición.
    2. Escribimos el texto del elemento de la lista y presiona INTRO para crear otro elemento de la lista.
    3. Para terminar la lista, desactiva el icono de la lista en el inspector de Propiedades.

Para crear una lista usando texto existente

    1. Seleccionamos una serie de párrafos para convertirlos en una lista.
    2. Hacemos clic en el botón Lista sin ordenar o Lista ordenada del Inspector de 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 aquélla que contiene otras listas. Por ejemplo, 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 Inspector de Propiedades o elegimos Texto> Sangría.
    Dreamweaver 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 de Propiedades . Aparecerá un menú de dialogo 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: si son viñetas, círculos o cuadrados, y si 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 solo sobre el elemento en el que esté situado el cursor.
  • Rest recuento a : Actúa como el campo Iniciar recuento pero solo sobre el elemento en el que esté situado el cursor.
Listas


Regla horizontal.

Para insertar una línea horizontal de separación simplemente habrá que seleccionar la opción Insertar>HTML>Regla horizontal o desde la solapa HTML del panel Insertar . En el código HTML de la línea se representará como <hr>.


Una vez insertada se le pueden modificar las propiedades desde el Inspector de Propiedades. Al seleccionar la regla horizontal nos ofrece estas posibilidades:

Desde estos campos podemos determinar:

  • nombre específico para diferenciarla en el código (no se suele utilizar)
  • el ancho de la regla (en píxeles o en tanto por ciento con respecto al ancho de la pagina)
  • el alto de la regla
  • su alineación en la página
  • si tendrá sombreado o no
Regla Horizontal

 

¡NOTA! Te habrás fijado en que con estas herramientas no podemos definir a nuestro gusto detalles como el ancho de la sangría, el interlineado, otros estilos de fuente, el margen de los párrafos, etc. Para ello, con Dreamweaver, deberemos utilizar Estilos CSS más avanzados, que veremos más adelante.


Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver MX 2004 y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.