Ayuda Ejercicios Unidad 4. Modificar las propiedades CSS

Ejercicio 1: Deportes

Apartado 1 Para abrir el sitio Deportes hay que seleccionarlo en el panel Archivos. Puedes abrir el panel a través del menú Ventana, opción Archivos. Seleccionar el sitio Deportes en el menú desplegable que aparece en la parte superior del panel.

Apartado 2 Para abrir el documento menu.htm hay que hacer doble clic sobre este archivo, en la lista de archivos que aparecen en el panel Archivos.

Apartado 3 Si no aparece el panel CSS, ábrelo a través del menú Ventana, opción Estilos CSS.

Una vez abierto haz clic en el botón Nueva regla CSS y se abrirá un cuadro de diálogo.

En Tipo de Selector selecciona Etiqueta.

En Etiqueta selecciona body.

Y en Definir en selecciona Sólo en este documento.

Pulsa el botón Aceptar y se abrirá el diálogo dónde asignarás las propiedades CSS.

Haz clic en la categoría Cuadro y en el marco Margen asegúrate de que la opción Igual para todo esta activada. En el campo Sup. escribe 0.

Haz clic en la categoría Fondo y modifica las propiedades Posición horizontal a centrar y Posición vertical a superior.

Apartado 4 Para abrir los documentos donde.htm, instalaciones.htm, quienes.htm y reservas.htm hay que hacer doble clic sobre estos archivos, en la lista de archivos que aparecen en el panel Archivos.

Apartado 5 Si no aparece el panel CSS, ábrelo a través del menú Ventana, opción Estilos CSS.

Una vez abierto, deberás seguir estos pasos en los 4 documentos que acabas de abrir.

Haz clic en el botón Nueva regla CSS y se abrirá un cuadro de diálogo.

En Tipo de Selector selecciona Etiqueta.

En Etiqueta selecciona body.

Y en Definir en selecciona Sólo en este documento.

Pulsa el botón Aceptar y se abrirá el diálogo dónde asignarás las propiedades CSS.

Haz clic en la categoría Fondo y modifica la propiedad Anexo a fijo.

Apartado 6 Haz clic sobre la pestaña del archivo instalaciones.htm y seleccionar las seis líneas que hacen referencia a las instalaciones. Hacer clic sobre el botón Lista sin ordenar .

Apartado 7 Pulsa dos veces sobre el botón Sangría de texto .

Pulsar fuera de la lista para que se apliquen los cambios.

Apartado 8 Para cada uno de los archivos, hacer clic sobre el botón Guardar , y después sobre el botón Cerrar .

Ejercicio 2: Animales

Apartado 1 Para abrir el sitio Animales hay que seleccionarlo en el panel Archivos. Puedes abrir el panel a través del menú Ventana, opción Archivos. Seleccionar el sitio en el menú Animales desplegable que aparece en la parte superior del panel Archivos.

Apartado 2 Para abrir el documento perros.htm hay que hacer doble clic sobre él, en el panel Archivos.

Apartado 3 Selecciona el título Perros y en el Inspector de propiedades haz clic en el botón y en para ponerlo en cursiva y negrita.

También selecciona 36 en el desplegable Tam.

Apartado 4 Despliega el campo Estilo y selecciona la opción Cambiar nombre...

Se abrirá un cuadro de diálogo, deberás darle el nombre titulo al estilo.

Apartado 5 Selecciona el texto Cuidados Postnatales y en el Inspector de propiedades haz clic en el botón y en para ponerlo en cursiva y negrita.

También selecciona 16 en el desplegable Tam.

Apartado 6 Despliega el campo Estilo y selecciona la opción Cambiar nombre...

Se abrirá un cuadro de diálogo, deberás darle el nombre titulo2 al estilo.

Apartado 7 Para acceder a las porpiedades del documento haz clic en un área vacía de la página y en el Inspector de propiedades haz clic sobre el botón Propiedades de la página...

En la categoría Aspecto selecciona Georgia en el desplegable Fuente de la página.

Escoge 16 en el campo Tamaño.

En Color del fondo escribe #CCCC99.

Apartado 8 Para exportar los estiloa a un archivo .css abre el panel CSS a través del menú Ventana, opción Estilos CSS.

Pulsa el botón Todo para ver todos los estilos aplicados sobre la página en este momento.

Haz clic derecho sobre <style> y selecciona Exportar... para exportar todos los estilos de la página.

Busca la carpeta del sitio en el cuadro de diálogo que se te muestra y guarda la hoja de estilos como estilo.css.

Se vinculará al documento automáticamente.

Apartado 9 Para abrir el documento inicio.htm hay que hacer doble clic sobre él, en el panel Archivos.

Para vincular la hoja de estilos a la página haz clic en el botón Adjuntar hoja de estilos del panel CSS. En el siguiente cuadro de diálogo haz clic en el botón Examinar y selecciona el archivo estilo.css. Confirma que el campo Añadir como tiene la opción Vincular activada.

Apartado 10 Para abrir el documento consultas.htm hay que hacer doble clic sobre él, en el panel Archivos.

Para vincular la hoja de estilos a la página haz clic en el botón Adjuntar hoja de estilos del panel CSS. En el siguiente cuadro de diálogo haz clic en el botón Examinar y selecciona el archivo estilo.css. Confirma que el campo Añadir como tiene la opción Vincular activada.

Apartado 11 Selecciona el texto Consultas y en el campo Estilo del inspector de propiedades selecciona titulo.

Apartado 12 Para abrir el documento gatos.htm hay que hacer doble clic sobre él, en el panel Archivos.

Para vincular la hoja de estilos a la página haz clic en el botón Adjuntar hoja de estilos del panel CSS. En el siguiente cuadro de diálogo haz clic en el botón Examinar y selecciona el archivo estilo.css. Confirma que el campo Añadir como tiene la opción Vincular activada.

Apartado 13 Selecciona el texto Gatos y en el campo Estilo del inspector de propiedades selecciona titulo.

Apartado 14 Selecciona el texto ¿Cómo Prevenir Los Problemas Dentales? y en el campo Estilo del inspector de propiedades selecciona titulo2.

Apartado 15 Seleccionar las cuatro últimas líneas.

Hacer clic sobre el botón Lista sin ordenar .

Hacer clic sobre el botón Sangría de texto .

Pulsar fuera de la lista para que se aplique el último cambio.

Apartado 16 Para todos los documentos abiertos, hacer clic sobre el botón Guardar Todo .