Internet, páginas web y HTML.
HTML5
Bienvenida
Test de conocimientos previos
En este test vamos a analizar vuestro conocimiento previo. Para ello vamos a realizar una
serie de preguntas. Éste no es un test evaluable, su finalidad es únicamente informativa. No te
preocupes en absoluto si tu respuesta a las preguntas no es correcta.
Esta actividad de refuerzo no es obligatoria para superar el módulo.
Prueba realizada
Tu resultado en el test ha sido: 100
Has superado el test.
Tus respuestas
¿Qué es el código fuente de un programa?
El listado de ordenes que realizará nuestro programa cuando lo ejecutemos.
Todas las ordenes que podemos darle a un programa en cierto lenguaje de programación.
Un software encargado de traducir las ordenes que le hemos dado a nuestro programa.
Lo desconozco.
El código binario generado por el compilador.
[Link] es...
... un editor gráfico.
... un lenguaje interpretado.
... es un lenguaje compilado.
... es un lenguaje de programación que utiliza bloques.
¿Para qué sirve CSS?
Para realizar consultas en bases de datos.
Para crear aplicaciones para PC.
Para diseñar entornos gráficos.
Para definir hojas de estilos.
Lo desconozco
¿Qué es una variable?
Un recurso que podemos utilizar en programación para controlar el flujo de nuestra app.
Un recurso que podemos utilizar para repetir trozos de código.
Un recurso que podemos utilizar para guardar información.
Ninguna de las respuestas es correcta.
Lo desconozco.
¿Qué es un lenguaje de programación?
Una interfaz gráfica o editor donde realizar programas.
Un conjunto de palabras para escribir manuales de programación.
Una vía para comunicarnos con el ordenador y darle ordenes.
Un compilador.
Lo desconozco
Test de refuerzo nº1
Recuerda que este es un test de refuerzo, no es necesario que lo apruebes para superar el
curso pero te recomendamos que lo realices para afianzar tu aprendizaje. Podrás repetirlo
tantas veces como desees.
Esta actividad de refuerzo no es obligatoria para superar el módulo.
Test de refuerzo nº1
Prueba realizada
Tu resultado en el test ha sido: 100
Has mejorado tu anterior nota de 80.
Has superado el test.
Tus respuestas
¿Qué etiquetas tiene que tener siempre como mínimo nuestra página?
Las etiquetas: head y body
Las etiquetas: html, head y body
Las etiquetas: html y body
Ninguna de las anteriores
¡Perfecto!
¿Qué define la etiqueta "tr"?
Una tabla
Una columna de una tabla
Una linea horizontal
Una fila de una tabla
¡Perfecto!
¿Qué hace la etiqueta "img"?
Nos permite agregar un enlace con una imagen superpuesta
Nos permite incrustar una imagen en nuestra página
Nos permite definir la imagen de fondo de nuestra web
Ninguna de las anteriores es correcta
¡Perfecto!
Las páginas que tengamos en nuestro servidor WAMP...
Solo las podremos ver nosotros desde nuestro pc o alguno conectado a nuestra red, a
menos de que configuremos nuestro router adecuadamente
Pueden ser vistas por cualquier persona del mundo
Pueden ser vistas por cualquier persona que viva lo suficientemente cerca de nosotros
Todas son correctas
Perfecto
¿Qué uso tiene la etiqueta "title" en nuestros documentos?
Sirve para definir que imagen se utilizara como título de la web
Sirve para poner un título en cualquier parte de la página
Nos permite definir los títulos de los diferentes párrafos de un documento
Nos permite definir el titulo de nuestra web (el que sale en la pestaña del navegador)
¡Muy bien!
Internet, páginas web y HTML. HTML5
Test de refuerzo nº2
Esta actividad de refuerzo no es obligatoria para superar el módulo.
Test de refuerzo nº2
Prueba realizada
Tu resultado en el test ha sido: 100
Has mejorado tu anterior nota de 80.
Has superado el test.
Tus respuestas
¿Qué nos permite definir la etiqueta "td"?
Una columna de una tabla
Una fila de una tabla
Una tabla de dimensiones reducidas
Ninguna de las anteriores
¡Perfecto!
¿Podemos incrustar un archivo CSS en cualquier pagina html?
No
Sí
Solo si la página contiene un cierto número de párrafos
Solo si no hemos utilizado los parámetros style en ningún lugar
¡Perfecto!
¿Cuál es el límite de filas que puede tener una tabla?
No hay límite
100 filas
10 veces el número de columnas que tenga la tabla
Todas son correctas
¡Perfecto!
¿Para qué nos puede servir definir un estilo CSS para un id concreto?
Para nada
Para definir el estilo por defecto de la página
Para definir el estilo de un conjunto de elementos
Para definir el estilo de un elemento en concreto
Exacto
Identifica que tipo de lista se muestra en cada imagen
La primera una lista ordenada y la segunda una lista no ordenada
Las listas no se diferencian por tipos
La primera es una lista de ítems y la segunda una lista de valores
La primera una lista no ordenada y la segunda una lista ordenada
¡Muy bien!
Internet, páginas web y HTML. HTML5
Evaluación [Test]
Esta actividad es OBLIGATORIA para superar el módulo.
Evaluación [Test]
Prueba realizada
Tu resultado en el test ha sido: 80
Has mejorado tu anterior nota de 60.
Has superado el test.
Tus respuestas
¿Para qué sirve la instrucción "td"?
Para crear una fila en una tabla
Para crear una tabla de dimensiones reducidas
Ninguna de las respuestas es correcta
Para crear una celda dentro de una fila
Bien
¿Cuál de los siguientes códigos es correcto si queremos tener una imagen que al hacer
clic sobre ella no envie a una página web, es decir que la imagen sea un hipervínculo?
<a href=”[Link]”> <img src=”[Link]” ></a>
<img src=”[Link]”> <a href=”[Link]> </img>
<a href=”[Link]” img=”[Link]” >
<img src=”[Link]” link=”[Link]” />
Perfecto
¿Podemos definir estilos en un archivo separado de nuestra página y utilizarlos en
esta?
Sí, en un archivo HTML
Sí, en un archivo JS
Sí, en un archivo CSS
No
Exacto
¿Qué nos permiten las clases en las CSS?
Utilizar un mismo estilo en diversos elementos
Definir un estilo para un único elemento
Definir trozos de código HTML que podemos repetir fácilmente
Cambiar el título de la página que se muestra en el navegador
Perfecto
¿Cuál de estas etiquetas deberíamos utilizar si queremos que nuestro texto este en
negrita?
<boldie>
<strong> o <b>
<black>
<em>
¡Exacto!
¿Qué es el lorem ipsum?
Apellidos de los creadores de HTML
Es un texto que se utiliza para relleno
Es un concepto de diseño
Son dos tags especiales
Bien
¿Para qué sirve la etiqueta "p"?
Para definir un párrafo
Para definir una palabra especial
Para definir una cita importante
Para nada
¿Cuál de estos códigos CSS cambiaría el color de fondo de una página al enlazar el
archivo css a la misma?
Respuesta A
Respuesta B
Respuesta C
Respuesta D
¿Cuantas filas y columnas tiene la siguiente tabla?
20 filas y columnas
4 filas y 5 columnas
5 filas y 4 columnas
No tiene filas ni columnas
¿Qué “tag” deberíamos usar para crear una lista de este tipo?
"ol"
"ul"
"xl"
"table"
Javascript y sus librerías
Test de refuerzo nº1
Esta actividad de refuerzo no es obligatoria para superar el módulo.
Prueba realizada
Tu resultado en el test ha sido: 100
Has superado el test.
Tus respuestas
¿Qué implica que un lenguaje sea “client-side” o de lado cliente?
Que el código se ejecuta en el servidor y se le da procesado al usuario.
Que el código se ejecuta en el ordenador del usuario y no en el servidor.
Que el código debe ser rellenado o implementado por el usuario.
Todas son correctas.
¡Muy bien!
¿Cuál de los siguientes códigos nos permitirá esconder una imagen con la id “img”?
[Link](“img”).visibility = hidden;
[Link]("img").style = "hidden";
[Link]("img").[Link] = "hidden";
[Link]("img") = "hidden";
¡Muy bien!
¿Qué código de los que se muestran a continuación escogerías si queremos que al
pulsar una imagen se ejecutara una función de javascript llamada “foo”?
< img src=”[Link]” onclick=”javascript:foo()” / >
< img src=”[Link]” href=”javascript:foo()” / >
No se puede hacer.
Ninguna de las anteriores es correcta.
¡Muy bien!
¿Qué tipo de lenguaje es JS?
Interpretado y del lado servidor.
Compilado y de lado cliente.
Compilado y de lado servidor.
Interpretado y de lado cliente.
¡Perfecto!
¿Cuál de estos códigos cambiará el color de la letra de un div llamado “test” a rojo?
[Link](“test”).color = “red”;
[Link]("test").[Link] = "red";
[Link]("test").[Link]-color = "red";
[Link]("test").clr = "red";
¡Perfecto!
Javascript y sus librerías
Test de refuerzo nº2
Recuerda que este es un test de refuerzo, no es necesario que lo apruebes para superar el
curso pero te recomendamos que lo realices para afianzar tu aprendizaje. Podrás repetirlo
tantas veces como desees.
Esta actividad de refuerzo no es obligatoria para superar el módulo.
Prueba realizada
Tu resultado en el test ha sido: 100
Has superado el test.
Tus respuestas
¿Para qué sirve la etiqueta < canvas > ?
Para cargar vídeos.
No existe una etiqueta con ese nombre.
Ninguna de las anteriores es correcta.
Para crear un lienzo en el cual podremos pintar imágenes y formas utilizando javascript.
¡Muy bien!
¿Qué nos permite la etiqueta < video > de HTML5?
Permitir que el usuario incruste un vídeo. Para reproducirlo nosotros tendremos que hacer
uso de canvas.
Reproducir un vídeo en nuestra página.
Ninguna es correcta.
Para crear un elemento que permita al usuario subir un vídeo a nuestra página
automáticamente.
Perfecto
¿Qué tipo de lenguaje es HTML5?
Un lenguaje del lado cliente.
Un lenguaje del lado servidor.
Un middleware
Todas son correctas.
Bien
¿Cuál de las siguientes opciones crees que ha surgido gracias a la aparición de
javascript?
Vídeos en streaming (videos on-line).
Juegos en el navegador.
Páginas interactivas.
Juegos en el navegador sin el uso de plugins como Flash.
Bien
¿Qué ventaja tiene hacer un juego con HTML5 en vez de exclusivamente con JS?
Nos permite no tener que cambiar de página entre los diferentes pasos del juego.
Nos permite el uso de un lienzo en el cual podemos pintar lo que queramos y de la
manera que queramos sin limitarnos al uso de elementos de html básicos para crear el juego.
Ninguna es correcta.
Nos permite el uso de la etiqueta < video > en la cual podemos dibujar el juego a nuestro
antojo.
¡Bien!
Javascript y sus librerías
Evaluación final [Test]
Esta actividad es OBLIGATORIA para superar el módulo.
Prueba realizada
Tu resultado en el test ha sido: 80
Has superado el test.
Tus respuestas
¿Cuál de estos códigos cambiará el color de la letra de un div llamado “test” a rojo?
[Link](“test”).color = “red”;
[Link]("test").[Link] = "red";
[Link]("test").[Link]-color = "red";
[Link]("test").clr = "red";
¿Qué error tiene el siguiente código?
La respuesta correcta es la A.
La respuesta correcta es la B.
La respuesta correcta es la C.
La respuesta correcta es la D.
¿Cuál de estas instrucciones dibujaría un cuadrado?
Respuesta A.
Respuesta B.
Respuesta C.
Respuesta D.
¿Qué diferencia hay entre “a” y 'a' (comillas dobles y simples respectivamente)?
Usamos las comillas dobles para definir un char que contiene la letra a y las comillas
simples para definir un string que contenga la letra a.
Ambas pueden ser usadas indistintamente.
Ambas versiones son incorrectas.
Usamos las comillas dobles para definir un string que contiene la letra a y las comillas
simples para definir un char que contenga la letra a.
Bien
¿Qué código dibujara 10 círculos equidistantes?
La respuesta correcta es la A.
La respuesta correcta es la B.
La respuesta correcta es la C.
La respuesta correcta es la D.
¿Con cuál de las siguientes instrucciones podemos dibujar una imagen?
[Link](img, x, y);
drawImage(img, x, y);
[Link](img, x, y);
image(img, x, y);
Bien
¿Cuál de estos códigos rellenará nuestro array de números aleatorios?
La respuesta correcta es la A.
La respuesta correcta es la B.
La respuesta correcta es la C.
La respuesta correcta es la D.
¿Para qué sirve el constructor de una clase?
Para eliminar el objeto.
Para crear una copia del objeto.
Todas son correctas.
Para declarar los valores iniciales del objeto y si hace falta preparar lo que necesite para
su funcionamiento. (como darle la posición inicial al objeto o cargar las imágenes de este)
¿Cuantas filas y columnas tiene la siguiente tabla?
20 filas y columnas
4 filas y 5 columnas
5 filas y 4 columnas
No tiene filas ni columnas
¿Cuál de estas etiquetas deberíamos utilizar si queremos que nuestro texto este en
negrita?
<boldie>
<strong> o <b>
<black>
<em>
¡Exacto!
