Cómo agregar y formatear el texto en Dreamweaver

Muchas personas están gratamente sorprendidos por la facilidad con que pueden crear una página web básico con el texto y las imágenes en Dreamweaver. Usted puede hacer formato de texto básico mediante el uso de opciones de formato HTML de Dreamweaver, incluyendo las etiquetas de título y párrafo. Comience con estas etiquetas HTML básicas para facilitar las cosas al principio.

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

Para añadir texto a una página, basta con hacer clic para insertar el cursor en la parte superior de una página y el tipo. Si desea agregar texto que tiene en otro lugar, como por ejemplo en un archivo creado en Microsoft Word, puede copiar y pegar el texto en Dreamweaver en lugar de tener que escribirla.

Dreamweaver ofrece muchas maneras de mantener el formato al copiar y pegar texto desde otro programa. Esta característica es especialmente importante cuando se copia el texto desde Microsoft Word, porque si sólo pegar texto como está, corre el riesgo de que incluye una gran cantidad de código extra que es única para Microsoft Word y puede causar problemas en su página web.

Puede cambiar las preferencias para Dreamweaver cómo maneja el formato cuando se selecciona Editar → Pegar mediante la alteración de las preferencias en la categoría de copiar / pegar. También puede elegir Edición → Pegado especial para mostrar estas opciones en cualquier momento de pegar el nuevo contenido.

Video: 003 - Adobe DreamWeaver CS - Texto y formato

Los siguientes son sus cuatro opciones principales para la inserción de texto cuando se selecciona Editar → Pegado especial, así como tres maneras para refinar su elección:

Solo texto: Dreamweaver tiras de 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 y formato básico: Dreamweaver incluye formato estructural, así como el formato básico, como negrita y cursiva.
Texto con estructura y formato completo: Además de las opciones anteriores, Dreamweaver incluye el formato creado por las hojas de estilo en programas como Microsoft Word.
Retener saltos de línea: Los saltos de línea se conservan, incluso si usted no mantiene otras opciones de formato. Esta opción no está disponible si selecciona Sólo texto.
Limpiar Palabra espacio entre párrafos: Esta opción elimina código especial de formato único para Microsoft Word y es innecesaria (y no se recomienda) para el texto en la web.
Convertir comillas tipográficas a comillas rectas: Las comillas tipográficas - el nombre común de esas comillas curvas de fantasía que los diseñadores les gusta utilizar en los documentos de impresión - requieren un carácter especial que se mostrará correctamente en la web, y que el carácter especial no funciona en todos los navegadores web. Para evitar este posible problema, seleccione esta casilla y convertir todos sus comillas tipográficas a las rectas.

Cómo dar formato al texto con las etiquetas de título en Dreamweaver

Una de las mejores opciones de formato para los titulares es la colección de etiquetas de título. En HTML, usando etiquetas del título (,, etc.) para formatear el texto que sirve de título o titular ofrece muchas ventajas. etiquetas de título están diseñados para ser visualizado en tamaños relativos, con el más grande, más pequeño, más pequeño aún, y así sucesivamente hasta

Así que no importa cuál es el tamaño del texto por defecto de una página web (y tamaños de texto puede variar debido a la configuración del navegador y plataforma informática), cualquier texto formateado con una etiqueta es siempre mayor 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 debido a que el texto más importante en una página se incluye generalmente en el mayor tamaño de la titular. Del mismo modo, los expertos del motor de búsqueda le dirá que usted debe usar la etiqueta sólo una vez por página.

Para dar formato al texto con una etiqueta de encabezado, siga estos pasos:

Resalta el texto que desea dar formato.
En el inspector de propiedades, en la parte inferior del espacio de trabajo, asegúrese de que se selecciona el botón HTML en el lado izquierdo del inspector.
Utilice la lista desplegable Formato para seleccionar una opción de título.
Cuando se aplican las etiquetas de encabezado, el texto cambia automáticamente a convertirse en grande y en negrita en la vista Diseño.

Video: dreamweaver 8 textos colores y mas

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

Cómo agregar párrafos y saltos de línea en Dreamweaver

Al crear diseños de páginas de la web, se debe trabajar dentro de muchas limitaciones que pueden parecer confuso al principio. diseño web y diseño de impresión son fundamentalmente diferentes, y que pueden hacer incluso las tareas aparentemente simples más complicado de lo que cabría esperar. Cómo crear párrafos y saltos de línea es un buen ejemplo.

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

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

Si desea un salto de línea sin la línea en blanco, mantenga pulsada la tecla Shift mientras se pulsa Intro (o Retorno) para indicar a Dreamweaver para insertar la etiqueta en el código, creando un único salto de línea.

La mejor práctica es evitar el uso de múltiples etiquetas de párrafo o de ruptura para crear espacio adicional en una página web (y no todos los navegadores mantendrá el espacio en blanco si se crea de esta manera). Si desea agregar una gran cantidad de espacio entre párrafos u otros elementos en una página, su mejor opción es el uso de CSS.

Si está trabajando en la vista Código y agregue el espacio utilizando la tecla Intro o Retorno, se agrega espacio en blanco dentro del código. El espacio adicional en el código HTML puede ser útil porque el espacio extra puede hacer que el código 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.