Tema 7 Flashcards

1
Q

¿Qué problemas representa crear múltiples sitios web para distintos dispositivos?

A

– Dificultad de mantenimiento.

– Inconsistencia del contenido.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

¿Qué es RWD (Responsive Web Design)?

A

El Responsive Web Design (RWD) consiste en adaptar el contenido y la estructura
de una página web al dispositivo.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

El diseño responsive está basado en tres

técnicas:

A

– Un diseño flexible basado en retículas
– Imágenes y medios flexibles
– Media queries

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Para convertir las medidas fijas (en píxeles) a relativas (en porcentajes) hay que aplicar esta fórmula:

A

𝑎𝑛𝑐h𝑜 𝑒𝑛 % = (𝑚𝑒𝑑𝑖𝑑𝑎 𝑜𝑏𝑗𝑒𝑡𝑖𝑣𝑜 𝑒𝑛 𝑝𝑥 / 𝑚𝑒𝑑𝑖𝑑𝑎 𝑐𝑜𝑛𝑡𝑒𝑥𝑡𝑜 𝑒𝑛 𝑝𝑥) × 100

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

¿Qué son media queries?

A

Las media queries son un mecanismo de CSS que permite aplicar distintos
estilos según las características del dispositivo

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

¿Qué es viewport?

A

El viewport es el espacio que dejan los navegadores para renderizar el contenido.
– Sería el área útil dónde se muestra la página web.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

¿Qué es un pixel de referencia?

A

Un pixel definido en CSS no tiene porqué ser del mismo
tamaño que el pixel del dispositivo.
– Al pixel definido en CSS se le llama pixel de referencia.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

La etiqueta meta de viewport típica para una página con responsive design sería:

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

¿Qué es una media query?

A

Una media query está formada por un media type (una regla @media o un atributo media en la etiqueta link) y 0 o más expresiones para detectar las características del dispositivo.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

¿Qué son los puntos de ruptura?

A

► Los puntos de ruptura se pueden establecer cuando se observa alguna tensión en la
presentación.
► Para el responsive design, se suelen establecer a partir de la anchura estándar (aproximadamente) de los dispositivos.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

¿Qué es un framework CSS?

A

Un framework css es un conjunto de herramientas (hojas de estilo, scripts, etc.) y prácticas que facilitan las tareas repetitivas para trabajar con css.
► Aporta una serie de scripts y hojas de estilo que se aplican en forma de clases al código html.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Desventajas de un framework CSS

A

– Homogeneiza la presentación, haciendo que todos los sitios web tengan un aspecto similar.
– Obliga a utilizar la semántica propia del framework.
– Añade código, muchas veces no utilizado, en nuestro sitio web.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

¿Qué es la retícula?

A

Es una herramienta que se utiliza en el diseño editorial para dar consistencia a una publicación.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Utilizando media queries, ¿cómo se puede establecer una hoja de estilo o unas reglas de estilo para dispositivos con un ancho de pantalla máximo de 480 píxeles?

A

A.
B. @import url(estilos.css) max-width=480px
C. @media max-width=480px {…}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Si se está haciendo un diseño basado en retícula flexible y tenemos un bloque de 150px de ancho en un contenedor de 600px. ¿Qué valor debería tomar la propiedad width de ese bloque?

A

25%

How well did you know this?
1
Not at all
2
3
4
5
Perfectly