Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa | Próxima revisión Ambos lados, revisión siguiente | ||
clase:daw:diw:1eval:tema03 [2020/09/09 09:22] admin [Ejercicio 7] |
clase:daw:diw:1eval:tema03 [2020/09/09 18:14] admin |
||
---|---|---|---|
Línea 46: | Línea 46: | ||
- | ====== Modelo de caja ====== | + | ===== Modelo de caja ===== |
El modelo de java le dice al navegador si cuando indicamos el ancho, ese ancho incluye o no al padding y al borde. Por defecto no los incluye pero lo ideal es que el ancho si que incluya el padding y el borde, por eso hay que usar la propiedad " | El modelo de java le dice al navegador si cuando indicamos el ancho, ese ancho incluye o no al padding y al borde. Por defecto no los incluye pero lo ideal es que el ancho si que incluya el padding y el borde, por eso hay que usar la propiedad " | ||
Línea 79: | Línea 79: | ||
</ | </ | ||
- | ====== display | + | ===== display ===== |
En la propiedad " | En la propiedad " | ||
* inline: Para un elemento que forma parte de un párrafo. | * inline: Para un elemento que forma parte de un párrafo. | ||
Línea 92: | Línea 92: | ||
- | ====== display: | + | ===== display: |
* " | * " | ||
* " | * " | ||
Línea 100: | Línea 100: | ||
- | ====== & | + | ===== ===== |
Hace que un espacio con "& | Hace que un espacio con "& | ||
Línea 106: | Línea 106: | ||
* [[https:// | * [[https:// | ||
- | ====== Sombras | + | ===== Sombras ===== |
Las sombras se usan para dar sensación de profundidad sin necesidad de bordes. Suponemos que la luz viene de arriba. | Las sombras se usan para dar sensación de profundidad sin necesidad de bordes. Suponemos que la luz viene de arriba. | ||
Línea 118: | Línea 118: | ||
- | ====== Meter & Progress | + | ===== Meter & Progress ===== |
Etiquetas HTML para: | Etiquetas HTML para: | ||
* Barra de progreso: | * Barra de progreso: | ||
Línea 128: | Línea 128: | ||
- | ====== Ejercicios | + | ===== Ejercicios ===== |
- | ===== Ejercicio 1 ===== | + | ==== Ejercicio 1 ==== |
Prueba a pintar una caja de tamaño 200px y añade un padding de 50px y un borde de 30px. | Prueba a pintar una caja de tamaño 200px y añade un padding de 50px y un borde de 30px. | ||
Línea 137: | Línea 137: | ||
Ahora añade un margen de 100px y mira si ahora cambia el tamaño con " | Ahora añade un margen de 100px y mira si ahora cambia el tamaño con " | ||
- | ===== Ejercicio 2 ===== | + | ==== Ejercicio 2 ==== |
Indica para los siguientes elementos que tipo de display es el mas adecuado: | Indica para los siguientes elementos que tipo de display es el mas adecuado: | ||
* inline | * inline | ||
Línea 152: | Línea 152: | ||
- | ===== Ejercicio 3 ===== | + | ==== Ejercicio 3 ==== |
Imagina un ejemplo de página web en la que al hacerse algo invisible sea mejor usar '' | Imagina un ejemplo de página web en la que al hacerse algo invisible sea mejor usar '' | ||
- | ===== Ejercicio 4 ===== | + | ==== Ejercicio 4 ==== |
Imagina un ejemplo de página web en la que sea mejor usar "& | Imagina un ejemplo de página web en la que sea mejor usar "& | ||
- | ===== Ejercicio 5 ===== | + | ==== Ejercicio 5 ==== |
Haz una página web como la siguiente (Solo debe estar el fondo, las cajas y las sombras): | Haz una página web como la siguiente (Solo debe estar el fondo, las cajas y las sombras): | ||
Línea 166: | Línea 166: | ||
- | ===== Ejercicio 6 ===== | + | ==== Ejercicio 6 ==== |
Haz una página web en la que se muestre el uso de la CPU usando la etiqueta ''< | Haz una página web en la que se muestre el uso de la CPU usando la etiqueta ''< | ||
* Menos del 25% de uso de CPU es bueno | * Menos del 25% de uso de CPU es bueno | ||
Línea 173: | Línea 173: | ||
El valor que se usará en el ''< | El valor que se usará en el ''< | ||
- | ===== Ejercicio 7 ===== | + | ==== Ejercicio 7 ==== |
Haz una página web en la que se muestre la velocidad de la red usando la etiqueta ''< | Haz una página web en la que se muestre la velocidad de la red usando la etiqueta ''< | ||
* Menos del 20 mb/s de velocidad es malo | * Menos del 20 mb/s de velocidad es malo |