Solo hemos de empezar a escribir en el espacio vacío del documento pulsando

Enter para saltar de línea.

Para ir viendo y comprendiendo un poco mas el lenguaje htm, es conveniente que ahora, al principio, usemos la opción de ver a la vez el código fuente y diseño. Pulsando en el botón superior, central, se dividirá el espacio de trabajo:

Pero alerta eh? aseguraos bien de mantener siempre el cursor en la zona de Diseño. Al menos hasta que no sepáis bien moveros entre una u otra Para darle formato al texto, tenemos el Inspector de Propiedades:

Recordamos que según la dirección de la flecha, se oculta o despliega, pero si ni aun vemos la flecha con el nombre:

Vamos a Ventana/Propiedades:

Y aparecerá

Para modificar el texto, primero lo seleccionamos con el cursor del ratón:

Seleccionamos la frase, aplicamos Encabezado 1, lo centramos. No modificamos el tipo de fuente ni el tamaño, porque Encabezado 1 ya lo hace él solo, ( es lenguaje htm y elegimos color:

*Nota: Es muy importante que entendamos que ahora solo estamos dando formato a un texto, un texto que no esta insertado en una tabla…. mas tarde, la alineación la daremos a la tabla, y a la celda que serán los continentes del texto, imagen, etc…. y el texto, imagen, etc… llevará la alineación con estilos, propios, creados no como ahora, automáticamente, si no en una hoja con la extensión .css, que veremos mas adelante.

Comprobar como son las etiquetas htm, seguro que algunas ya os suenan eh?

h1= encabezado 1
align=”center”= centrado
class= “Estilo1″= color

Vamos a modificar ahora la segunda frase vale? La seleccionamos y:

Centramos, cambiamos el tipo de fuente, el tamaño de la fuente, ponemos en negrita y otro color:

Dremweaver, creó ahora Estilo2

Estilo2 = tipo de fuente, color, negrita.

Esto quita muchas etiquetas en el código fuente, mas limpieza de código, menos peso, más ligereza al cargar una página

*Nota: Desde ya os aviso que la cuestión Estilos, es una pasada, a la vez que lo mas complicado, que no difícil eh? pero se pueden crear toda una pagina con diseño y sin una sola tabla, con estilos! Una pasada!!

Ahora vamos a poner un color de fondo a la pagina, en Inspector de Propiedades, pulsamos en Propiedades de la pagina y se nos abre un cuadro de dialogo:

En categoría Aspecto, elegimos un color para el fondo. Pulsando en la flechita, aparecera la carta de colores, pulsando sobre el que deseemos, se aplicará automáticamente. En código fuente o diseño, podremos verlo así:

Para ver el efecto a página completa, pulsamos F12, (a veces puede no funcionar ) o como antes en Vista previa, también desde Archivo/Vista Previa. O nos vamos a la carpeta mi_primer_sitio y pulsando sobre el documento index.htm lo cargamos haciendo doble clic sobre él. Se abrirá con el navegador que rengáis predeterminado, si queréis uno en concreto, pincháis con el botón derecho del raton y elegimos Abrir con… Bueno… si falla uno… siempre hay otro modo no?