Marca las respuestas correctas sobre la tipografía Es importante tener diferentes tipos de fuentes en la pagina Podemos estar limitados por distintos navegadores o sistemas operativos
El espacio en blanco no es importante en la tipografía Son las imágenes insertadas en un campo de texto .
De los siguientes programas, indica cual es un gestor de contenido: Boostrap NotePad WordPress Sublime text .
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. XHTML Todas las opciones son correctas
XML
HTML
.
¿Qué es un CMS?
Es un gestor de contenidos Es un lenguaje de programación para desarrollar webs Es una parte de la web donde colocamos nuestro CSS
Es un servidor web para la transferencia de archivos .
¿Cuál de las siguientes propiedades se utiliza para hacer una letra cursiva? font-variant font-style
font-family font-weight
.
Dado el siguiente código: Para modificar únicamente el color del texto del párrafo
“examen online” a color blanco, ¿qué selector utilizaremos?
p {color:white;} p > a {color: white;} h1p {color:white;}
*{color:white;}.
Relaciona los siguientes conceptos, con el componente de la interfaz web al que
corresponde: Cabecera Sistemas de navegación
Cuerpo de pagina Sistemas de cabecera .
¿Actualmente con que etiqueta realizamos una parte de la maquetación en HTML?
<div> <p>
<span> <tablet>
.
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:30px;} p{color-font:red; font:30px;}
p{background:red; font-size:30px; p{color:red; font-size:30px;}.
¿De qué forma hacemos referencia a un CSS externo dentro de nuestro HTML? /*..*/
!important
No se puede referencias a un CSS externo desde HTML
@import .
¿De qué elementos está compuesta una regla en CSS? ID, propiedad y clase
Identificador, clase y valor
Selector, propiedad y valor Etiqueta, párrafo y valor.
Relaciona los siguientes conceptos, con el componente de la interfaz web al que
corresponde:
Espacios en blanco La tipografía Sistema de navegación Los iconos.
¿Según el siguiente código, a que líneas afectara?
A todas las líneas
Segunda y tercera línea Segunda, tercera y cuarta línea Segunda y cuarta línea
.
¿Según el siguiente código, a que líneas afectara? Segunda y cuarta línea Segunda línea cuarta línea Segunda, tercera y cuarta línea .
¿Que es XHTML?
Utiliza las mismas etiquetas y atributos que HTML, aunque aplica una serie de reglas de sintaxis de XML
Es un analizador sintáctico web Es una parte del lenguaje web responsive
Es una etiqueta perteneciente al lenguaje XML.
Marca las respuestas correctas sobre los iconos: Perjudica a la hora de cargar la pagina
Insertando iconos, evitamos escribir gran cantidad de texto para explicar
determinadas acciones El uso de iconos nos perjudica a la hora de insertar el texto No es importante elegir bien los iconos.
Para conseguir las letras “ilerna online” de color blanco , cual de las siguientes
opciones es correcta?
font: white backgound-color:white;
background:white; color: white;.
Eventos de ratón: Estos eventos se realizarán cuando se utilice el puntero del ratón sobre un elemento ¿Qué evento se lanza después de hacer doble click?
Dclick()
Click() Mousedown() Dblclick().
¿Qué hace esta línea de código? $(“a[type]”); Seleccionar elementos con ciertos atributos Selecciona el ID Selección mediante el nombre de la clase CSS Selecciona todos los selectores de la pagina .
¿Cuál es el código jQuery correcto para establecer el color de fondo rojo de todos elementos <p>?
$(“p”).style(“background-color”,”red”); $(“p”).layout(“background-color”,”red”);
$(“p”).css(“background-color”,”red”); $(“p”).modify(“background-color”,”red”);.
¿Que realiza la función callback en jquery? Para realizar una secuencia de llamadas que se ejecutaran una detrás de otra Todas las opciones son correctas Muestra elementos que estaban ocultos pasando unos determinados
parámetros Realiza un evento de ratón .
¿Qué es una imagen rasterizada? Una imagen de mapa de bits Una imagen cuyo formato es .ai
Una imagen en flash
Una imagen vectorizada.
Siempre que usemos jQuery deberemos usar la siguiente instrucción: $(document).finish(function() (…)); $(document).ready(function()(…));
$(document).function().ready(…));
$(document.ready)=function()(…)).
jQuery es una biblioteca de JavaScript que permite realizar multitud de acciones,
además es libre y de código abierto que hace esta línea de código
<script type=”text/javascript” src=”jquery.js”>>/script>?
Añadir un código jQuery Reiniciar el bucle Cambiar la tipografía del elemento script
Evita el uso de jQuery.
¿Es correcto este código? Si, es correcto
Falta la etiqueta “class”
Falta la etiqueta #id
Falta la etiqueta reload
.
Para determinar el tamaño de un archivo gráfico, ¿qué opción no tendremos que tener en cuenta?
Dimensiones de la imagen Profundidad o paleta de colores
Resolución
El color de texto .
¿A la hora de optimizar una imagen para una página web, que factor debemos tener en cuenta para determinar el tamaño de un archivo grafico?
Las dimensiones de la imagen La resolución Todas las opciones son correctas El formato del archivo .
A la hora de incluir imágenes en una página web, lo hacemos a través de la imagen <img>, ¿cuál de los siguientes atributos no corresponde a una imagen? usemap type
src alt.
¿Utilizando jQuery para seleccionar solamente los elementos <h1> <div> <p> como lo harías? $(“*”)
$(.h1),$(.div).$(p) $(“h1,div,p”)
$(#h1,#div,#p).
¿A la hora de optimizar una imagen para una página web, que factor debemos tener en cuenta para determinar el tamaño de un archivo grafico? La resolución Las dimensiones de la imagen Todas las opciones son correctas El formato del archivo .
Las pautas de la accesibilidad son:
Perceptibilidad, robustez, cifrado y visualidad Perceptibilidad, operatividad, robustez y compresibilidad
Claridad, perceptibilidad organización y visibilidad
Robustez, comprensibilidad y operabilidad .
¿De las siguientes opciones cual no pertenece a un aspecto de la usabilidad?
Debe permitir que los usuarios puedan buscar información rápidamente Ofrecer una navegación fácil por el sitio web Pueda buscar información cómodamente Utilizar navegación de voz o texto para facilitar al acceso al sitio web.
La pauta de accesibilidad siguiente: “mediante el teclado, puede acceder a las
funcionalidades” a que principio de diseño accesible hace referencia? Robustez
Operatividad Comprensibilidad Perceptibilidad .
La robustez Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas
Hace que las páginas web sean más intuitivas según su apariencia Se basa en poder acceder a las funcionalidades como, por ejemplo, más
rapidez mediante combinación de letras de teclado.
¿Qué tipo de usuario no encontramos en diseños web?
Usuario experto o administrador
Visitante o invitado
Usuarios móviles
Usuario registrado o colaborador.
¿Qué tipo de niveles de calidad, de menor a mayor, web establece WCAG? AA, AAA, AAAA B, BB, BBB
A, AA, AAA 1, 2, 3.
¿Qué es el firebug? Es una extensión que permite que los desarrolladores puedan realizar modificaciones sobre el código fuente HTML, CSS, JavaScript, etc Es una regla de calidad de w3c Es un programa que nos determina la métrica del código de la web . Es un lenguaje de programación que nos ayuda con la usabilidad web.
En una web no es conveniente: Que existan enlaces que no nos lleven a ningún sitio concreto Hacer un buen diseño del sistema de navegación Los contenidos sean accesibles desde el menú de navegación principal o desde algún enlace Los enlaces deben mostrar el contenido esperado.
La perceptibilidad Se basa en poder acceder a las funcionalidades como, por ejemplo, más rapidez mediante combinación de letras de teclado Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después
Hace que las páginas web sean más intuitivas según su apariencia.
¿Qué es el consorcio W3C? Una técnica para optimización de web La base de la usabilidad
Es una asociación internacional compuesta por un conjunto de organizaciones que apuestan por trabajar de forma conjunta para conseguir desarrollar una serie de estándares y normas que debe tener una web Todas las opciones son correctas.
La perceptibilidad hace referencia a: Es imprescindible que el contenido web este disponible para que pueda ser visto, escuchado… Que se deba ofrecer una buena semántica a los usuarios para que accedan a ella Hace que las páginas web sean más intuitivas según su apariencia Que debemos tener un contenido consciente y fiable.
En informática, los entornos gráficos se basan en la numeración de la intensidad de tres colores, ¿Cuáles son?
Rojo, verde y azul Verde azul y blanco
Blanco negro y amarillo
Rojo amarillo y verde .
A que se refiere la pseudoclase :hover?
Cambiar todo el texto a color rojo
Elementos que indica el usuario sin necesidad de ser activados
Poner el foco en algunos elementos Elementos que tienen que estar activos indicados por el usuario .
¿Qué es una web amigable?
La usabilidad no tiene importancia en este tipo de webs Debe ser atractivo para los usuarios que lo van a utilizar y seleccionar un tipo de formato que cumple con las expectativas esperadas a los usuarios, tanto a nivel de navegación y contenido como de organización Debe cumplir un nivel A de consorcio WCAG Debe ser atractivo solo para los desarrolladores y cumplir la funcionalidad que ellos crean que deben aportar a la web .
El diseño gráfico de los portales abarca la: Colores y espacios en blanco del sitio web. Todos los espacios en blanco
Tipografía, colores y espacios en blanco del sitio web Vectores, tipografía, colores y espacios en blanco del sitio web.
¿De las siguientes opciones cual no pertenece a un aspecto de la usabilidad? Utilizar navegación de voz o texto para facilitar el acceso al sitio web Pueda buscar información cómodamente Ofrecer una navegación fácil por el sitio web Debe permitir que los usuarios puedan buscar información rápidamente.
La pauta de accesibilidad siguiente: "Mediante el teclado, puede acceder a las funcionalidades" ¿A qué principio de diseño accesible hace referencia? Robustez Comprensibilidad Operatividad
Perceptibilidad
.
En una web no es conveniente: Hacer un buen diseño del sistema de navegación Los enlaces deben mostrar el contenido esperado Los contenidos sean accesibles desde el menú de navegación principal o desde algún enlace Que existan enlaces que no nos lleven a ningún sitio concreto.
La Perceptibilidad: Se basa en poder acceder a las funcionalidades como, por ejemplo, más rapidez mediante combinación de letras de teclado Hace que las páginas web sean más intuitivas según su apariencia Presenta diferentes opciones para contenido no textual para adaptarse a las diferentes necesidades de las personas Aumenta la compatibilidad con los agentes de usuarios actuales con los que se incorporen después.
¿Qué es una web amigable? Debe ser atractivo para los usuarios que lo van a utilizar y, seleccionar un tipo de formato que cumpla con las expectativas esperadas de los usuarios, tanto a
nivel de navegación y contenido como de organización Deber cumplir un nivel A de consorcio WCAG Debe ser atractivo solo para los desarrolladores y cumplir la funcionalidad que ellos crean que deban aportar a la web La usabilidad no tiene importancia en este tipo de webs.
¿Cómo se hace en CSS para que el símbolo de los elementos de una lista sea un cuadrado? type: square list-style-type: square list-type: square style-list: square
.
En CSS, ¿qué pseudo clase se emplea para definir una propiedad cuando el cursor del ratón se sitúa sobre un elemento? :active
:hover :over :on.
¿Cuál de estas instrucciones está correctamente escrita en Javascript? if (a==0) alert (a);
if (a=0) print a; if (a==0) { print [a] }
if (a==0): print a;.
Con jQuery, mira el siguiente selector: $("div.intro"). ¿Qué se elige? Todos los elementos div con class=”intro”
El primer elemento div con class=”intro”
Todos los elementos div con id=”intro”
El primer elemento div con id=”intro”.
Cuando hablamos de accesibilidad web nos referimos a …. Un acceso universal a la web Manipulación de la web
Facilidad de lectura en la web Navegadores sencillos y fáciles de entender .
Este concepto de accesibilidad dio lugar a la iniciativa de…. Wa, web accesibility IWT, iniciativa de web para todos Todas son incorrectas WAI, Web accesibility iniciative.
¿Qué es XHTML? Es un analizador sintáctico web Es una parte del lenguaje web responsive Utiliza las mismas etiquetas y atributos que HTML, aunque aplica una serie de reglas de sintaxis
Es una etiqueta perteneciente al lenguaje XML.
¿Cuál es la sintaxis correcta de CSS para que todos los elementos <p> aparezcan en negrita? p {text-decoration:bold}
p {text-size:bold}
p {text-style:bold}
p {text-weight:bold}.
¿En css como se escribe un selector para que una regla se aplique a todos los párrafos que sean descendientes directos (hijos) de un elemento articulo (artcile)? article p article,p article>p
article+p
.
¿Cuál es la sintaxis correcta en CSS? {body=color:black} Body {color:black} Body {color=black} {body:color=black}
.
¿Cual de las siguientes afirmaciones es correcta?
jQuery es una Liberia de JSON
jQuery es una Liberia de JavaScript jQuery es un lenguaje propio de programación Ninguna de las anteriores es correcta .
Mediante la accesibilidad se pretende desarrollar sitios web… Mayor volumen de información en una web Mas accesibles para todos los usuarios que deseen acceder a algún tipo de información Mejores diseños intuitivos para cualquier persona Impedir poner sonidos que se auto reproduzcan al abrir una web.
El consorcio World wide web (W3C) es… Una asociación nacional compuesta por un conjunto de usuarios Una asociación internacional compuesta por un conjunto de organizaciones Un grupo de personas que deciden que puede ser mostrado en internet y que no Un conjunto de leyes creadas para ayudar al usuario .
A la hora de diseñar un sitio web es fundamental no olvidar… Que debe tener muchas profundidades Que el menú debe tener muchas secciones para saber perfectamente a que sección debe dirigirse el usuario Todas son correctas Que debe ser atractivo para los usuarios que lo van a utilizar
.
Cuantas herramientas hay que nos indiquen si un sitio es accesible al 100%? 0 2 3 5.
Parte superior de la interfaz, con anchura igual a la de la página y altura variable en la que, normalmente, situamos el logo del sitio web en cuestión y que, en algunos casos, puede ir acompañado de texto identificativo, imágenes, etc. ¿A qué componente de una
interfaz hace referencia? La cabecera Sistemas de navegación Cuerpo de pagina Pie de pagina.
¿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.
Gracias a estos sistemas podremos navegar por las distintas partes de una interfaz. ¿A qué componente de una interfaz hace referencia? Pie de página Cuerpo de página Sistemas de navegación La cabecera
.
Es la parte principal de un site, por lo que debe estar situado en la zona más importante, que suele ser en la parte central (si la hay), bajo la cabecera y al lado de un menú lateral (si lo hay) para la navegación. ¿A qué componente de una interfaz hace referencia? Pie de página Cuerpo de página Sistemas de navegación La cabecera
.
Está situado en la parte inferior de la web y también es una parte muy importante de la interfaz web, sobre todo para visualizar los distintos enlaces a servicios concretos. Por ejemplo, al contratar publicidad, para los formularios o datos de contacto, para las ofertas de empleo, etc. ¿A qué componente de una interfaz hace referencia?
Pie de página Cuerpo de página Sistemas de navegación La cabecera
.
Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: Es obligatorio. Indica la dirección URL de la imagen que queremos mostrar ¿A qué atributo hace referencia? src alt usemap ismap.
Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: Texto alternativo en una imagen ¿A qué atributo hace referencia? src alt usemap ismap.
Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: Texto alternativo en una imagen ¿A qué atributo hace referencia? src alt usemap ismap.
Para incluir una imagen en una página web deberemos hacerlo a través de la etiqueta <img> y utilizar sus principales atributos. Según la siguiente definición: Si la imagen se encuentra dentro de un enlace y es un mapa se indicará con este parámetro ¿A qué atributo hace referencia?
usemap alt src ismap
.
Indica de las siguientes características pertenece al formato PNG: No permite transparencias Tiene un formato con pérdida Permite transparencias Formato de compresión con pérdida.
¿Existen multitud de propiedades en CSS para modificar la tipología, cual nos permite modificar el estilo de la fuente?
font-style font-size font-family font-face.
¿Qué se entiende por HTML? Hard text markup language Hyper text mask language Hyper text markup language Hypet type markup language
.
¿El espacio en blanco es parte esencial de todo bien diseño? verdadero falso.
¿Dado el siguiente código, que opción utilizarías para el solamente el texto “texto color azul” se muestre azul?
<body>
<h1 class=”color1”> texto color verde </h1>
<h1 class=”color2”> texto color azul </h1>
<h1 class=”color3”< texto color rojo </h1>
</body> #color2 {color:blue;} #color2 {color:blue;} h1.color2{color:blue;} h1{color.blue;}.
¿A la hora de añadir una imagen, cuál de los siguientes atributos es obligatorio? Alt
Usemap src Width/height
.
¿Cuándo insertamos un video en HTML5, cuál de los siguientes atributos mostrara los controles de producción?
Controls
Autoplay src preload.
¿Mediante JQuery como seleccionaríamos un id y una clase? {caja1, caja2} {#caja1, .caja2}
(.caja1, #caja2)
(#caja1, #caja2)
.
¿Cuál es el selector que de la misma forma que es css selecciona varios elementos? Selector universal Selector por clase Selector múltiple
Selector por atributo.
A la hora de manipular atributos, ¿que llena un elemento con html?
.html(“cadena html”)
$(‘select[name=”nombreselect”]’}.val(); .html()
.text()
.
El evento focus() se utiliza cuando el elemento está en foco? verdadero falso.
¿A la hora de incluir imágenes en una página web, lo hacemos a través de la etiqueta <img>cuál de los siguientes atributos no corresponde a una imagen? type
Alt
src usemap.
¿Es correcto el siguiente código?
<audio controls=”controls” preload=”auto”>
<source src”Prueba.mp3” type=”audio/mpeg”/>
El navegador no soprota el audio
</audio> Falta la etiqueta #id
Falta la etiqueta reload
Si, es correcto
Falta la etiqueta “class”.
|
