Unidad 3.

Ejercicio paso a paso: Crear un sitio web local

Objetivo
Practicar las operaciones que hay que realizar para crear un sitio sin conexin a Internet. En cada tema hay ejercicios paso a paso y ejercicios propuestos, en ambos casos es importante que realices los ejercicios por orden, sin saltarte ninguno. Estos ejercicios estn diseados para ir construyendo una pgina web completa y si intentas realizar un ejercicio sin haber hecho los anteriores puede que no veas un resultado muy coherente o no puedas seguir el ejercicio.

Ejercicio
1. Crea una carpeta en tu disco duro, dentro de la carpeta ejercicios donde guardar los archivos de los distintos que vayamos creando. Llmala mis_sitios. 2. Si no tienes abierto Dreamweaver, brelo para realizar el ejercicio. 3. Haz clic sobre el men Sitio. 4. Elige la opcin Administrar sitios. Se abrir una nueva ventana. 5. Selecciona el botn Nuevo..., y selecciona la opcin Sitio. Se abrir una nueva ventana. 6. Selecciona la pestaa Avanzadas de la nueva ventana. 7. Selecciona Datos locales en Categora. 8. En Nombre del sitio escribe Cocina. 9. En Carpeta raz local busca la carpeta cocina que acabas de copiar, y que se encuentra dentro de la carpeta mis_sitios. Seleccinala. Puedes hacerlo a travs del botn con forma de carpeta. 10. En Carpeta predeterminada de imgenes busca la carpeta imagenes, que se encuentra dentro de la carpeta cocina, y seleccinala. Puedes hacerlo a travs del botn con forma de carpeta. 11. Haz clic sobre el botn Aceptar y sobre el botn Listo.

Unidad 3. Ejercicio paso a paso: Crear nuevo documento y modificar sus propiedades
Objetivo.
Practicar las operaciones que hay que realizar para crear un nuevo documento html y configurar las propiedades de la pgina.

Ejercicio #1
Si no tienes abierto Dreamweaver, brelo para realizar el ejercicio. Abre el men Archivo y elige la opcin Nuevo, o bien haz clic sobre el botn herramientas. Selecciona Pgina en blanco en Categora. Selecciona HTML en Tipo de pgina. Haz clic sobre el botn Crear. A partir de este momento vamos a realizar todos los ejercicios en la vista diseo. Haz clic sobre el botn Mostrar vista de diseo . de la barra de

Haz clic con el botn derecho del ratn sobre el documento en blanco, para abrir su men contextual. Elige la opcin Propiedades categora Apariencia (CSS). de la pgina en el men contextual y selecciona la

En Color de texto: escribe #585858. En Color de fondo: escribe #FEFEFE. Haz clic en la categora Vnculos CSS. En Color de vnculos: escribe #DFA01B. En Vnculos visitados: escribe #F9CA69. En Vnculos activos: escribe #FFB900. Haz clic en la categora Ttulo/codificacin.

En Ttulo, escribe Cocina. Haz clic sobre el botn Aceptar. Haz clic sobre el botn Guardar de la barra de herramientas. Guarda el documento con el nombre menu.htm, dentro de la carpeta mis_sitios/cocina del ejercicio anterior.