Vamos a repasar los elementos fundamentales del diseño y la percepción visual.
Marca la respuesta más correcta:
¿Cuáles son los elementos de diseño principales a tener en cuenta en la percepción visual? El mapa de navegación Color y percepción Color, tipografía e iconos La cabecera .
¿Qué puede tener una composición gráfica? Solo debería estar formada por un único elemento Espacios en blanco No debe tener espacios en blanco.
¿Qué puede tener una composición gráfica? Solo debería estar formada por un único elemento Debe intentar adaptarse a lo que se pretende transmitir No debe tener espacios en blanco.
¿Qué puede tener una composición gráfica? Solo debería estar formada por un único elemento No debe tener espacios en blanco Texto o imágenes .
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores, ¿Cuáles son? Blanco, negro y amarillo Verde, azul y blanco Rojo, amarillo y verde Rojo, verde y azul .
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores: rojo, verde y azul. Como norma general, esta intensidad se representa en números hexadecimales, desde el 00 hasta el FF.
Relaciona esta código con su color:
#FF0000 Rojo Verde Azul Amarillo.
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores: rojo, verde y azul. Como norma general, esta intensidad se representa en números hexadecimales, desde el 00 hasta el FF.
Relaciona esta código con su color:
#00FF00 Rojo Verde Azul Amarillo.
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores: rojo, verde y azul. Como norma general, esta intensidad se representa en números hexadecimales, desde el 00 hasta el FF.
Relaciona esta código con su color:
#0000FF Rojo Verde Azul Amarillo.
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores: rojo, verde y azul. Como norma general, esta intensidad se representa en números hexadecimales, desde el 00 hasta el FF.
Relaciona esta código con su color:
#FFFF00 Rojo Verde Azul Amarillo.
Marca la respuesta correcta sobre la tipografía: Es importante tener diferentes tipos de fuentes en la página Es la parte escrita, es decir, texto El espacio en blanco no es importante en la tipografía.
Marca la respuesta correcta sobre la tipografía: Podemos estar limitados por distintos navegadores o sistemas operativos Es importante tener diferentes tipos de fuentes en la página El espacio en blanco no es importante en la tipografía.
Marca la respuesta correcta sobre los iconos: El uso de iconos nos perjudica a la hora de insertar el texto No es importante elegir bien los iconos Son generalmente imágenes pequeñas cuyo objetivo es relacionar acciones en concreto.
Marca la respuesta correcta sobre los iconos: El uso de iconos nos perjudica a la hora de insertar el texto No es importante elegir bien los iconos Con el uso de iconos ahorramos información textual.
Marca la respuesta correcta sobre los iconos: El uso de iconos nos perjudica a la hora de insertar el texto No es importante elegir bien los iconos Insertando iconos, evitamos escribir gran cantidad de texto para explicar determinadas acciones.
La combinación de colores requiere de un carácter artístico del desarrollador que no siempre va a tener. Por esta razón, todo proyecto informático puede estar compuesto por uno o varios desarrolladores que tengan, entre sus funciones, el aspecto físico de la interfaz.
¿Qué es un CMS? Ninguna de las respuestas es correcta Un tipo de tipografía Un gestor de contenidos Una plantilla de XML .
Señala la respuesta correcta sobre la Interacción persona-ordenador: La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto Se reducen los errores al existir una buena comunicación entre persona-ordenador Se consigue una menor satisfacción por parte del usuario.
Señala la respuesta correcta sobre la Interacción persona-ordenador: La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto Se consigue una menor satisfacción por parte del usuario Cuando existe una buena comunicación entre ambos, el intercambio de información es más eficiente.
Señala la respuesta correcta sobre la Interacción persona-ordenador: La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto Se consigue una menor satisfacción por parte del usuario Se consigue una mayor satisfacción por parte del usuario.
Señala la respuesta correcta sobre la Interacción persona-ordenador: La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto Se consigue una menor satisfacción por parte del usuario La interfaz se tiene que realizar pensando en las necesidades del usuario.
¿Para que sirve una guía de estilo? Hacen que el lenguaje sea más eficaz y coherente No nos garantizará la coherencia del sitio No permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo.
¿Para que sirve una guía de estilo? Permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo No nos garantizará la coherencia del sitio No permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo.
¿Para que sirve una guía de estilo? Definen las pautas junto con las normas de calidad que debe tener en cuenta una interfaz web para un determinado sitio web No nos garantizará la coherencia del sitio No permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo.
¿Para que sirve una guía de estilo? Diseñar y programar los aspectos relacionados con una interfaz No nos garantizará la coherencia del sitio No permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo.
¿Para que sirve una guía de estilo? Nos garantizará la coherencia del sitio No nos garantizará la coherencia del sitio No permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo.
De los siguientes programas, indica cuál es un gestor de contenido: Bootstrap WordPress Sublime Text .
De los siguientes programas, indica cuál es un gestor de contenido: Bootstrap Notepad + Joomla .
De los siguientes programas, indica cuál es un gestor de contenido: Bootstrap Notepad + Prestashop .
De los siguientes programas, indica cuál es un gestor de contenido: Notepad + Drupal Bootstrap .
Relaciona los siguientes conceptos, con el componente de la interfaz web al que corresponde:
Se pueden incorporar efectos dinámicos para ofrecer una mejor interacción con las diferentes opciones
Se pueden presentar en forma de menús Pie de página Cabecera Sistemas de navegación Espacios en blanco Cuerpo de página .
Relaciona los siguientes conceptos, con el componente de la interfaz web al que corresponde:
Es fundamental para lograr que un diseño no sea sobrecargado
Define las zonas que no tendrán elementos gráficos Pie de página Cabecera Cuerpo de página Sistema de navegación Espacios en blanco .
Relaciona los siguientes conceptos, con el componente de la interfaz web al que corresponde:
Normalmente se sitúa el logotipo que identifica el sitio web con la empresa
Unifica todas las páginas
Separa el borde superior de la parte central Pie de página Espacios en blanco Sistema de navegación Cabecera Cuerpo de página .
Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web.
Relaciona el componente 1: Header Footer Main column Sidebar.
Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web.
Relaciona el componente 2: Header Footer Main column Sidebar.
Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web.
Relaciona el componente 3: Header Footer Main column Sidebar.
Los componentes de una interfaz web hacen referencia a todas las partes que forman parte de un sitio web.
Relaciona el componente 4: Header Footer Main column Sidebar.
Los diferentes sitios web están formados por una serie de páginas escritas en algún tipo de lenguaje, conocidos como lenguaje de marcas.
Señala cuál de los siguiente lenguajes corresponden a lenguajes de marca: XML HTML XHTML Todas las opciones son correctas .
Hoy en día, disponemos de un gran número de herramientas que nos facilitan las tareas de planificar, diseñar, desarrollar y mantener un sitio web.
Gracias a estas herramientas, el diseñador nunca va a partir desde cero, sino que, utilizando esas aplicaciones necesitará menos esfuerzo y podrá dedicar sus conocimientos y tiempo en otros aspectos más importantes.
Las aplicaciones que facilitan la tarea de un diseñador son de diferentes tipos, relaciona cada definición con su tipo de herramienta:
Definición:
Herramienta que se utiliza para aquellos programas que tienen un interés general, es decir, para cualquier tipo de usuario General Diseño Multimedia.
Hoy en día, disponemos de un gran número de herramientas que nos facilitan las tareas de planificar, diseñar, desarrollar y mantener un sitio web.
Gracias a estas herramientas, el diseñador nunca va a partir desde cero, sino que, utilizando esas aplicaciones necesitará menos esfuerzo y podrá dedicar sus conocimientos y tiempo en otros aspectos más importantes.
Las aplicaciones que facilitan la tarea de un diseñador son de diferentes tipos, relaciona cada definición con su tipo de herramienta:
Definición:
Herramienta utilizada para programas más específicos referentes al desarrollo de las distintas páginas web General Diseño Multimedia.
Hoy en día, disponemos de un gran número de herramientas que nos facilitan las tareas de planificar, diseñar, desarrollar y mantener un sitio web.
Gracias a estas herramientas, el diseñador nunca va a partir desde cero, sino que, utilizando esas aplicaciones necesitará menos esfuerzo y podrá dedicar sus conocimientos y tiempo en otros aspectos más importantes.
Las aplicaciones que facilitan la tarea de un diseñador son de diferentes tipos, relaciona cada definición con su tipo de herramienta:
Definición:
Herramienta que se utilizará cuando sea necesario crear una serie de animaciones para un determinado sitio web General Diseño Multimedia.
Hoy en día, disponemos de un gran número de herramientas que nos facilitan las tareas de planificar, diseñar, desarrollar y mantener un sitio web.
Gracias a estas herramientas, el diseñador nunca va a partir desde cero, sino que, utilizando esas aplicaciones necesitará menos esfuerzo y podrá dedicar sus conocimientos y tiempo en otros aspectos más importantes.
Las aplicaciones que facilitan la tarea de un diseñador son de diferentes tipos, relaciona cada definición con su tipo de herramienta:
Definición:
Al ser más específicos, estas herramientas van a ir estar dirigidas a los desarrolladores que van a crear páginas web Editores y validadores CSS Programación Editores y validadores HTML.
Hoy en día, disponemos de un gran número de herramientas que nos facilitan las tareas de planificar, diseñar, desarrollar y mantener un sitio web.
Gracias a estas herramientas, el diseñador nunca va a partir desde cero, sino que, utilizando esas aplicaciones necesitará menos esfuerzo y podrá dedicar sus conocimientos y tiempo en otros aspectos más importantes.
Las aplicaciones que facilitan la tarea de un diseñador son de diferentes tipos, relaciona cada definición con su tipo de herramienta:
Definición:
Estos programas permiten la edición de código HTML Editores y validadores CSS Programación Editores y validadores HTML.
Hoy en día, disponemos de un gran número de herramientas que nos facilitan las tareas de planificar, diseñar, desarrollar y mantener un sitio web.
Gracias a estas herramientas, el diseñador nunca va a partir desde cero, sino que, utilizando esas aplicaciones necesitará menos esfuerzo y podrá dedicar sus conocimientos y tiempo en otros aspectos más importantes.
Las aplicaciones que facilitan la tarea de un diseñador son de diferentes tipos, relaciona cada definición con su tipo de herramienta:
Definición:
Herramientas que simplifican la creación, edición y comprobación de un determinado código CSS Editores y validadores CSS Programación Editores y validadores HTML.
Según esta imagen, ¿a qué tipo de estructura de mapas de navegación hace referencia?
Las páginas tienen una lectura secuencial, parecida a la de un libro. Lineal jerárquica Lineal Jerárquica Reticular .
Actualmente, ¿con qué etiqueta realizamos una parte de la maquetación en HTML? <p> <table> <div> <span> .
Según esta imagen, ¿a qué tipo de estructura de mapas de navegación hace referencia?
Se suele utilizar en sitios que se encuentran relacionados entre ellos. Lineal jerárquica o Compuesta Reticular o No lineal Lineal Jerárquica .
Según esta imagen, ¿a qué tipo de estructura de mapas de navegación hace referencia?
Es la más utilizada y suele utilizarse cuando aparecen diferentes secciones que están bien diferenciadas. Lineal jerárquica o Compuesta Lineal Reticular o No lineal Jerárquica .
Según este código css, ¿a qué reglas css corresponde h1?
h1 {font-family: Verdana;} Selector Propiedad o atributo Valor.
Según este código css, ¿a qué reglas css corresponde font-family?
h1 {font-family: Verdana;} Selector Propiedad o atributo Valor.
Según este código css, ¿a qué reglas css corresponde Verdana?
h1 {font-family: Verdana;} Selector Propiedad o atributo Valor.
Para conseguir las letras "Ilerna Online" de color blanco:
¿Cuál de las siguientes opciones es correcta? background: white; font: white; color: white; backgound-color: white;.
Para comentar una línea en un archivo css, ¿cómo indicaremos los comentarios? /* */ // ... // // ** ... ** .
¿Con qué opción de linea de estilo css podemos conseguir el siguiente resultado? p * a {Font-size: 50px} p enlace {font-size: 50px} p {font-size: 50px} p a {font-size: 50px} .
Dado el siguiente código:
Para modificar únicamente el color del texto del párrafo a color blanco, ¿qué selector utilizaremos?
* { color: white;} h1 p { color: white;} h1 { color: white;} p { color: white;} .
¿Cuál de las siguientes propiedades se utiliza para hacer una letra cursiva? font-family font-weight font-style font-variant .
¿Con qué opción de linea de estilo css podemos conseguir el siguiente resultado? p a {font-size: 50px} p * a {Font-size: 50px} p {font-size: 50px} div p {font-size: 50px} .
Selecciona los elementos que tienen ese mismo atributo, sin importar su valor [atributo] [atributo = valor] [atributo ~= valor] [atributo |= valor].
Selecciona los elementos que tienen ese mismo atributo con el valor que se pasa [atributo] [atributo = valor] [atributo ~= valor] [atributo |= valor].
Selecciona los elementos que tienen ese mismo atributo con al menos un valor igual al especificado [atributo] [atributo = valor] [atributo ~= valor] [atributo |= valor].
Selecciona los elementos que tienen ese mismo atributo y la palabra debe comenzar por el valor que se pasa [atributo] [atributo = valor] [atributo ~= valor] [atributo |= valor].
Relaciona los elementos según las indicaciones del usuario:
Los enlaces que nunca se visitan :link :visited :hover :active :focus.
Relaciona los elementos según las indicaciones del usuario:
Los enlaces que se han visitado una vez como mínimo :link :visited :hover :active :focus.
Relaciona los elementos según las indicaciones del usuario:
Los elementos indicados por el usuario, pero sin necesidad de ser activados :link :visited :hover :active :focus.
Relaciona los elementos según las indicaciones del usuario:
Los elementos que se activan :link :visited :hover :active :focus.
Relaciona los elementos según las indicaciones del usuario:
Los elementos que tiene el foco :link :visited :hover :active :focus.
Vamos a repasar algunos de los conceptos más importantes de CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
a selector propiedad o atributo valor.
Vamos a repasar algunos de los conceptos más importantes de CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
color selector propiedad o atributo valor.
Vamos a repasar algunos de los conceptos más importantes de CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
20px selector propiedad o atributo valor.
Vamos a repasar algunos de los conceptos más importantes de CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
h3 selector propiedad o atributo valor.
Vamos a repasar algunos de los conceptos más importantes de CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
font-size selector propiedad o atributo valor.
Si queremos aplicar un texto de color rojo y un tamaño de letra de 30 px, ¿qué opción será la correcta? p{color:red; font-size: 30px; } p{color:red; font: 30px; } p{background:red; font-size: 30px; } p{color-font:red; font: 30px; } .
Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda:
Para referirnos a la primera línea de un texto
::first-line ::first-letter ::before ::after.
Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda:
Para referirnos a la letra de un texto ::first-line ::first-letter ::before ::after.
Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda:
Genera texto antes del contenido de un elemento ::first-line ::first-letter ::before ::after.
Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda:
Genera texto después del contenido de un elemento ::first-line ::first-letter ::before ::after.
Identifica cuál de las siguientes afirmaciones son verdaderas:
La guía de estilo solo detalla la implementación de las clases de CSS. Si queremos dar más prioridad, podemos hacerlo haciendo uso de la palabra reservada !interest. Los ID nos ofrece la posibilidad de seleccionar una sola línea de una página completa.
¿Qué realiza el siguiente código?
Subraya el texto de los párrafos Colorea el título en rojo Pone una imagen como fondo en el div Una animación con jquery .
¿Qué representan las siguientes sintaxis? Son reglas descendentes Ninguna de las respuestas es correcta Es una sintaxis de jquery Son pseudo-clases .
Indica las afirmaciones que son correctas:
(pueden ser varias) El logo de la empresa que suele ir ubicado en el encabezado de todas las páginas El enlace al mapa de sitio que suele ir colocado en el pie de todas las páginas Los enlaces a las secciones principales del sitio que suelen ir ubicadas en el encabezado de todas las páginas El enlace de contacto que suele ir ubicado en el encabezado de todas las páginas.
¿Cómo se llama al documento en el que se definen las pautas junto con las normas de calidad que debe tener en cuenta una interfaz web para un determinado sitio web? Guía de diseño Normas de estilo Guía de estilo Guía de calidad .
Los enlaces que hemos visitado como mínimo una vez, ¿qué pseudo-clase se aplica? :link :focus :hover :visited .
¿Cuál de estos lenguajes son estándares que nos permiten asegurar la continuidad de un sitio web frente a posibles cambios de tecnología?(pueden ser varios) XML XHTML UML HTML.
¿Qué error hay en el siguiente fragmento de CSS?
#example1 {
background-image: url(image.gif), url(image.gif);
background-position: right bottom;
background-size: 100px 80px;
background-repeat: no-repeat;
} No hay errores en este código La propiedad no-repeat no existe en CSS La propiedad backgound-repeat no existe en CSS No está bien implementado el background-position.
Si queremos hacer un diseño pensando en el usuario, tendremos en cuenta: (pueden ser varias) Sus características y experiencia previa en el uso de la web Su titulación y habilidades manuales Sus capacidades, aptitudes y expectativas Sus limitaciones físicas y/o técnicas.
¿Qué realiza este fragmento de código?
p {
font-style: italic;
} Todos los párrafos de una página web aparecen en cursiva Todos los párrafos de la web comienzan por letra mayúscula Todos los encabezados de la web empiezan por letra mayúscula Todos los párrafos de la web aparecen subrayados.
Un párrafo tiene un tamaño de letra definido como 1.25em. Expresado como un porcentaje, ¿cuánto más grande será el tamaño de letra de este párrafo comparado con el resto de párrafos? 25% 100% 50% 125% .
|
