Indica las afirmaciones que son correctas:
(Pueden haber varias correctas) El logo de la empresa suele ir ubicado en el encabezado de todas las páginas El enlace al mapa de sitio suele ir colocado en el pie de todas las páginas El enlace de contacto suele ir ubicado en el encabezado de todas las páginas Los enlaces a las secciones principales del sitio suelen ir ubicadas en el encabezado de todas las páginas.
Conceptos CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
font-size Propiedad o Atributo Selector Valor.
¿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 brackground-repeat no existe en CSS No está bien implementado el background-position La propiedad no-repeat no existe en CSS.
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 Azul Rojo Amarillo Verde.
¿Con qué opción de línea de estilo CSS podemos conseguir el siguiente resultado? p a {font-size: 50px} p {font-size: 50px} Ninguna es correcta div p {font-size: 50px}.
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 Azul Rojo Amarillo Verde.
Conceptos CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
a Propiedad o Atributo Selector Valor.
Señala la respuesta correcta sobre la Interacción persona-ordenador Se reducen los errores al existir una buena comunicación entre persona-ordenador Se consigue una menor satisfacción por parte del usuario La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto Conseguir una buena interacción persona-ordenador no tiene ninguna utilidad.
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 Azul Rojo Amarillo Verde.
Los componentes de una interfaz web hacer referencia a todas las partes que forman parte de un sitio web.
Indica cual es el componente Nº2: Header Main Column Footer Sidebar.
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 Lineal Reticular o No lineal Jerárquica.
Marca la respuesta correcta sobre la tipografía: Es importante tener diferentes tipos de fuentes en la página El espacio en blanco no es importante en la tipografía Es la parte escrita, es decir, texto Cuantos más estilos diferentes de fuentes, mejor.
Actualmente, ¿Con qué etiqueta realizamos una parte de la maquetación en HTML? <table> <p> <div> <span>.
Los componentes de una interfaz web hacer referencia a todas las partes que forman parte de un sitio web.
Indica cual es el componente Nº4: Header Main Column Footer Sidebar.
Selecciona los elementos que tienen ese mismo atributo, sin importar su valor: [atributo ~= valor] [atributo] [atributo = valor] [atributo |= valor].
Marca la respuesta correcta sobre los iconos: No es importante elegir bien los iconos Con el uso de iconos ahorramos información textual El uso de iconos nos perjudica a la hora de insertar texto El uso de iconos está obsoleto, actualmente se utilizan los Stickers.
Para conseguir las letras "Ilerna Online" de color blanco:
¿Cuál de las siguientes opciones es la correcta? background-color: white; color: white; font: white; background: white;.
¿Para que sirve una guía de estilo? No nos permitirá la integración de un mismo objetivo a todo el conjunto del equipo de trabajo No nos garantizará la coherencia del sitio Nos garantizará la coherencia del sitio Es una herramienta online para la seleccionar la combinación de colores.
Indica si la afirmación es Verdadera o Falsa:
La función de la guía de estilos es hacer que el lenguaje sea más eficaz y coherente Verdadero Falso.
Si queremos hacer un diseño pensando en el usuario, tendremos en cuenta:
(Puede haber más de una opción correcta) Sus capacidades, aptitudes y expectativas Sus limitaciones físicas y/o técnicas Su titulación y habilidades manuales Sus características y experiencia previa en el uso de la web.
Selecciona los elementos que tienen ese mismo atributo con el valor que se pasa: [atributo ~= valor] [atributo] [atributo = valor] [atributo |= valor].
Según este código CSS ¿A qué reglas CSS corresponde h1?
h1{font-family: Verdana;} Propiedad o Atributo Selector Valor.
¿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 calidad Normas de estilo Guía de diseño Guía de estilo.
Señala la respuesta correcta sobre la Interacción persona-ordenador Se consigue una menor satisfacción por parte del usuario La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto Cuando existe una buena comunicación entre ambos, el intercambio de información es más eficiente Conseguir una buena interacción persona-ordenador no tiene beneficios.
¿Qué representan las siguientes sintaxis? Son pseudo-clases Son reglas descendentes Ninguna de las respuestas es correcta Es una sintaxis de Jquery.
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 o Compuesta Lineal Reticular o No lineal Jerárquica.
Conceptos CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
20px Propiedad o Atributo Selector Valor.
Para comentar un línea en un archivo CSS ¿Cómo indicaremos los comentarios? // ... // /* */ // ** ... **.
Los componentes de una interfaz web hacer referencia a todas las partes que forman parte de un sitio web.
Indica cual es el componente Nº3: Header Main Column Footer Sidebar.
Relaciona los elementos según las indicaciones del usuario:
[Los elementos que se activan] :active :visited :hover :link.
Marca la respuesta correcta sobre la tipografía: Es importante tener diferentes tipos de fuentes en la página El espacio en blanco no es importante en la tipografía Podemos estar limitados por distintos navegadores o sistemas operativos El texto en "negrita" no se puede utilizar.
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 Azul Rojo Amarillo Verde.
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 Espacios en blanco Cuerpo de la página Sistema de navegación Cabecera.
Indica si esta afirmación es Verdadera o Falsa:
Una guía de estilo nos permite diseñar y programar los aspectos relacionados con una interfaz Verdadero Falso.
Los diferentes sitios web están formados por una serie de páginas escritas en algún tipo de lenguaje, conocidos como lenguajes de marcas.
Señala cual de los siguientes lenguajes corresponden a lenguajes de marcas: XHTML XML HTML Todas las opciones son correctas.
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: Programación Editores y validadores CSS Editores y validadores HTML Ninguna es correcta.
Relaciona los elementos según las indicaciones del usuario:
[Los enlaces que nunca se visitan] :active :visited :notvisited :link.
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 determinados código CSS: Programación Editores y validadores CSS Editores y validadores HTML Ninguna es correcta.
De los siguientes programas, indica cuál es un gestor de contenido: Notepad + Joomla Bootstrap Ninguna es correcta.
Marca la respuesta correcta sobre los iconos: No es importante elegir bien los iconos, cualquiera sirve Insertando iconos, evitamos escribir gran cantidad de texto para explicar determinadas acciones El uso de iconos nos perjudica a la hora de insertar texto El uso de iconos está obsoleto, actualmente se utilizan los Stickers.
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íficas, estas herramientas van a ir dirigidas a los desarrolladores que van a crear páginas web: Programación Editores y validadores CSS Editores y validadores HTML Ninguna es correcta.
Según este código CSS ¿A qué reglas CSS corresponde Verdana?
h1{font-family: Verdana;} Propiedad o Atributo Selector Valor.
De los siguientes programas, indica cuál es un gestor de contenido: Notepad + Drupal Bootstrap Ninguna es correcta.
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-letter ::after ::before ::first-line.
Dado el siguiente código:
Para modificar únicamente el color del texto del párrafo a color blanco
¿Qué selector utilizaremos? * {color: white;} h1 {color: white;} p {color: white;} h1 p {color: white;}.
Conceptos CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
color Propiedad o Atributo Selector Valor.
¿Para que sirve una guía de estilo? No nos permitirá la integración de un mismo objetivo a todo el conjunto del equipo de trabajo No nos garantizará la coherencia del sitio Permiten la integración de un mismo objetivo a todo el conjunto del equipo de trabajo Es contraproducente crear una guía de estilo.
Según este código CSS ¿A qué reglas CSS corresponde font-family?
h1{font-family: Verdana;} Propiedad o Atributo Selector Valor.
Relaciona los siguientes conceptos con el componente de la interfaz web al que corresponde:
Normalmente es la zona donde 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 Espacios en blanco Cuerpo de la página Sistema de navegación Cabecera.
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-letter ::after ::before ::first-line.
Selecciona los elementos que tienen ese mismo atributo con al menos un valor igual al especificado: [atributo ~= valor] [atributo] [atributo = valor] [atributo |= valor].
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 estructuradas. Lineal jerárquica o Compuesta Lineal Reticular o No lineal Jerárquica.
¿Qué puede tener una composición gráfica? No debe tener espacios en blanco Debe intentar adaptarse a lo que se pretende transmitir Solo debería estar formada por un único elemento No necesita estar estructurado.
Relaciona los distintos estilos en línea basados en etiquetas y en clases con la opción que corresponda:
[Para referirnos a la primera letra de un texto] ::first-line ::before ::after ::first-letter.
Relaciona los elementos según las indicaciones del usuario:
[Los elementos que tienen el foco] :active :visited :focus :hover.
¿Qué puede tener una composición gráfica? Texto o imágenes Solo debería estar formada por un único elemento No debe tener espacios en blanco Imágenes pero sin espacios en blanco.
¿Qué realiza el siguiente código? Subraya el texto de los párrafos Una animación con Jquery Colorea el título en rojo Pone una imagen como fondo en el div.
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? 50% 100% 25% 125%.
De los siguientes programas, indica cuál es un gestor de contenido: Notepad + Prestashop Nightcore Ninguna es correcta.
Marca la respuesta correcta sobre los iconos: No es importante elegir bien los iconos, cualquiera sirve Son generalmente imágenes pequeñas cuyo objetivo es relacionar acciones en concreto El uso de iconos nos perjudica a la hora de expresar acciones El uso de iconos está obsoleto, actualmente se utilizan los Stickers.
Identifica cuál de las siguientes afirmaciones es verdadera: Si queremos dar más prioridad, lo haremos haciendo uso de la palabra reservada !interest La guía de estilo solo detalla la implementación de las clases de CSS Los ID nos ofrecen la posibilidad de seleccionar una sola línea de una página completa Ninguna de las afirmaciones es correcta.
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 Espacios en blanco Pie de página Sistema de navegación Cabecera.
Si queremos aplicar un texto de color rojo y un tamaño de letra de 30px
¿Qué opción será la correcta? p {color:red; font-size: 30px;} p {background:red; font-size: 30px;} p {color-font:red; font: 30px;} p {color:red; font: 30px;}.
De los siguientes programas, indica cuál es un gestor de contenido: WordPress Sublime Text Bootstrap Consuel.
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 La cabecera Color, tipografía e iconos Color y percepción.
Los componentes de una interfaz web hacer referencia a todas las partes que forman parte de un sitio web.
Indica cual es el componente Nº1: Header Main Column Footer Sidebar.
Relaciona los elementos según las indicaciones del usuario:
[Los enlaces que hemos visitado al menos una vez] :active :visited :hover :link.
La combinación de colores requiere de un carácter artístico del desarrollador que no siempre va atener. 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 Una plantilla de XML Un gestor de contenidos Un tipo de tipografía.
Señala la respuesta correcta sobre la Interacción persona-ordenador La interfaz se tiene que realizar pensando en las necesidades del usuario Se consigue una menor satisfacción por parte del usuario La interfaz se tiene que adaptar únicamente a las personas de un sector en concreto La interacción correcta es la de ordenador-persona.
¿Cuáles de estos lenguajes son estándares que nos permiten asegurar la continuidad de un sitio web frente a posibles cambios de tecnología?
(Pueden haber varias correctas) XML XHTML UML HTML.
¿Qué realiza este fragmento de código?
p {
font-style: italic;
} Todos los párrafos de la web aparecen subrayados Todos los párrafos de la web aparecen en cursiva Todos los párrafos de la web empezarán por letra mayúscula Todos los párrafos de la web se traducen al Italiano.
Selecciona los elementos que tienen ese mismo atributo y la palabra debe comenzar por el valor que se pasa: [atributo ~= valor] [atributo] [atributo = valor] [atributo |= valor].
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: Diseño Multimedia General Ninguna es correcta.
¿Qué puede tener una composición gráfica? No debe tener espacios en blanco Debe tener espacios en blanco Solo debería estar formada por un único elemento Un exceso de elementos es beneficioso.
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, para cualquier tipo de usuario: Diseño Multimedia General Ninguna es correcta.
¿Para que sirve una guía de estilo? Catálogo con estilos de fuentes para nuestra web Guía que no nos garantiza la coherencia del sitio Definen las pautas junto con las normas de calidad que debe tener en cuenta una interfaz web para un determinado sitio web Ninguna de las anteriores es correcta.
¿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 está bien implementado el background-position La propiedad background-repeat no se puede utilizar para CSS La propiedad no-repeat está mal implementada No hay errores en este código.
¿Cuál de las siguientes propiedades se utiliza para hacer una letra cursiva? font-style font-family font-weight font-variant.
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: Diseño Multimedia General Ninguna es correcta.
Relaciona los elementos según las indicaciones del usuario:
[Los elementos indicados por el usuario, pero sin necesidad de ser activados] :active :visited :hover :focus.
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores.
¿Cuáles son? Verde, azul y blanco Rojo, amarillo y verde Rojo, verde y azul Blanco, negro y gris.
Conceptos CSS.
Relaciona cada uno de los estilos en línea basados en etiquetas y en clases con la opción que corresponda:
h3 Propiedad o Atributo Selector Valor.
¿Con qué opción de línea de estilo CSS podemos conseguir el siguiente resultado? p enlace {font-size: 50px} p {font-size: 50px} p * a {font-size: 50px} p a {font-size: 50px}.
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 ::before ::after ::first-letter.
Identifica si los siguientes navegadores admiten o no los siguientes formatos:
Nº3 SI NO.
Relaciona el software para crear y procesar imágenes con la opción que corresponda:
[Definición]
Las funciones de este producto son la creación, edición y retoque de imágenes en el que los formatos propios son PSD y PDD Pixlr GIMP Adobe Photoshop PictureManager.
Identifica cual de las siguientes afirmaciones es verdadera: Los editores avanzados tienen la ventaja de que, ante cualquier incidencia o error, proporcionan una serie de opciones para su fácil identificación Lo bueno del código actual de una página web es que apenas incorpora líneas de código, interacción
con otros lenguajes, incrustaciones de códigos y enlaces externos. La extensión de un archivo HTML es .css Ninguna de las anteriores es correcta.
Relaciona cada una de las siguientes características con la opción que corresponda:
[Definición]
Son valores como la fuente, estilo, tamaño, color, espaciado o interlineado. Tamaño Carácter Párrafo Posición.
¿Qué ocurre cuando clicamos en el botón, en el siguiente código? El texto de los párrafos cambian de color El texto de los párrafos se ocultarán El texto de los párrafos se ponen en negrita El código no es correcto y dará error.
Indica las características del formato JPEG: Todas son correctas Gran posibilidad de compresión Número de colores: 24 bits color Formato de compresión con perdida.
Relaciona el software para crear y procesar imágenes con la opción que corresponda:
[Definición]
Herramienta conocida similar a Adobe Photoshop, pero de software libre y gratuita Pixlr GIMP Adobe Photoshop PhotoFree.
Relaciona cada uno de los eventos de ratón con la opción que corresponda:
[Definición]
Se realizará este evento cuando el usuario se coloque sobre un elemento y presione click izquierdo con el ratón y lo levante, todo ello en el mismo objeto. .click() .dblclick() .mouseclick() .focusout().
En jQuery, la función que más utilizaremos será $(), relaciona en las funciones que se usa con su opción
correcta:
$("#miID"); Seleccionar ID Seleccionar elementos con ciertos atributos Selección mediante el nombre de la case CSS Selección mediante su valor CSS.
Para determinar el tamaño de un archivo gráfico.
¿Qué tendremos que tener en cuenta?
(Pueden haber varias válidas) La marca de la placa base Profundidad o paleta de colores Resolución Dimensiones de la imagen.
Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda:
[Definición]
Si existe, indicará el nombre del mapa asociado ismap usemap alt src.
Licencia:
Ser permite cualquier explotación de la obra, incluyendo una finalidad comercial, así como la creación de obras derivadas, la distribución de las cuales también está permitida sin ninguna restricción
1 2 3 4.
Relaciona cada uno de los eventos de ratón con la opción que corresponda:
[Definición]
Se ejecutará siempre que se mueva el puntero dentro del objeto. .click() .mouseup() .mousemove() .focusout().
Relaciona cada uno de los eventos de ratón con la opción que corresponda:
[Definición]
Se lanzará después de realizar doble click. .dblclick() .mouseup() .mousemove() .focusout().
Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes:
Se usa sin compresión de datos. Es conocido, pero se usa poco debido al gran espacio que ocupa Real audio WAV OGG WMA.
Relaciona los tipos de imágenes en la web con sus características correspondientes:
Están construidas por píxeles y si hacemos zoom sobre la imagen, comprobaremos que pierde calidad porque los píxeles siguen siendo los mismos. Imágenes vectoriales Los mapas de bits Pixelarts Renders.
Licencia:
Se permite la generación de obras derivadas siempre que no se haga un uso comercial.
Tampoco se puede utilizar la obra originar con finalidades comerciales.
1 2 3 4.
Identifica si los siguientes navegadores admiten o no los siguientes formatos:
Nº2 SI NO.
Relaciona los parámetros de los efectos fading con la opción que corresponda:
Mostrará el elemento con una opacidad gradual (hasta llegara1) fadeToggle(); fadeOut(); fadeIn(); JqueryMagic();.
¿Qué realiza el siguiente código? Si clicas en cada párrafo dos veces, se ocultará el texto Si clicas dos veces en cada párrafo, solamente se ocultará el segundo Si clicas dos veces en cada párrafo, solamente se ocultará el primero Si clicas en cada párrafo una vez, se ocultará el texto.
Identifica si los siguientes navegadores admiten o no los siguientes formatos:
Nº1 SI NO.
Relaciona los atributos de la etiqueta <audio> con la opción que corresponda:
Audio se repetirá automáticamente cuando termine. Autoplay Controls Loop NonStop.
Identifica si los siguientes navegadores admiten o no los siguientes formatos:
Nº5 SI NO.
Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda:
[Definición]
Es obligatorio. Indica la dirección URL de la imagen que queremos mostrar. ismap usemap alt src.
Indica si es Verdadero o Falso:
Para crear cualquier página web, solo necesitamos un editor y un navegador web. Verdadero Falso.
Relaciona cada uno de los siguientes formatos de imágenes con sus características:
Formato usado para comprimir imágenes fotográficas, ya que el ser humano no es capaz de percibir toda la
información almacenada en una imagen de 24 bits GIF PNG JPEG RPG.
Relaciona cada uno de los eventos de ratón con la opción que corresponda:
[Definición]
Se lanzará cuando pierde el foco. .dblclick() .mouseup() .mousemove() .focusout().
Relaciona los tipos de imágenes en la web con sus características correspondientes:
Se construyen a través de funciones matemáticas que representan objetos geométricos, segmentos, arcos, etc.
En este caso, si realizamos zoom sobre la imagen no pierde calidad. Imágenes vectoriales Los mapas de bits Pixelarts Renders.
Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes:
Sirve para audio y vídeo.
Tiene como ventaja que es libre de patentes y está abierto, por lo que tiene un alto grado de eficiencia en streaming y en compresión de archivos. Real audio WAV OGG WMA.
Indica cual de las siguientes afirmaciones son verdaderas: Todas son verdaderas En HTML5 disponemos de la etiqueta <video>, cuenta con los atributos que tiene la etiqueta <audio> Podemos convertir los distintos formados de video a través de aplicaciones que ofrecen multitud de opciones Toda animación tiene dos tipos de elementos que se complementan entre si: los objetos gráficos y los elementos propios de la animación.
Relaciona cada una de las siguientes características con la opción que corresponda:
[Definición]
Son valores como la alineación del párrafo, sangría de primera línea, márgenes.. Tamaño Carácter Párrafo Posición.
En jQuery, la función que más utilizaremos será $(), relaciona en las funciones que se usa con su opción
correcta:
$(".miCSS"); Seleccionar ID Seleccionar elementos con ciertos atributos Selección mediante el nombre de la case CSS Selección mediante su valor CSS.
Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda:
[Definición]
Si la imagen se encuentra dentro de un enlace y es un mapa se indicará con este parámetro ismap usemap alt src.
Identifica cuál de las siguientes afirmaciones es verdadera: En los bitmaps, si redimensionamos la imagen se redimensionarán los píxeles perdiendo calidad y definición Una característica de los JPEG es que la información es almacenada en 16 bits Existen 4 tipos de imágenes vectoriales Ninguna de las afirmaciones es verdadera.
Licencia:
Se permite el uso comercial de la obra pero no la generación de obras derivadas
3 4 5 6.
Relaciona cada uno de los siguientes formatos de imágenes con sus características:
Formato adecuado para imágenes renderizadas. Es un formato de compresión sin pérdida GIF PNG JPEG RPG.
Para HTML5, hay que utilizar esta etiqueta para insertar audio:
<bgsound src="audio/Musica.wma" loop="5" volumen="100" /> Verdadero Falso.
Relaciona cada una de las siguientes características con la opción que corresponda:
[Definición]
Valores de alto y ancho que tendrá la caja de texto, medida en píxeles. Tamaño Carácter Párrafo Posición.
Relaciona cada una de las siguientes características con la opción que corresponda:
[Definición]
Valores X e Y que van a corresponder desde la esquina superior izquierda del objeto de texto hasta la esquina superior izquierda del escenario. Tamaño Carácter Párrafo Posición.
Relaciona los parámetros de los efectos fading con la opción que corresponda:
Ocultará un elemento con opacidad gradual (hasta llegar a 0) fadeToggle(); fadeOut(); fadeIn(); JqueryMagic();.
Relaciona la etiqueta <img> y sus principales atributos con la opción que corresponda:
[Definición]
Texto alternativo en una imagen ismap usemap alt src.
El diseño gráfico de los portales abarca : Vectores, tipografía, colores y espacios en blanco del sitio web Toda la web, incluida la parte funcional Colores y espacios en blanco del sitio web Tipografía, colores y espacios en blanco del sitio web.
Relaciona cada uno de los siguientes formatos de vídeo con la opción que corresponda:
[Definición]
Contiene vídeo en formato MPEG-4
Con los códec: DivX, Xvid, QuickTime y H.264 .swf, .flv y .f4v .ogg y .ogv .mp4 .mp5.
Relaciona cada uno de los siguientes formatos de imágenes con sus características:
Formato usado para imágenes sencillas y simples, con pocos colores GIF PNG JPEG RPG.
Relaciona cada uno de los eventos de ratón con la opción que corresponda:
[Definición]
Se lanzará después de levantar el botón del ratón .dblclick() .mouseup() .mousemove() .focusout().
Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes:
Está desarrollado por Microsoft, y posee una alta calidad de sonido y un tamaño reducido.
Además, se puede incluir derechos de autor. Real audio WAV OGG WMA.
La resolución que generalmente utilizamos en un ordenador suele ser de 96 ppp (resolución 1.600 x 1.200).
Por lo que sería recomendable usar mayores resoluciones y aumentar el tamaño del archivo. Verdadero Falso.
Identifica si los siguientes navegadores admiten o no los siguientes formatos:
Nº4 SI NO.
Licencia:
Se permite el uso comercial de la obra y de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.
3 4 5 6.
Relaciona los formatos de audio más conocidos con sus funciones y características correspondientes:
La empresa creadora es RealNetworks y el reproductor que han creado para reproducir este formato es RealPlayer. Real audio WAV OGG WMA.
Relaciona los parámetros de los efectos fading con la opción que corresponda:
Este evento alternará entre aparecer y desvanecer el elemento según hagamos click sobre él. fadeToggle(); fadeOut(); fadeIn(); fadeAltern();.
Licencia:
No se permite un uso comercial de la obra original ni la generación de obras derivadas.
3 4 5 6.
En jQuery, la función que más utilizaremos será $(), relaciona en las funciones que se usa con su opción
correcta:
$("a[type]"); Seleccionar ID Seleccionar elementos con ciertos atributos Selección mediante el nombre de la case CSS Selección mediante su valor CSS.
Relaciona los atributos de la etiqueta <audio> con la opción que corresponda:
Controles de reproducción visibles. Autoplay Controls Loop NonStop.
Indica si esta afirmación es verdadera o falsa:
Los mapas de bits también reciben el nombre de "imagenes rasterizadas" Verdadero Falso.
Relaciona el software para crear y procesar imágenes con la opción que corresponda:
[Definición]
Aplicación de uso sencillo y presenta las herramientas básicas para el tratamiento de imágenes Pixlr GIMP Adobe Photoshop EasyTools.
Relaciona cada uno de los siguientes formatos de vídeo con la opción que corresponda:
[Definición]
Contenedor Open Source .swf, .flv y .f4v .ogg y .ogv .mp4 .mp7.
Relaciona cada uno de los siguientes formatos de vídeo con la opción que corresponda:
[Definición]
Versiones de Adobe para Flash vídeo desde 2002 hasta ahora .swf, .flv y .f4v .ogg y .ogv .mp4 .flash.
Licencia:
No se permite un uso comercial de la obra original ni de las posibles obras derivadas.
La distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original
3 4 5 6.
Relaciona los atributos de la etiqueta <audio> con la opción que corresponda:
Se inicia automáticamente. Autoplay Controls Loop Playauto.
¿Qué hace esta línea de código?
<script type="text/javascript" src="jquery.js"> </script> Cambiar la tipografía del elemento script Reiniciar el bucle Añadir el código jQuery Evitar que se pueda utilizar jQuery.
Indica si es verdadera o falsa la siguiente afirmación:
Mediante la accesibilidad se pretende desarrollar sitios web más accesibles para todos los usuarios que deseen acceder a algún tipo de información. Verdadero Falso.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Páginas web intuitivas según su apariencia Operatividad Robustez Perceptividad Comprensibilidad.
Indica cual de las siguientes afirmaciones es correcta: Cuando se habla de accesibilidad web nos referimos al acceso universal a la web Todas son correctas La función principal del W3C es "guiar a la web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la web" WAI son las siglas de "Web Accesibility Iniciative" (Iniciativa de Accesibilidad Web).
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Es imprescindible que el contenido web esté disponible para que pueda ser perceptible por los distintos sentidos, como pueden ser la vista, el tacto o la audición. Operatividad Robustez Perceptividad Comprensibilidad.
¿Para qué se utiliza la herramienta "Fangs"? Extensión que permite mostrar el contenido de una determinada página como si fuera un lector de pantalla Extensión para Mozilla que permite agregar un validador de HTML en el interior de Firefox Ninguna de las respuestas es correcta Es una barra de herramientas que se utiliza para Mozilla Firefox con las diferentes opciones que pueden utilizar los desarrolladores web.
¿Cuáles son los principios de la accesibilidad? Operatividad y Funcionalidad para gente con limitaciones Robustez, Perceptibilidad y Eficiencia Perceptibilidad, Operabilidad, Comprensibilidad y Robustez Robustez, Funcionalidad y Sencillez.
Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente:
[Definición]
Extensión que permite que los desarrolladores puedan realizar modificaciones sobre el código fuente HTML, CSS, JavaScript, etc. Web Accessibility Toolbar Firebug Web developer HTML Validator Tidy.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Ofrece ayuda a los usuarios para evitar y corregir errores Operatividad Robustez Perceptividad Comprensibilidad.
Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente:
[Definición]
Plugin utilizado en Internet Explorer que permite una evaluación manual sencilla de la accesibilidad de un sitio web. Web Accessibility Toolbar Firebug Web developer HTML Validator Tidy.
Indica si es verdadera o falsa la siguiente afirmación:
La Iniciativa de Accesibilidad Web (WAI), intenta facilitar el acceso a aquellos usuarios que presentaran algún tipo de discapacidad Verdadero Falso.
Indica si es verdadera o falsa la siguiente afirmación:
Es importante conocer las limitaciones técnicas que pueden tener los usuarios potenciales de un determinado sitio web.
La plataforma que se debe utilizar junto con la conexión que pueden tener. Verdadero Falso.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Ofrece una serie de medios que van a servir de ayuda a los usuarios que tengan alguna discapacidad a la hora de navegar, buscar contenido y visualizar dónde está ubicado. Operatividad Robustez Perceptividad Comprensibilidad.
Indica la opción correcta
El diseñador, siguiendo las diferentes pautas recomendadas, va a poder diferenciar entre dos tipos de actividades diferentes: Dirigir el proceso de desarrollo de los diferentes sitios web, es decir, asegurarnos de que un determinado sitio web, cumple los criterios de accesibilidad recomendados. Comprobar los diseños web en función de los criterios del equipo de desarrollo. Ninguna de las respuestas es correcta Dirigir el proceso de desarrollo de los diferentes sitios web según su criterio.
Identifica la afirmación verdadera: A la hora de poner en marcha alguna interfaz web no es necesario que tengamos en cuenta la usabilidad. Es imprescindible que tengas en cuentas las necesidades demandadas por los usuarios.
Indica la opción correcta
El diseñador, siguiendo las diferentes pautas recomendadas, va a poder diferenciar entre dos tipos de actividades diferentes: Comprobar los diseños web en función de los criterios de accesibilidad utilizados. Comprobar los diseños web en función de los criterios del equipo de desarrollo. Ninguna de las respuestas es correcta No comprobará los diseños web.
Indica si es verdadera o falsa la siguiente afirmación:
A la hora de diseñar un sitio web es fundamental no olvidar para qué usuarios va dirigido Verdadero Falso.
Indica si es verdadera o falsa la siguiente afirmación:
Para lograr conformidad con el Nivel AAA, la página web debe satisfacer todos los Criterios de Conformidad solo de los Niveles A Verdadero Falso.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Aumenta la compatibilidad de los agentes de usuarios actuales con los que se incorporen después. Operatividad Robustez Perceptividad Comprensibilidad.
Indica si es verdadera o falsa la siguiente afirmación:
Hoy en día todavía no existe ninguna herramienta que nos indique si un sitio es accesible al 100%.
Por este motivo, esta tarea no se puede realizar de forma automática. Verdadero Falso.
Indica la afirmación más correcta:
¿Para un mejor acceso a la información de un sitio web, que pautas son recomendables poner en práctica? Los enlaces y el mapa de navegación La navegación y la organización El head y el footer Ninguna de las respuestas es correcta.
Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente:
[Definición]
Extensión para Mozilla que permite agregar un validador de HTML en el interior de Firefox. Web Accessibility Toolbar Firebug Web developer HTML Validator Tidy.
¿Qué significa que una web es de categoría AAA? Cumple todos los requisitos de la WCAG Que está construida con la herramienta Fangs Cumple los requisitos de w3schools Es apta para todos los públicos, incluidos menores de edad.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Mediante el teclado, puede acceder a las funcionalidades. Operatividad Robustez Perceptividad Comprensibilidad.
Indica si es verdadera o falsa la siguiente afirmación:
En una web no es necesario que los enlaces muestren el contenido esperado. Verdadero Falso.
Relaciona las técnicas para satisfacer los requisitos definidos en las WCAG con su opción correspondiente:
[Definición]
Listado de todas las pautas, criterios de éxito y diferentes técnicas que se pueden utilizar en el desarrollo del contenido web. La comprensión de las propias pautas 2.0 El cumplimiento de las pautas 2.0 Las técnicas para satisfacer las pautas 2.0 Irse de pautas a las 2.0.
¿Qué aspectos hay que tener en cuenta a la hora de realizar un diseño web? Las páginas con mucho texto y que ocupa toda la ventana no son favorables para los usuarios. A los usuarios no les gusta que una página tenga algún elemento de Flash que necesite más de tres segundos para descargarse. Las páginas que tienen demasiadas interrupciones en la lectura provocadas por las diferentes ventanas que la componen son abandonadas por los usuarios. Todas las respuestas son correctas.
Indica que tipos de usuarios nos podemos encontrar: Usuario experto o administrador Visitante o invitado Usuario registrado o colaborador Todos son correctos.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Facilita a los usuarios que interactúen en el sitio web.
Ver y oír el contenido que contiene. Operatividad Robustez Perceptividad Comprensibilidad.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
La operatividad de una página web la podremos medir a través de los distintos formularios, controles,etc. Operatividad Robustez Perceptividad Comprensibilidad.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Debemos tener un contenido consistente y fiable.
Podremos permitir su uso con diferentes agentes de usuario y estar preparados para posibles tecnologías que puedan aparecer. Operatividad Robustez Perceptividad Comprensibilidad.
Indica si es verdadera o falsa la siguiente afirmación:
Firebug es una extensión que permite que los desarrolladores puedan realizar modificaciones sobre el código fuente HTML, CSS, JavaScript, etc. Verdadero Falso.
Identifica la afirmación verdadera: A la hora de poner en marcha alguna interfaz web no es necesario que tengamos en cuenta la usabilidad. Cada vez existen más personas que consultan la web para leer la prensa, por lo que evitan tener que salir a comprar el periódico.
La perceptibilidad hace que: El contenido web esté disponible para que pueda ser accesible para los distintos sentidos, como pueden ser la vista, el tacto o la audición. El contenido solo sea accesible para gente con limitaciones físicas El contenido web solo pueda ser accesible por usuarios administradores El contenido web solo pueda ser accesible por usuarios registrados.
Relaciona las técnicas para satisfacer los requisitos definidos en las WCAG con su opción correspondiente:
[Definición]
Diagrama en el que identificamos la relación existente entre los diferentes documentos técnicos. La comprensión de las propias pautas 2.0 El cumplimiento de las pautas 2.0 Las técnicas para satisfacer las pautas 2.0 Irse de pautas a las 2.0.
Indica si es verdadera o falsa la siguiente afirmación:
La usabilidad significa que una persona de capacidad y aptitudes medias (o por debajo de la media) puede usar algo, como un sitio web. Verdadero Falso.
Las formas que puede actuar W3C son: Facilita el acceso a la página desde cualquier dispositivo. Ayuda y apuesta por una buena calidad en los contenidos que presente la web. Mediante el trabajo, potencia la web para todos los usuarios. Todas las respuestas son correctas.
Relaciona la revisión de la accesibilidad web desde diferentes navegadores con su opción correspondiente:
[Definición]
Es una barra de herramientas que se utiliza para Mozilla Firefox con las diferentes opciones que pueden utilizar los desarrolladores web. Web Accessibility Toolbar Firebug Web developer HTML Validator Tidy.
Indica si es verdadera o falsa la siguiente afirmación:
Para orientar y guiar al usuario en las páginas web se suelen incorporar menús de navegación, que incluyen la información más importante del sitio. Verdadero Falso.
Relaciona las técnicas para satisfacer los requisitos definidos en las WCAG con su opción correspondiente:
[Definición]
Conjunto de las diferentes técnicas conocidas y de los errores junto a la descripción de los mismos. La comprensión de las propias pautas 2.0 El cumplimiento de las pautas 2.0 Las técnicas para satisfacer las pautas 2.0 Irse de pautas a las 2.0.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Tanto la interfaz como el contenido de una página web se deben entender de forma fácil y deben ofrecer una buena semántica a los usuarios que accedan a ella, independientemente de las particularidades que puedan tener los usuarios. Operatividad Robustez Perceptividad Comprensibilidad.
Une las pautas de accesibilidad 2.0 con los principios del diseño accesible:
[Definición]
Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas. Operatividad Robustez Perceptividad Comprensibilidad.
Indica si es verdadera o falsa la siguiente afirmación:
Si un usuario tiene dificultades para manejarse por la página, acabará abandonándola sin encontrar lo que buscaba Verdadero Falso.
Es posible que nos encontremos con algunos sitios que hayan sido diseñados con la intención de poder ser utilizados por distintos usuarios.
¿Cuáles son esos usuarios? Invitados o visitantes Administradores de bases de datos Invitados, Registrados y Administradores Administradores y Registrados.
Según el siguiente código: ¿A que líneas afectará? A todas las líneas Segunda y Cuarta línea Segunda y Tercera línea Segunda, Tercera y Cuarta línea.
¿De qué forma hacemos referencia a un CSS externo dentro de nuestro HTML? /* ... */ No se puede referencias a un CSS externo !important @import.
Según el siguiente código: ¿A que parrafos afectará? Al primero A ninguno Al primero y tercero A todos.
¿Qué realiza la función callback en jQuery? Muestra elementos que estaban ocultos pasando unos determinados parámetros Realiza un evento de ratón Todas las opciones son correctas Para realizar una secuencia de llamadas que se ejecutarán una detrás de otra.
En que versión empezó a salir PHP con ASP? 2.0 3.0 1.0 Ninguna es correcta.
Elemento on:
$(elements).on(events[,selector][,data],manejador); No busca asociares con elementos Busca asociarse al conjunto de elementos seleccionados. Pueden asociarse más de un evento separándolo con espacios Ninguna es correcta.
Según el siguiente código:
¿A que líneas afectará? Segunda y Cuarta línea A todas las líneas Segunda, Tercera y Cuarta línea Cuarta línea.
Que es XHTML? Es una etiqueta perteneciente al lenguaje XML Es una parte del lenguaje web responsive Es un analizador sintáctico Web Utiliza las mismas etiquetas y atributos que HTML aun que aplica una serie de reglas de sintaxis de XML.
En que versión de HTML se incorporaron las hojas de estilo CSS? 4.0 3.0 2.0 1.5.
Utilizando jQuery:
Para seleccionar solamente los elementos
<h1>, <div> y <p>
¿Cómo lo harías? $(#h1,#div,#p) $(.h1), $(.div), $(p) $("h1,div,p") $("*").
¿Cuál es el código jQuery correcto para establecer el color de fondo rojo de todos los elementos <p>? $("p").css( "background-color", "red" ); $("p").modify( "background-color", "red" ); $("p").style( "background-color", "red" ); $("p").layout( "background-color", "red" );.
|
