Font size
WorksheetsDiseño y Maquetación WEB
Total questions: 20
Worksheet time: 10mins
Es una filosofía de diseño y desarrollo, cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla
DISEÑO WEB RESPONSIVO
DISEÑO WEB ADAPTATIVO
DISEÑO WEB LIQUIDO
DISEÑO WEB SOLIDO
EL MODELO DE CAJAS DEBE AJUSTARSE DINAMICAMENTE AL ESPACIO DISPONIBLE EN LA PANTALLA PARA ELLO SE EMPLEA LAS PROPIEDADES DE ESTILO :
FLEXUP
VORTERIX
FLEXBOX
DETOX
POR DEFECTO CADA ELEMENTO EN UN SITIO WEB TIENEN POSICIONAMIENTO ESTÁTICO LO QUE LOS MASTIENE INMOVILES SIN EMBARGO EXISTEN OTROS 3 TIPOS DE POSICIONAMIENTO
SUPER, REGULAR Y FLEXIBLE
FIJO, REGULAR Y RELATIVO
RELATIVO, ABSOLUTO, Y FIJO
FLEXIVO, ABSOLUTO Y RELATIVO
ESTE FORMATO DE IMAGEN ADMITE GRANDES CONTRASTES DE COLORES, ALTAS RESOLUCIONES Y FONDOS TRANSPARENTES ES UTIL PARA CREAR ANIMACIONES APARTIR DE REPETICIONES SUCESIVAS DE VARIAS IMAGENES
SVG
PNG
HTLML
ANG
ESTE FORMATO SOLO ADMITE 256 COLORES POR LO QUE LA CALIDAD DE RESOLUCION ES BAJA,ES LA UNICA QUE ADMITE GUARDAR ANIMACION CORTA Y CICLICA
PNG
GIF
SVG
CCS
ESTE FORMATO DE IMAGEN ES ESTÁNDAR DE COMPRENSIÓN Y CODIFICACIÓN DE IMAGENES PARA ALCENARLAS Y TRANSMITIRNAS A TRAVÉS DE MEDIOS DIGITALES
PNG
JPEG
GIF
SVG
La imagen hace relación a la fase de
Prototipar
Testear
Idear
Definir
¿Qué elementos esenciales debe tener un Sitio Web?
Encabezado y pie de página
Menú de navegación y Redes Sociales
Texto, imágenes, videos y contenido multimedia
Ninguna de las anteriores
¿Cuál es el tamaño en promedio que debería pesar una imagen en nuestro sitio web?
800KB
70KB
1MB
640KB
funciona para que:
El navegador calcule margin, border y padding.
El navegador calcule sólo margin.
El navegador calcule sólo padding.
El navegador calcule padding y border.
El responsive design (diseño responsivo o adaptativo) no es tan importante ni usado como muchos piensan.
Verdadero
Falso
Las buenas prácticas del uso de colores nos dicen que:
El fondo y los elementos deben tener un color que contraste para que se pueda ver bien.
El fondo y los elementos deben tener un color muy similar para que combinen.
Ninguna de las anteriores.
Qué es HTML?
Lenguaje de Programación
Lenguaje de Maquetación
Creador de Estilos
Ninguna de las Anteriores
De acuerdo a la imagen, ¿lo elaborado es?
Lista Ordenada
Párrafos
Saltos de Reglon
Lista No Ordenada
Es un atributo más flexible y puede ser asignado a cada elemento HTML que comparte un diseño similar, se referencia por medio de un punto .
ID
class
etiqueta
memoria
¿Que significa CSS?
Estilo de hojas en cascada
Cascada de hojas con estilo
Hojas de estilo en cascada
Hojas en cascada con estilo
¿Cuál es el código correcto para insertar una imagen en HTML?
<image src=imagen.jpg>
<img src="imagen.jpg" alt="texto">
<img source="imagen.jpg" alt="texto">
<img href="imagen.jpg">
¿Cuál es la diferencia entre wireframe y mockup?
Wireframe o prototipo es el boceto de representación visual y el mockup es la maqueta como muestra previa de como va a quedar el diseño.
Wireframe es una herramienta para crear páginas web y el mockup es la maqueta de distribución de los elementos en la página web.
Wireframe son utilitarios disponibles en internet para generar código html y el mockup es una muestra previa de como va a quedar el diseño.
Wireframe es la maqueta como muestra previa de como va a quedar el diseño y el mockup es el boceto de representación visual.
