Читать книгу Aprender Dreamweaver CS5 con 100 ejercicios prácticos - MEDIAactive - Страница 22

015Introducir texto

Оглавление

IMPORTANTE

El panel Insertar se sitúa por defecto a la derecha del área de trabajo, pero puede arrastrarlo hasta colocarlo donde más le convenga, por ejemplo, dispuesto horizontalmente debajo de la Barra de menús.


EL TEXTO ES EL PRINCIPAL COMPONENTE de una página web y su inclusión no repercute prácticamente en el tiempo de descarga. En Dreamweaver, en principio, no pueden ser insertados dos espacios en blanco seguidos. Los textos de una página quedan divididos en párrafos que se crean al pulsar la tecla Retorno. Los navegadores Web insertan automáticamente una línea en blanco de espacio entre los párrafos. El programa permite añadir una única línea de espacio entre los párrafos mediante un salto de línea que se añade con la combinación Mayúsculas + Retorno.

1.Para realizar las prácticas de texto utilizaremos las páginas del sitio elemental, creado anteriormente. Empezaremos editando su página principal. En el panel Archivos, active ese sitio y haga doble clic en el archivo index.htm para abrirlo.


2.En los documentos carentes de contenido el cursor de edición queda situado en la primera línea de la página. Escriba la palabra casa y pulse la barra espaciadora de su teclado.

3.Pulse nuevamente la barra espaciadora para comprobar que no se pueden insertar dos espacios seguidos, complete la frase escribiendo el término en venta y pulse la tecla Retorno.

4.Se crea así un segundo párrafo en la página. En la Barra de estado, aparece la etiqueta identificativa de este elemento, <p>. Teclee la frase visite nuestro sitio.


Compruebe que, al añadir un párrafo, aparece en la Barra de estado su etiqueta identificativa, <p>.


Dreamweaver pasa a la siguiente línea cuando el texto alcanza el margen derecho de la página.

5.Entre los dos párrafos queda una línea en blanco, ya que los navegadores web la insertan automáticamente para espaciar los diferentes bloques de texto de una página. Pero el programa permite la inserción de los llamados saltos de línea. Abra el menú Insertar, pulse en la opción HTML, elija la opción Caracteres especiales y seleccione el comando Salto de línea.


El programa permite definir el comportamiento de los saltos de línea en el cuadro de diálogo Preferencias.

6.La nueva línea forma parte del mismo párrafo que la anterior. De este modo no queda una línea en blanco entre las dos escritas. Pulse la tecla Retroceso.

7.Para introducir un salto de línea mediante el teclado, pulse la combinación de teclas Mayúsculas+Retorno y, en la nueva línea, escriba la frase de ejemplo ver foto ampliada.


El comando Salto de línea permite introducir un salto de carro sin cambiar de párrafo.

8.La barra de herramientas Insertar permite la inserción distintos elementos. Abra el menú Ventana y haga clic en Insertar.

9.Esta barra presenta una ficha dedicada a los elementos de texto. Haga clic en el botón de punta de flecha superior donde está seleccionado Común y seleccione la opción Texto.


El último icono de la ficha Texto del panel Insertar incluye una lista de caracteres especiales que pueden insertarse en el documento.

10.Sus opciones permiten la inserción directa de etiquetas HTML relacionadas con el texto. Haga clic en el último botón de esta pestaña, que engloba todos los caracteres especiales, y seleccione el comando Salto de línea.


11.Para acabar almacenaremos los cambios efectuados. Resulta conveniente hacerlo frecuentemente para evitar pérdidas accidentales. Recuerde que si quiere conservar el documento en su estado original puede utilizar el comando Guardar como para crear una copia. Pulse el comando Guardar, cuyo icono muestra un disquete en la barra de herramientas Estándar.

Aprender Dreamweaver CS5 con 100 ejercicios prácticos

Подняться наверх