Cómo agregar y formatear texto en Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo agregar y formatear texto en Dreamweaver

Libro Relacionado

Dreamweaver CC para tontos

Por Janine Warner

Muchas personas se sorprenden gratamente de lo fácil que es crear una página web básica con texto e imágenes en Dreamweaver. Puede realizar el formato de texto básico utilizando las opciones de formato HTML de Dreamweaver, incluidas las etiquetas de encabezado y párrafo. Comience con estas etiquetas HTML básicas para mantener las cosas simples al principio.

Cómo añadir texto a una página web en Dreamweaver

Para añadir texto a una página, simplemente haga clic para insertar el cursor en la parte superior de la página y escriba. Si desea agregar texto que tiene en otro lugar, como en un archivo creado en Microsoft Word, puede copiar y pegar el texto en Dreamweaver en lugar de volver a escribirlo.

Dreamweaver ofrece muchas maneras de mantener el formato al copiar y pegar texto de otro programa. Esta característica es especialmente importante cuando se copia texto de Microsoft Word porque si se pega el texto tal cual, se corre el riesgo de incluir mucho código adicional que es exclusivo de Microsoft Word y puede causar problemas en su página web.

Puede cambiar el valor predeterminado de la forma en que Dreamweaver maneja el formateo cuando elige Edit→Paste modificando las Preferencias en la categoría Copiar/Pegar. También puede elegir Edit→Paste Especial para mostrar estas opciones cada vez que pegue nuevo contenido.

A continuación se presentan las cuatro opciones principales para insertar texto al elegir Edit→Paste Especial, así como tres maneras de refinar su elección:

  • Sólo texto: Dreamweaver elimina cualquier formato e inserta texto sin formato.
  • Texto con estructura: Dreamweaver incluye párrafos, listas, tablas y otras opciones de formato estructural.
  • Texto con estructura más formato básico: Dreamweaver incluye el formato estructural, así como el formato básico, como negrita y cursiva.
  • Texto con estructura más formato completo: Además de las opciones anteriores, Dreamweaver incluye el formateo creado por hojas de estilo en programas como Microsoft Word.
  • Retener saltos de línea: Los saltos de línea se conservan, incluso si no mantiene otras opciones de formato. Esta opción no está disponible si selecciona Sólo texto.
  • Limpie el espacio entre párrafos de palabras: Esta opción elimina el código de formato especial exclusivo de Microsoft Word y es innecesario (y no recomendado) para el texto en la web.
  • Convierta citas inteligentes en citas directas: Las comillas inteligentes, el nombre común de las comillas rizadas que a los diseñadores les encanta utilizar en los documentos impresos, requieren un carácter especial para que se muestre correctamente en la Web, y ese carácter especial no funciona en todos los navegadores web. Para evitar este problema potencial, seleccione esta casilla y convierta todas sus citas inteligentes en citas directas.

Cómo formatear texto con las etiquetas de encabezado en Dreamweaver

Una de las mejores opciones de formato para los titulares es la colección de etiquetas de encabezado. En HTML, el uso de etiquetas de encabezado (

,

, y así sucesivamente) para formatear texto que sirve como título o encabezado ofrece muchas ventajas. Las etiquetas de encabezado están diseñadas para ser mostradas en tamaños relativos, con

el más grande,

más pequeño,

más

pequeño aún

,

más

pequeño, y así sucesivamente a través de

.

Así que no importa cuál sea el tamaño de texto predeterminado de una página web (y los tamaños de texto pueden variar según la configuración del navegador y la plataforma del ordenador), cualquier texto formateado con una

etiqueta es siempre más grande que el texto formateado con

.

La creencia popular es que muchos motores de búsqueda dan prioridad a las palabras clave en el texto formateado con una

etiqueta porque el texto más importante de una página generalmente se incluye en el encabezado de mayor tamaño. Del mismo modo, los expertos en motores de búsqueda le dirán que debe utilizar la

etiqueta

sólo una vez por página.

Para formatear el texto con una etiqueta de encabezado, siga estos pasos:

  1. Resalte el texto que desea formatear.
  2. En el inspector de propiedades, en la parte inferior del espacio de trabajo, asegúrese de que el botón HTML del lado izquierdo del inspector esté seleccionado.
  3. Utilice la lista desplegable Formato para seleccionar una opción de encabezado Cuando se aplican las etiquetas de encabezado, el texto cambia automáticamente a grande y en negrita en la vista Diseño.

En general, el inspector de propiedades es la forma más fácil de aplicar formato básico, pero también puede encontrar estas opciones de formato HTML seleccionando Format→Paragraph Formato y luego seleccionando una opción de encabezado en el submenú que aparece.

Cómo añadir párrafos y saltos de línea en Dreamweaver

Cuando creas diseños de páginas para la web, debes trabajar dentro de muchas limitaciones que pueden parecer confusas al principio. El diseño web y el diseño impreso son fundamentalmente diferentes, y eso puede hacer que incluso las tareas aparentemente simples sean más complicadas de lo que usted podría esperar. La forma de crear párrafos y saltos de línea es un buen ejemplo.

Si está trabajando en la vista Diseño en Dreamweaver y presiona la tecla Enter (Windows) o la tecla Return (Mac), Dreamweaver inserta una etiqueta de párrafo, o

, en el código, que crea un salto de línea seguido de una línea en blanco.

Si desea un salto de línea sin la línea en blanco adicional, mantenga pulsada la tecla Mayús mientras pulsa Intro (o Volver) para decirle a Dreamweaver que inserte la etiqueta
en el código, creando un único salto de línea.

La mejor práctica es evitar el uso de múltiples párrafos o etiquetas de ruptura para crear espacio extra en una página web (y no todos los navegadores mantendrán el espacio en blanco si lo crea de esa manera). Si desea añadir mucho espacio entre párrafos u otros elementos en una página, su mejor opción es utilizar CSS.

Si está trabajando en la vista Código y agrega espacio utilizando la tecla Intro o Retorno, agregue espacio en blanco dentro del código. El espacio adicional en el código HTML puede ser útil porque el espacio adicional puede hacer que el código sea más fácil de leer, pero en general, no afecta a la forma en que se muestra una página en la vista Diseño o en un navegador web.

Leave a Reply