CREAR PAGINA EN BLANCO

Para crear una página completamente en blanco y realizar su propio diseño.

• Seleccione Archivo > Nuevo.
• En la categoría Nuevo documento, seleccione el tipo de páginas que quiere crear en la columna Tipo de documento. Por ejemplo, seleccione HTML para crear una página 
• En diseño seleccione Ninguno para crear una página sencilla

 Propiedades del documento

Es conveniente definir sitios homogéneos, que todas las páginas de un sitio sigan un mismo formato, es decir, que tengan el mismo color de fondo, de fuente, etc.

Puede definirse el formato de cada una de las páginas a través del cuadro de diálogo Propiedades de la página.

Este cuadro se puede abrir de tres modos diferentes:

•         Pulsar la combinación de teclas Ctrl + J.
•          Hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página.
•         Hacer clic con el botón derecho del ratón sobre el fondo de la página. Aparecerá al final del menú contextual la opción Propiedades de la página.

Se abrirá el cuadro de diálogo siguiente:

 En la categoría Apariencia (CSS), como ves en la imagen anterior, encontramos las propiedades:

·         Fuente de página: es el tipo de letra  que le aplicaremos al texto.

·         Tamaño: es el tamaño de la fuente que aplicaremos al texto.

·         Color del texto: es el color de la fuente.

·       Color del fondo: permite especificar un color de fondo para el documento, pero dicho color solo se mostrará en el caso de no haber establecido ninguna imagen de fondo.

·         Imagen de fondo: permite especificar una imagen de fondo para el documento. Dicha imagen se muestra en mosaico. Es importante al elegir una imagen de fondo tener en cuenta que según los colores de la imagen será necesario establecer unos u otros colores para el texto, así como que no es conveniente tener un gif animado como fondo.

·         Repetir: permite especificar si queremos que la imagen de fondo se repita o no. Si no queremos que se repita, seleccionamos la opción no-repeat. Si queremos que se repita o dejamos la opción en blanco o seleccionamos la opción repeat. Si queremos que se repita solo en horizontal seleccionamos la opción repeat-x y si queremos que se repita en vertical, entonces seleccionamos repeat-y.

·         Márgenes: permiten establecer márgenes en el documento, es decir, la distancia entre donde empieza el contenido de la página y la ventana del navegador.

 En la categoría Vínculos (CSS) encontramos las propiedades:

·         Fuente de vínculo: es el tipo de letra que mostrará el texto del vínculo.

·         Tamaño: es el tamaño del texto de los vínculos.

·         Color de vínculo: es el color de los vínculos, que ayuda al usuario a distinguir entre el texto normal y los vínculos que sirven de enlace a otras páginas.

·         Vínculos visitados: es el color de los vínculos visitados, que permite distinguir al usuario si unos vínculos ya han sido visitados o no.

·         Vínculos de sustitución: es el color del texto del vínculo cuando situamos el ratón encima del vínculo.

·         Vínculos activos: es el color de los vínculos activos.

·         Estilo subrayado: por defecto, cuando tenemos un texto con un vínculo asociado, el texto aparece subrayado, con esta opción podemos elegir otro tipo de estilo por ejemplo para que no aparezca subrayado.

En la categoría Encabezados (CSS) encontramos la propiedad:

·         Fuente de encabezado: permite establece el tipo de fuente de los encabezados.

·         El resto propiedades hacen referencia al estilo cursiva o negrita, así como al tamaño y color que queremos aplicar a cada tipo de encabezado.

En la categoría Título/Codificación encontramos la propiedad:

·         Título: es el título del documento, que aparecerá en la barra de título del navegador y de la ventana de documento de Dreamweaver

EJERCICIO CREAR SITIO WEB

1. Crea una carpeta en tu memoria USB,  donde guardar los archivos de las distintas  actividades que vayamos creando. Llámala sitios11X, donde X se refiere a la letra de su grado (A o B).
2. Crea en ella la carpeta valores.
3. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
4. Haz clic sobre el menú Sitio.
5. Elige la opción Administrar sitios. Se abrirá una nueva ventana.
6. Pulsa el botón Nuevo....
7. Se abrirá una nueva ventana, selecciona la opción Sitio.
8. En Nombre del sitio escribe valores.
9. En Carpeta del sitio local busca la carpeta valores que acabas de crear, y que se encuentra dentro de la carpeta sitios11X (donde X se refiere a la letra de su grado A o B). Selecciónala. Puedes hacerlo a través del botón con forma de carpeta.
10. Pulsa el botón Guardar y el sitio estará listo

EJERCICIO CREAR UN NUEVO DOCUMENTO HTML Y CONFIGURAR LAS PROPIEDADES DE LA PÁGINA.

1. Abre el menú Archivo y elige la opción Nuevo
2. Selecciona Página en blanco en Categoría.
3. Selecciona HTML en Tipo de página.
4. Haz clic sobre el botón Crear.
5. A partir de este momento vamos a realizar todos los ejercicios en la vista diseño. Haz clic sobre el botón Mostrar vista de diseño .
6. Haz clic con el botón derecho del ratón sobre el documento en blanco, para abrir su menú contextual.
7. Elige la opción Propiedades de la página en el menú contextual y selecciona la categoría Apariencia (CSS).
8. En Color de texto: escribe #FFFF00
9. En Color de fondo: escribe #000000
10. Haz clic en la categoría Vínculos CSS.
11. En Color de vínculos: escribe #DFA01B.
12. En Vínculos visitados: escribe #F9CA69.
13. En Vínculos activos: escribe #FFB900.
14. Haz clic en la categoría Título/codificación.
15. En Título, escribe Los Valores.
16. Haz clic sobre el botón Aceptar.
17. Haz clic sobre el botón Guardar  de la barra de herramientas. Guarda el documento con el nombre menu.htm, dentro de la carpeta sitios11x/valores que habrás creado en ejercicio anterior