Curso de Dreamweaver CS3

Cursos Relacionados:

Estructurar de un texto web


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Maquetación Simple

Recuerda que el texto es el contenido original de una página Web. Como vimos en la lección nº 1 al inicio Internet se usaba para intercambiar artículos e investigaciones entre universidades. Por ello las etiquetas de texto están desde el principio y son pocas y simples: lo que importaba es que el texto fuera rápidamente legible.

Por ese motivo se basaron en la maquetación clásica de los periódicos: por paquetes de información que dejaran bien claro las partes en las que se divide la información y la importancia de cada una.
Es lo que se llama una maquetación semántica (el paquete imprime sentido al texto que contiene)


Esta maquetación simple de texto (de parte a parte de la pagina) es esencial.
Más adelante veremos la maquetación con tablas y las más elaborada con Estilos CSS.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Paquetes de información: Párrafos y encabezados

Bien ... ¿pero como determinamos esos paquetes de información?

La unidad básica de la estructura de un texto en una pagina Web es el PÁRRAFO, el paquete elemental.
Sí comenzamos a escribir directamente en una pagina Web virgen el texto que escribamos no formará ningún paquete, no estará dentro de ninguna etiqueta de texto (puede haber texto suelto... sin estar dentro de ningún paquete)

... pero en cuanto pulsemos la tecla INTRO introduciremos un salto de párrafo y estaremos diciendo a DW que ahí acaba un párrafo y empieza otro.

Una forma mas detallada de crear paquetes y darles más o menos importancia será usar el panel de PROPIEDADES:

  1. Seleccionamos el texto.
  2. Nos dirigimos al panel de propiedades, en concreto ,a la primera de todas: Formato.


    Desde este menú podemos determinar que clase de paquete queremos que sea o si queremos que no forme parte de ninguno.

Incluso, una vez creados los paquetes, para cambiar el formato de un paquete  a otro es más fácil.
Basta con colocar el cursor dentro de un párrafo, por ejemplo, y elegir de las opciones del menú Formato en que queremos convertirlo.

Si quieres saber cual es el paquete que en el que tienes metido el cursor basta con que nos fijemos en el selector de etiquetas y el menú Formato y nos dirán de que tipo es ese paquete:


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Salto de Párrafo vs Salto de línea

Como podemos ver después de cada paquete (ya sea párrafo normal o un tipo de encabezado) siempre hay una línea en blanco de margen.
Es lo que llamamos el Salto de Párrafo y lo introducimos pulsando la tecla INTRO.

Sí lo que queremos es pasar a la línea inmediatamente siguiente debemos de insertar un Salto de línea <br> ya sea desde el panel INSERTAR como vimos más arriba o con el comando de teclado MAYUSCULAS + INTRO.
De esta forma cambiaremos de línea SIN salir del párrafo.


Aquí vemos coloreados cada uno de los paquetes
y el margen del salto de párrafo que los separa.
En cambio un salto de línea cambia de línea sin romper el paquete


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Dreamweaver CS3 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Si desea obtener un acceso sin restricciones a los contenidos del curso de Dreamweaver CS3 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.