jueves, 29 de enero de 2015

PRUEBA DE VALIDACION 1305.6 RECUPERACIÓN


<P>Fecha:  9/01/2015 Módulo: MF0951_2 Unidad Formativa: UF1305.6
Nombre:                                                fecha de inicio:                                       
</P>
<BODY>
<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de una batería de preguntas tipo test y  unos ejercicios de código en Java con redacción<b>ESTA PRUEBA ES PERSONAL </b></H2> El objetivo de esta prueba es validar todos los conocimientos de la Unidad de competencia  y demostrar que se ha asimilado correctamente.
En este caso el test es opcional para tod@s aquellos que hayan aprobado el anterior.
La  batería de preguntas se encuentran más abajo. Pregunta correcta 0,5 puntos, incorrecta o vacia -0,2 puntos.
Respuestas:
1.-
2.-
3.-
4.-
5.-
6.-
7.-
8.-
9.-
10.-
11.-
12.-
13.-
14.-
15.-
16.-
17.-
18.-
19.-
20.-































Preguntas del test:
1.- ¿Qué evento se ejecuta cuando un usuario selecciona un elemento del formulario?

a) onselect.
b) onchange.
c) onselecction.
d) Ninguna es correcta.

2.- ¿Qué evento se ejecuta cuando un usuario cambia el estado de un formulario?

a)onchanging.
b)onselecting.
c)onchange.
d)Ninguna es correcta.

3.-¿ Cuál de los siguientes eventos, no es un evento ratón?

a)onclick.
b)onmouseup.
c)oncontextmenu.
d)Todos son eventos de ratón.

4.- ¿Qué evento se ejecuta cuando se mueve el puntero del ratón por la página?

a)onmouseup.
b)onmousedown.
c)fonmouse.
d)Ninguna es correcta.

5.- ¿Qué evento se ejecuta cuando el puntero del ratón sale del área ocupada por un elemento de la página?

a)onmouseover.
b)onmouse.
c)onmouseout.
d)Ninguna es correcta.

6.- ¿Qué evento se ejecuta cuando el puntero del ratón entra en un área ocupada por un objeto?

a)onmouseover.
b)onmouse.
c)onmouseout.
d)Ninguna es correcta.

7.- ¿Qué evento se ejecuta cuando el usuario suelta el botón del ratón que anteriormente había puesto?

a)desmouse.
b)onmousefree.
c)onmouseup.
d)Todas son correctas.

8.- ¿ Qué evento se ejecuta cuando el usuario pulsa una tecla?

a)onkerdown.
b)onkeyup.
c)onkeyfree.
d)Ninguna es correcta.

9.- ¿Qué evento se ejecuta cuando el usuario deja pulsada una tecla durante un tiempo determinado?

a)onkeypressed.
b)onkeypressing.
c)onkey.
d)Ninguna es correcta.

10.- ¿Qué evento se ejecuta cuando se libera la pulsación de una tecla?

a)onkeyfree.
b)onkeyup.
c)withoutkey.
d)Ninguna es correcta.

11.- ¿Qué evento se ejecuta cuando un ejemplo pierde el foco de la aplicación?

a)nofocus.
b)onblur.
c)withoutfocus.
d)Todos son válidos.

12.- ¿Qué evento se ejecuta cuando un elemento gana el foco de la aplicación?

a)focusin
b)onfocus
c)allfocus
d)Ninguna es correcta.

13.- ¿Qué evento se ejecuta cuando el visitante aprieta el botón de enviar el formulario?

a) onsubmit.
b) onsend.
c) onsending.
d) Ninguna es correcta.

14.- ¿Qué evento se ejecuta cuando se mueve un frame?

a)onframe.
b)onmove.
c)onwindow.
d)Todos pueden llegar a ser correctos.

15.- ¿Qué evento se ejecuta cuando se redimensiona la ventana del navegador?

a) onresize.
b) onsize.
c) onwindow.
d) Todos pueden llegar a ser correctos.

16.- El evento unload se ejecuta cuando la página se ha cerrado o descargado:

a) Verdadero.
b) Falso.
17.- ¿Qué evento se ejecuta cuando se carga la página?

a) oncharge.
b) onchange.
c) Son correctas a) y b).
d) Ninguna es correcta.

18.- ¿Qué evento se ejecuta cuando un usuario arrastra un objeto por la ventana del navegador?

a) onleave.
b) ondrag.
c) ondrop.
d) Ninguna es correcta.

19.- ¿Qué evento se ejecuta cuando se detiene la carga de una página?

a) onfail.
b) onabort.
c) onfaildown.
d) Todas son correctas.

20.- ¿ Qué evento se ejecuta cuando no se puede cargar un documento?

a) onfail.
b) onabort.
c) onfaildown.
d) Todas son correctas.

Ejercicio de código: En el archivo html y css adjuntado desarrollar lo siguiente:
  • METAS RELLENADOS CON COHERENCIA POR FAVOR
  • Aplicar todos los conceptos de un código sencillo y fácil de mantener.
  • Apartado de <NOSCRIPT> colocado y completado.
  • Código comentado en HTML y en el .js
  • Que la distribución de los objetos en el html sea USABLE y con conceptos de Diseño, al igual que las acciones a realizar de los eventos.
  • Scripts a realizar:
    • Que al cargar la página salga un mensaje con las instrucciones de manipulación del examen.
    • En el Lugar de las etiquetas números y cadenas, poner colores de fondo e imagen de sustitución <HTML> MODO TEXTO SIN EVENTO
    • Que al hacer clic en Nombre y Apellidos lo sustituya por un nombre y apellidos introducido por el usuario, con la mejor rutina de control posible. Aplicar bucle de repetición.
    • Poner un Input color despues de Colores de Fondo que cambie el color de fondo del DIV al ejecutar el evento onchange en el INPUT.
    • Elegir dos fotos y que cambie la foto con los eventos onmouse dentro del DIV al pasar por encima y salir del DIV.


JS


// Función apellidos() para cambiar el nombre y apellidos por defecto al que el usuario desee

function apellidos()
{

//el do while nos insistirá hasta que escribamos algo en el prompt, con intención de no dejar el h2 vacío
do{
var nuevo=prompt('Por favor, introduce tu nombre y tus apellidos','')
document.getElementById('nombre').innerHTML=nuevo

}while(nuevo=="")
//El confirm nos dará el ok para continuar
var pregunta=confirm('¿Los datos son correctos?')
if(pregunta==true)
{
window.alert('Puede proceder con el programa')

}


}



//Con la siguiente función, la imagen del div se sustituirá por otra

function foto()
{

document.getElementById('ima1').src="images2.jpg"

}

//Con ésta, la imagen volverá a ser la anterior al salir el ratón del div

function nuevafoto()
{
document.getElementById('ima1').src="images.jpg"

}



//Con esta función, el segundo div cambiará de color de fondo


function colorin()
{
document.getElementById('div2').style.background=colores.micolor.value


}


HTML


<!DOCTYPE html>
<html lang="es">

  <head>
    <title>Prueba 1305.7</title>
    <meta  content="text/html; charset=iso-8859-1">
    <meta name="Description" content="Prueba de validación de la unidad formativa 1305.7">
    <LINK REL="stylesheet" HREF="prueba.css" TYPE="text/css">
    <SCRIPT language=javascript src="prueba.js"></script>
    <!--Dada la posibilidad de que algún navegador no esté actualizado, por ende no podrá interpretar el contenido JavaScript, le mostraremos con esto al usuario un mensaje para que lo actualice y, además, le mostraremos distintas páginas para descargar de forma gratuita un navegador actualizado entre los más usados-->
    <NOSCRIPT>

  Este navegador no comprende los scripts que se están ejecutando, debe actualizar su versión de

  navegador a una más reciente. Por favor escoja entre las diversas opciones que le mostramos.

  <br><br>



  <!--<a href=http://windows.microsoft.com/es-es/windows/downloads>Microsoft</a>.<br>-->
  <!--Dejo comentado éste enlace ya que internet explorer dejará de existir para ser sustituido por otro navegador-->
  <a href=http://www.opera.com/es-es>Opera</a>.<br>
  <a href=http://support.apple.com/kb/dl1531?viewlocale=es_ES>Safari</a>.<br>
  <a href=https://www.mozilla.org/es-ES/firefox/new/>Firefox</a>.<br>
  <a href=http://www.google.com/intl/es/chrome/>Chrome</a>.<br>

    </NOSCRIPT>
  </head>
  <body onload="window.alert('Bienvenid@, por favor sigue estas instrucciones para un correcto funcionamiento del programa: \n 1)Primeramente haz click en nombre y apellidos e introduce los tuyos \n 2)Si pasas el cursor por el div, la imagen cambiará, también cuando lo retires \n 3)Al hacer click en el botón de color al lado del segundo div, aparecerá una paleta, escoge tu color y aplica cambios, el color del div cambiará al que escojas')">
  <h1>Prueba de validación 1305.7</h1>
  <img class="trebol" src="suerte.png" alt="Trebol" />
  <h2 id="nombre" onclick="apellidos()">Nombre y apellidos</h2>
  <h3>Imagen de sustitución</h3>
  <div  onmouseover="foto()" onmouseout="nuevafoto()" class="caja1"><br/>
 
  <img id="ima1" src="images.jpg" alt="imagen1"/>
 
  </div>
  <h3>Colores de fondo</h3>
  <form  id="colocado" name="colores">
  <input type="color" name="micolor" value="" onchange="colorin()"/>

 
  </form>
  <div id="div2" class="caja2">
 
   
  </div>
  </body>

</html>


CSS




body{
padding: 40px;
}
h1 {
float: left;
color: #9be663;
margin-left: 425px;
font-family: verdana;
margin-top: 60px;
font-size: 30pt;
}
.trebol {
position: relative;
left: 200px;
}
h2 {
color:#fc9720;
font-family: verdana;
margin-top: 20px;
}
h3 {
color:#9be663;
font-family: verdana;
margin-top: 80px;
font-size: 18pt;
}
.caja1 {
position: relative;
margin-left: 340px;
margin-top: 40px;
width: 800px;
height: 500px;
border: solid #fc9720 5px; 
Border-radius: 5%;
}
.caja2 {
position: relative;
margin-left: 340px;
margin-top: 40px;
width: 800px;
height: 500px;
border: solid #fc9720 5px; 
Border-radius: 5%;
}

#colocado{

position: relative;
margin-left: 170px;
margin-top: 40px;

}

#ima1{

position:relative;
margin-left: 250px;
margin-top: 130px;

}

No hay comentarios:

Publicar un comentario

analytics