Ayuda ejercicios unidad 4: El texto: propiedades y formato



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 index.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 Inspector de propiedades CSS, ábrelo a través del menú Ventana, opción Propiedades.

En le desplegable Regla de destino, selecciona body, y pulsa el botón Editar regla.

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

Haz clic en la categoría Fondo y modifica las propiedades Background-position (x) a center y Background-position (y) a top.

Pulsa Aceptar.

Apartado 4 En le desplegable Regla de destino del Inspector de propiedades CSS, selecciona <Nueva regla CSS>, y pulsa el botón Editar regla.

En Tipo de Selector selecciona Etiqueta.

En nombre escribe html.

Y en Definición de regla selecciona Sólo en este documento.

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

En la categoría Fondo, en la propiedad background-color escribe el valor #E0E5EF. En la propiedad Background-image elige la imagen fondo.png que encontrarás en la carpeta imagenes. En Background-repeat establece repeat-x. En las propiedades Background-position (x) elige center y Background-position (y) elige top.

Pulsa el botón Aceptar.

Para ver el resultado correctamente, utiliza la Vista en vivo o previsualízalo en el navegador.

Apartado 5. En le desplegable Regla de destino del Inspector de propiedades CSS, selecciona <Nueva regla CSS>, y pulsa el botón Editar regla.

En Tipo de Selector selecciona ID, en Nombre selecciona menu, 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.

En la categoría Tipo, escribe #EFF4FF en color, selecciona 18px en font-size y bold en font-weight.

En la categoría Cuadro, introduce 600px en la propiedad width, En el cuadro margin, desmarca la opción Igual para todo e introduce los valores Top: 80px, Right: auto, Bottom: 10px y Left auto.

En la categoría Bloque, selecciona center en Text-align. Pulsa Aceptar.

Haz clic sobre el primer texto, el que aparece en cajas punteadas y que ahora mismo tenemos sobre el fondo del logo. En la barra de estado, haz clic sobre la etiqueta table. En el Inspector de propiedades, en el campo que aparece bajo el nombre de la etiqueta, despliégalo y escribe menu.

Abre el panel Estilos CSS (menú VentanaEstilos CSS).

Haz clic en la vista todo. Selecciona el selector body,th,td. Haz clic derecho sobre él y elige Editar selector. Cámbialo por sólo body.

Apartado 6. Haz clic sobre el encabezado 1. En el desplegable Regla de destino del Inspector de propiedades CSS, selecciona <Nueva regla CSS>, y pulsa el botón Editar regla.

En Tipo de Selector selecciona Etiqueta, en Nombre selecciona h1, 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.

En la categoría Tipo, escribe #738098 en color. Pulsa Aceptar.

Puedes ver cómo se vería esta página con los cambios hechos hasta ahora aquí.

Apartado 7. Abre el panel CSS (menú VentanaEstilos CSS). Haz clic en la vista todo.

Selecciona las reglas que cuelgan de style.

Haz clic derecho sobre ellas y elige Mover reglas CSS....

Marca Una nueva hoja de estilos y pulsa Aceptar.

Asegúrate de tener elegida la carpeta del sitio Deportes, escribe el nombre estilodeportes y pulsa Guardar.

Ve al menú Archivo y elige Guardar todo.

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

Para cada uno de los archivos, ve al menú FormatoEstilos CSS Adjuntar hoja de estilos, y selecciona la hoja estilodeportes.css.

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

Apartado 9 Para cada uno de los archivos, hacer clic sobre el botón Guardar , y después sobre el botón Cerrar . O puedes pulsar en Guardar Todo , hacer clic derecho sobre las pestañas y elegir Cerrar todo.

   Inicio    



Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.