Vous êtes sur la page 1sur 18

TEMA 1 Introduccin a las Aplicaciones Web

1. Qu es Internet?
Internet es un conjunto descentralizado de redes de comunicacin interconectadas que utilizan
la familia de protocolos TCP/IP.
2. Cul es la diferencia entre Internet y la web?
Internet hace referencia a una red de redes mientras que la Web es un sistema de informacin
basado en hipertexto y que funciona sobre internet.
3. Dnde se invent la web?
Suiza, alrededor de 1989 por Tim Berners-Lee.

4. Qu es una aplicacin web?


Una aplicacin web es una aplicacin informtica distribuida cuya interfaz de usuario es
accesible desde un cliente web, normalmente un navegador web (funcionando en un PC, un
telfono mvil, una PDA, ).
5. Las aplicaciones web se suelen organizar en tres capas:
Presentacin, lgica de negocio y datos.
6. La capa de presentacin es responsable de:
Generar la interfaz de usuario con la informacin proporcionada por la capa de lgica de
negocio.
7. La capa de lgica de negocio es responsable de:
Implementar la lgica de la aplicacin como respuesta a las peticiones de usuario, normalmente
accediendo a la capa de datos.
8. La capa de datos es responsable de:
Proporcionar acceso a los datos a la capa de lgica de negocio, normalmente accediendo a
un sistema de gestin de bases de datos.
9. Qu es un servicio web?
Un servicio web ofrece una interfaz de programacin (no de usuario) de una determinada
funcionalidad (servicio) accesible a travs de Internet y basada en estndares W3C.
10. Cul es el protocolo ms utilizado en Internet para acceder a las pginas de hipertexto
HTML?
HTTP.
TEMA 2 Introduccin a HTML esttico

1. Qu es lenguaje de marcado?
Los lenguajes de marcado aaden informacin a un texto mediante marcas (tambin
denominadas elementos). Esto es un <m info="x">texto</m> con una marca.
2. Cules son lenguajes de marcado?
Tipo SGML, HTML, Tipo XML y XHTML.
3. El objetivo de las ltimas versiones de XHTML es
La separacin de contenido y apariencia para facilitar la accesibilidad. El contenido se expresa
mediante XHTML y la apariencia mediante hojas de estilo CSS.
4. Las reglas de marcado estricto XML son:
1. Todo el documento debe estar dentro de un nico elemento raz.
2. Los elementos contienen texto y/o otros elementos, formando una jerarqua.
3. Los elementos no pueden solaparse: <e1><e2></e2></e1>
4. Todos las elementos deben tener etiquetas de apertura y de cierre:
<e>texto</e> (<e></e>equivale a <e/>).
5. Los nombres de los elementos son sensibles a maysculas y minsculas: <e> distinto de <E>.
6. Los elementos pueden llevar atributos en la etiqueta de apertura: <e at1="v1"
at2="v2">texto</e>
7. Los valores de los atributos deben ir entre comillas.
8. El orden de los atributos es irrelevante.
9. Los comentarios se escriben entre <!-- y -->.
5. Reglas de marcado estricto XHTML son:
1. Los elementos no pueden solaparse: <e1><e2></e2></e1>
2. Todos las elementos deben tener etiquetas de apertura y de cierre: <e>texto</e>
(<e></e> equivale a <e/>).
3. Los nombres de los elementos son sensibles a maysculas y minsculas: <e> distinto de <E>.
4. Los valores de los atributos deben ir entre comillas.
6. Las reglas de marcado de XHTML especifican que
Todos los elementos deben tener etiquetas de apertura o cierre.
7. Cules son los elementos de la estructura bsica?
<html>: elemento raz del documento.
<head>: cabecera del documento; aparte del ttulo, puede contener otra informacin sobre el
documento.
<title>: ttulo del documento.
<body>: cuerpo (contenido) del documento.
8. Un sistema de hipertexto
Aade una nueva dimensin al texto al incluir (hiper)enlaces que permiten saltar (navegar)
desde un punto de un texto a otro.
9. Qu hace: <a href="URL">texto enlace</a> ?
Salta al comienzo del documento identificado por la URL.
10. Qu hace: <a href="URL#ancla">texto enlace</a> ?
Salta al punto del documento de la URL donde est definida el ancla con el nombre
especificado.
11. Qu hace: <a href="..." title="informacin">texto enlace</a>?
El atributo title aade informacin sobre el enlace, que se suele mostrar como un tooltip en los
navegadores actuales.
12. Todos los caracteres pueden especificarse en XHTML mediante:
&#999; Donde 999 es el cdigo en decimal del carcter que se desea visualizar.
13. En el texto XHTML nunca se deben usar literalmente:
Los caracteres <, > y &, ya que pueden confundir al analizador del cdigo. Siempre se deben
usar como entidades con nombre.
14 Para qu sirven los mapas de imgenes?
Permiten definir, para una imagen determinada, un conjunto de reas de diferentes formas que
actan como enlaces.
15. Los atributos rowspan y colspan:
Permiten que una celda se expanda a travs de varias filas o columnas en tablas HTML.
16. Cul de los siguientes atributos es un atributo vlido en la declaracin de un anchor
<a > </a>?
Href.
17. El siguiente fragmento del cdigo xhtml <div><h1>Encabezado </h1><p> Parrafo primero
termina con la etiqueta:
</p></div>

18. Qu utilidad especfica tiene el atributo name en la etiqueta <a>?


Indica el lugar de la pgina al que se llega desde un enlace en el que se indique ese nombre.
19. El siguiente fragmento de cdigo XHTML, muestra los datos en forma de:
<div>
<h1>Asignaturas</h1>
<ul>
<li class="titulo">IISSI</li>
<li>BD</li>
</ul>
</div>

Lista no ordenada.
20. Qu conclusiones extraera del siguiente trozo de cdigo HTML?
<a href="a?n=1">Siguiente</a>

Pulsar en ese enlace es equivalente a enviar un formulario con un atributo action="a", sin atributo
method y que tiene una elemento input conname="n" y value="1".

21. En XHTML, los posibles destinos de salto dentro de un documento pueden expresarse
mediante:

Cualquier marca con el atributo id=nombre destino salto o una marca de tipo: <a
name=Nombre destino salto/>.

22. Dado el siguiente elemento dentro de un formulario <input type=text name=user


id=usuario value=abd /> Qu informacin sobre este elemento se enviara al servidor al
enviar el formulario suponiendo que el usuario no ha interactuado con el elemento?
El par user=abd.

TEMA 3 Formularios en HTML

1. Los conceptos bsicos de formularios HTML son:

Los formularios permiten enviar informacin al servidor web mediante una interfaz de usuario muy
bsica.
El procesamiento de un formulario se realiza mediante CGIs o mediante alguna tecnologa de
procesamiento en servidor (ASP, PHP, JSP, servlets, etc.).
Se pueden validar datos en el cliente mediante el uso de JavaScript.
2. Los atributos de <form> son:
Id, action, enctype y target.
3. El id en <form>:
Identifica al formulario para poder acceder a l desde cdigo JavaScript de cliente.
4. Action es la:
URL de la aplicacin que procesar los datos del formulario. En XHTML es obligatorio, en HTML si
no se especifica se asume que es la propia pgina. Puede ser tambin mailto:nombre@direccin
si se quieren enviar los datos por correo electrnico.
5. Enctype es el:

Tipo de codificacin de los datos. Si se van a enviar ficheros adjuntos debe ser multipart/form-data o
text/plain si se va a enviar por correo. El valor por defecto es application/x-www-form-urlencoded, que
convierte espacios en +.

6. Target es el:
Nombre de marco o de ventana en el que se mostrarn los resultados del procesamiento del
formulario (por defecto _self).
7. El atributo method de <form>:
Especifica cmo se van a enviar los datos del formulario. Puede tomar dos valores: post y get. Es
obligatorio en XHTML; en HTML el valor por defecto es get.
8. En el mtodo GET:
Los datos se aaden a la URL especificada en action despus del carcter ? en parejas
nombre=valor separadas por &:
http://www.ejemplo.com/x.asp?nombre=Pepe&apellido=P%E9rez
9. En el mtodo POST:
Primero se establece una conexin con la URL especificada en action y a continuacin se envan
los datos.
Si se quieren enviar archivos adjuntos al servidor es la nica opcin.
10. Para formularios con pocos datos:
GET es algo ms eficiente.
11. Para formularios con muchos datos:
Es mejor POST.
12. Con GET:
Los valores de los datos se ven directamente en la URL.
La nica forma de aadir valores a la URL de un enlace es mediante GET:
<a href="consulta.asp?idioma=es">Consulta</a>.
De esta forma podemos invocar aplicaciones sin usar un formulario.
13. Con POST:
Si se establece una conexin segura (HTTPS), los datos viajan encriptados.
14. Los elemento para controles de entrada de datos son:

15. Los atributos de <input> son:


Name, Id, type, value, disabled, readonly, size, maxlength, checked, title.
16. Name:
Indica el nombre del valor que se le enva al servidor (name=value). Si no se especifica name, el
valor del control no se enva.
17. El Id en <input>:
Se usa para acceder al control desde cdigo JavaScript.
18. Value...:
Indica el valor que se enva al servidor en el par nombre=valor. El algunos casos, value se usa
como el texto de un botn.
19. Si est presente checked:
Las casillas de verificacin (checkbox) y los botones radio (radio), aparecen seleccionados.
20. <input type="file"/>:
Genera un control para enviar (upload) archivos al servidor. Se debe usar con formularios que
tengan enctype="multipart/formdata" y method="post" sino, enva slo el nombre del archivo.
21. <input type="image" src="URL imagen" />:
Genera una imagen que al pulsarse hace que se enve el formulario, incluyendo las coordenadas
dnde se puls el ratn como nombre.x y nombre.y. Es la forma de implementar los mapas en el
servidor.
22. <input type="hidden"/>:
Genera un campo oculto del formulario (no se visualiza) que siempre se enva al servidor, por lo
que name y value son obligatorios. Es til para la programacin de aplicaciones web (como las
cookies).
23. <input type="password"/>:
Genera una campo de texto en el que no se muestra el texto escrito. No implica que el envo de
los datos est encriptado, si se enva con GET se ve el valor directamente.
24. <input type="radio"/>:
Genera un botn radio (1 de n). Todos los botones radio que tengan el mismo valor de name
forman un grupo. Al servidor se le enva slo el value del botn seleccionado. El atributo value no
genera texto. El atributo checked hace que aparezca como seleccionado (slo uno).
25. <input type="reset"/>:
Genera un botn para inicializar el formulario con los valores por defecto (los especificados en
value). Para el texto del botn se puede usar value. Si no se especifica, los navegadores usan su
propio texto por defecto. No necesita name.
26. <input type="submit"/>:
Genera un botn para enviar los datos al servidor. Para el texto del botn se puede usar value o
dejar al navegador decidir. No necesita name a menos que se quieran poner varios en un mismo
formulario con distintos value y as saber cual se puls (Aadir/Modificar/Borrar).
27. <input type="text"/>:
Es el tipo por defecto. Genera un campo de texto de longitud mxima maxlength y de tamao
en pantalla size. Se puede usar value para darle un valor por defecto.
28. Los atributos de <select> son:
Name, multiple, size, id, disabled y title.
29. En <select>:
Los atributos name, id, disabled y title tiene el mismo significado que en <input>.
30. Si est presente multiple:
Indica que se permite seleccionar ms de una opcin, que llega al servidor como:
name=value1,value2, ..., valueN
El atributo multiple hace que el control se visualice como una lista aunque size sea 1. Por defecto,
la seleccin es simple.
31. Size en <select>:
Indica el nmero de opciones visualizadas a la vez. Por defecto, el valor de size es 1. Si size=1 y no
es multiple, se visualiza como un combobox, si no, se visualiza como una lista de tamao size.

32. Los atributos de <option> son:


value: si se especifica, es el valor que se enva al servidor, si no, se enva el contenido de la etiqueta.
selected: indica las opciones seleccionadas por defecto. Si no se especifica, es la primera opcin.
33. El elemento <optgroup>:
Permite agrupar opciones y darles un nombre mediante su atributo label.
34. El atributo label:
Permite indicar explcitamente la etiqueta o ttulo de un control de un formulario.
Se puede usar de dos formas, indicando la etiqueta y luego el control mediante el atributo for, o
bien haciendo al control hijo de <label>.
No tiene una representacin concreta, aunque se le pueden aplicar hojas de estilo.
35. La etiqueta que debemos introducir en un formulario para enviar un fichero es:
<input type="file"/>
36. En un formulario, el atributo "name" de las etiquetas <input>...
Indica el nombre del valor que se le enva al servidor como un par name=value, uno para cada
elemento input del formulario.
37. En XHTML, la propiedad value est disponible en...
Todos los controles.
38. En las etiquetas input de un formulario XHTML, qu atributo indica el nombre con el que se
recibe el valor en el servidor y al que puede accederse desde PHP?
Atributo name.
39. Cul es una de las diferencias entre los mtodos de envo de datos POST y GET?
El mtodo POST es el nico que se puede utilizar para enviar ficheros dentro de un formulario.
40. Dado el siguiente elemento dentro de un formulario: input name="user" type="text" value="iissi"
id="usuario"Qu informacin sobre ese elemento recibira el servidor al enviar el formulario
suponiendo que el usuario no ha interactuado con el elemento?
El par user=iissi.
41. Para un conjunto de controles de tipo radio como:
...
<input name="tipo_univ" type="radio" value="publ" id="univ_publ" checked="checked" />
<input name="tipo_univ" type="radio" value="priv" id="univ_priv" />
...
De qu atributo de las etiquetas <input> se obtiene el valor que se enva al action del
formulario?
Del atributo value, es decir, "publ" o "priv".
42. Qu decisin tomara si en un formulario de su aplicacin deseara enviar pocos datos y
fuese muy importante la eficiencia y poco importante la seguridad de la informacin transmitida?
Utilizara el mtodo de envi GET siempre que no quisiera mandar un fichero.
43. Con el mtodo de envo GET:
Sin usar Javascript ni formularios, es la nica forma de mandar datos al servidor.
TEMA 4 Hojas de estilo en cascada

1. La separacin del contenido (la informacin que se muestra) de la presentacin (cmo se


muestra) tiene de ventajas:
Simplifica el cdigo de las pginas web.
Permite dar una apariencia homognea a un sitio web al aplicar los mismos estilos a todas sus
pginas.
Ampla las posibilidades de presentacin de HTML al permitir mucho ms control.
Permite presentar el mismo contenido de diferentes formas sin tener que modificarlo.
2. El atributo style:
Se puede especificar el estilo de un elemento HTML mediante el atributo style.
No es recomendable porque no separa presentacin de contenido.
3. La hoja de estilo interna:
Es mejor que usar el atributo style pero no permite reutilizar los estilos en otras pginas. Se puede
incluir una hoja de estilos en una cabecera HTML mediante el elemento <style>.
4. La hoja de estilo externa:
Es la forma recomendada, ya que permite reutilizar la misma hoja de estilo en varias pginas.
Para aplicar una hoja de estilos externa se usa el elemento <link> en la cabecera.
5. Los selectores:
Indican a qu elementos afecta la declaracin de estilo.
6. Mediante el atributo class:
Podemos asociar una o ms clases (normalmente una) a un elemento HTML.
7. Los elementos:
Pueden tener un atributo id (que debe ser nico dentro de un documento XHTML/HTML).
8. El selector universal:
Representa a todos los elementos; Se utiliza para establecer propiedades para todo el
documento. { color: green; font-size: 200% }
9. Las pseudoclases de hiperenlace:
Permiten especificar estilos para los distintos estados de los enlaces.
a:link para los enlaces no visitados.
a:active para los enlaces que se estn procesando.
a:visited para los enlaces visitados.
Otras pseudoclases son aplicables a cualquier elemento:
:hover cuando pasa el cursor del ratn por encima.
:focus cuando tiene el foco (entrada del teclado).
10. Las palabras clave:
Suelen utilizarse para propiedades no numricas: underline, small, xx-large, right,
11. background-attachment: indica :
Si la imagen de fondo se debe desplazar con el elemento (scroll, valor por defecto) o debe
permanecer fija en la ventana del navegador (fixed).
12. text-indent:
Especifica la sangra de la primera lnea del texto de un elemento.
13. text-transform:
Permite cambiar a maysculas o minsculas un texto; los valores vlidos son: capitalize (primera
letra en maysculas), uppercase, lowercase o none.
14. vertical-align:
Posicin vertical del texto dentro del rea del elemento; los valores vlidos son: baseline, middle,
sub, super, text-top, text-bottom, top, bottom y porcentajes.
15. line-height:
Separacin entre las lneas del texto; son vlidos valores absolutos, porcentajes o el valor normal.
16. Todo elemento HTML sigue un modelo de maquetacin basado en cajas concntricas. Qu
dos tipos hay?
En lnea (em, b, span) y de bloque (h1, p, div).
17. Qu es padding? Y margin?
Padding: Espacio entre contenido y borde; y Margin: Espacio entre borde y siguiente caja.
18. Clear:
Indica por qu lado de un elemento se debe evitar que su contenido sea adyacente a
elementos flotantes; los valores son none (por defecto), left, right y both.
19. El valor hidden:
Hace invisible al elemento, pero sigue tenindolo en cuenta para la maquetacin de la pgina
(deja el hueco).
20. Qu elementos HTML son objeto de: #aviso {color:red;} dentro de una hoja de estilo CSS?
El elemento cuyo id sea aviso.
21. Cul sera el efecto de aplicar p.sorpresa:hover {color:red;} de una hoja de estilo CSS
sobre una pgina HTML?
El color de las letras del texto dentro de una etiqueta <p> y tenga el atributo class=sorpresa,
sern de color rojo al pasar el ratn por encima del texto.
22. Qu es el W3C?
Es un consorcio internacional donde las organizaciones y personas que lo componen trabajan
conjuntamente para desarrollar estndares Web.
23. Cul sera el efecto de aplicar el siguiente estilo CSS a una pgina HTML?
a.oculto { visibility:hidden; }
Hace invisible al elemento a de la clase ocutlo, pero sigue tenindolo en cuenta para la
maquetacin de la pgina (deja el hueco).
24. Dado el siguiente fragmento de cdigo XHTML, Qu cdigo CSS hara que IISSI se muestre en
color rojo?
<div>
<h1>Asignaturas</h1>
<ul>
<li class="titulo">IISSI</li>
<li>BD</li>
</ul>
</div>

.titulo{color:red;}
25. Cul es el resultado de aplicar la siguiente hoja de estilos CSS al siguiente fragmento de
cdigo XHTML?
<div class="response"> A
<ul>
<li> E1; </li>;
<li> E2; </li>
</ul>
</div>;
*{ color: black; }
li { color: green; }
#response { color: blue; }
A aparece en negro y E1 y E2 aparecen en verde.
26. Para qu sirven los validadores de la W3C?
Para validar las hojas de estilo CSS de los documentos (x)HTML. Tambin valida HTML.
27. Cul es la forma recomendada por el W3C para la maquetacin de las pginas XHTML?
Mediante hojas de estilo CSS y usando principalmente div y span.
28. Cul es la forma recomendada para definir los estilos de los elementos HTML?
En ficheros CSS externos.
29. Dado el siguiente fragmento de cdigo XHTML, Qu cdigo CSS hara que el contenido de la
divisn con id=men se mostrara a la derecha del contenido de la divisin con
id=contenido?

#contenido { float: right; }


30. Qu hoja de estilos CSS hay que aplicar para que, dado el siguiente fragmento de cdigo
XHTML, aparezca el texto B subrayado, el texto segundo en color azul y en negrita y el esto
del texto con el estilo por defecto del navegador?

El siguiente cdigo CSS:


p em {Font-weight: bolder; color: blue}
li em {text-decoration: underline}

31. Dado el siguiente fragmento de cdigo XHTML, Cul sera el resultado de una llamada a
document.getElementByTagName(li)?

Sera un array de 3 objetos de tipo cadena.


TEMA 5a Javascript y Dom

1. Qu utilidad tiene Javascript?


Nos permite tener mayor dinamicidad en el diseo de las pgina webs.
2. Cules son las caractersticas principales de JavaScript?
Es un lenguaje interpretado (script), no compilado, basado en objetos y no es Java, aunque su
sintaxis es similar.
3. Si no existe return en una funcin:
O bien no se devuelve nada o bien la funcin devuelve una variable undefined.
4. Existen tres funciones predefinidas muy tiles para la validacin de formularios que son:
parseInt: convierte una cadena en un entero.
parseFloat: convierte una cadena en un real.
isNaN: es cierta si el argumento no es un nmero.
5. A las propiedades se accede mediante:
El operador punto o mediante los corchetes: objeto.propiedad, objeto["propiedad"].

6. A los mtodos se accede mediante:


El operador punto con parntesis: objeto.mtodo( parmetros ).
7. charAt(n):
Devuelve el carcter colocado en la posicin n.
8. match(c) :
Dice si la subcadena c pertenece a la Cadena.
9. substring(x,y):
Devuelve la subcadena que va de x a y inclusive (las cadenas empiezan en 0).
10. Dnde colocamos el JavaScript dentro de un elemento script?
Debe ir entre comentarios HTML para evitar problemas con navegadores antiguos.
11. Dnde colocamos el JavaScript en Xhtml?
Debe ir dentro de una seccin CDATA.
12. En qu orden se ejecuta el cdigo JavaScript?
El cdigo JavaScript se ejecuta siempre en el orden en el que aparece en el cdigo HTML.
13. Qu significa BOM?
Browser Object Model.
14. alert(msg):
Muestra una ventana con un mensaje.
15. confirm(msg):
Muestra una ventana con un botn de cancelar y otro de aceptar; devuelve true si se ha
pulsado aceptar y false si se ha pulsado cancelar.
16. prompt(msg,default):
Muestra una ventana de entrada de datos con un valor por defecto.
17. open(url,nombre,opt):
Abre una nueva ventana del navegador.
18. close():
Cierra la ventana.
19. Qu es DOM?
Conjunto de objetos estndares para representar documentos, enlaces, ventanas, texto,
botones pensado para acceder a documentos XML y HTML.
20. tagName (SOLO LECTURA):
Contiene el nombre de la etiqueta del elemento.
21. getAttribute(n):
Devuelve el atributo con nombre n.
22. setAttribute(n,v):
Modifica el atributo con nombre n dndole el valor v.
23. El array childNodes permite:
Acceder a los nodos hijos de un elemento.
24. El objeto document.body:
Proporciona acceso directo al cuerpo del documento.
25. Para buscar elementos en el rbol tenemos dos formas:
Mediante el identificador: getElementById(id).
Mediante el nombre de la etiqueta: getElementsByTagName(tagName).
26. Para crear nuevos elemento:
Se utiliza el nodo padre (document).
27. Cul ser el comportamiento del siguiente fragmento de cdigo en JavaScript?
var variableMisteriosa;
if ( variableMisteriosa ) alert("CIERTO");
else document.write("FALSO");
Sobreescribe todo lo que hubiera y escribe el texto "FALSO" a la pagina HTML mostrada en el
navegador.
28. Asumiendo un formulario con un control como el siguiente:
<input type="checkbox" id="check" onClick="procesa(this,'pepe');"> ... </input>
Qu efecto tiene la siguiente funcin en Javascript?
function procesa(campo,nombre){
var control = document.getElementById(nombre);
if( campo.checked ){
control.hidden = "hidden";}
else{
control.hidden="";} }
Ocultar el control con id="pepe" al marcar el control "check", y mostrarlo al desmarcar "check".

29. Cul es la forma ms rpida de acceder a un elemento concreto del rbol DOM usando
Javascript?
Utilizando e mtodo getElementById pasndole el identificador del elemento al que queremos
acceder.

30. En qu categoras se pueden dividir los objetos a los que se puede acceder por defecto con
JavaScript en un navegador?
Los objetos predefinidos de JavaScript, los objetos del BOM (Modelo de Objetos del Navegador)
y los objetos del DOM (Modelo de Objetos del Documento).
TEMA 5b JQuery

1. jQuery..
Hace de interfaz entre los navegadores y el cdigo JavaScript. Es JavaScript con funciones para
facilitar algunas tareas.
2. $(#primeros li):
Selecciona todos los descendientes aunque no sean directos.
3. $(#primeros, .segundos ):
Selecciona varios elementos.
4. $(#primeros > li):
Selecciona solo los hijos directos.
5. $(#primeros li:odd):
Selecciona los elementos impares.
6. $(#primeros li:even):
Selecciona los elementos pares.
7. next() y prev():
Se pueden aplicar a cualquier elemento de una lista.
8. $(li).first().parent(); :
Para ir al padre de un elemento.
9. $(#primeros).children(li); :
Selecciona los hijos.
10. children() a diferencia de find()
Devuelve slo hijos directos.

TEMA 6a Formularios HTML5

1. Las novedades ms importantes de HTML5 son:


Posibilidad de prescindir de lenguajes propietarios para videos y animaciones (p.e. Flash) con
las etiquetas <audio> y <video>
Etiquetas para estructurar las pginas web: <section>, <menu>, <figure>, <header>, <footer>...
Tratamiento avanzado de formularios.
2. Se aaden etiquetas y atributos especiales para:
Tratar con formularios que evitan escribir cdigo adicional en cliente y/o en servidor.

TEMA 6b Formularios HMTL5 y Javascript

1. Cul de los siguientes eventos deberas controlar para comprobar que un elemento de un
formulario ha sido modificado?
onChange.
2. Qu efecto tiene la siguiente funcin en Javascript aplicada al evento onSubmit de un
formulario?

Si nombre est vaco no se manda el formulario, y si no lo es, se manda.


3. Qu utilidad tiene el evento onSubmit de los formularios?
Se genera al intentar enviar el formulario y permite usar una funcin JavaScript de validacin que
puede cancelar el envo de los datos del formulario si detecta errores.
4. En validacin en cliente, Cul es la mejor opcin para resaltar los controles con valores
errneos siguiendo la filosofa de separar presentacin y contenido?
Crear una clase CSS que resalte los controles que contienen los datos errneos y modificar la
clase de los controles errneos con Javascript.
5. Cul de las siguientes cadenas est correctamente construida en JavaScript?
a. 'I love rock'n'roll'.
b. "'Espinete' era amigo de 'Don Pimpn' ".
c. 'Me llamo 'Chiquito' de la calzada'.
d. "Me llamo "Chiquito" de la calzada".
e. 'El smbolo ' representa una comilla'.
f. Todas las dems respuestas son falsas.

6. Qu tipos de procesado hay?


Validacin, activacin y precarga.
7. Para qu sirve la validacin?
Permite comprobar que un valor introducido es vlido para ser utilizado en la lgica de negocio.
8. Para qu sirve la activacin?
Activar/Desactivar dinmicamente elementos en funcin de los valores introducidos por el
usuario.
9. Para qu sirve la precarga?
Cargar dinmicamente distintas opciones en funcin de la eleccin del usuario. (Muy utilizado
para select).
10. onChange corresponde al evento que:
Se lanza cuando el usuario cambia el valor del control. Se entiende que el valor se ha cambiado
cuando el control pierde el foco.
11. Pasos de validacin:
Obtener Elemento , Obtener Valor, Comprobar y Mostrar Error(mediante ventana emergente o
Dom).
TEMA 7 Introduccin a PHP

1. Qu significa PHP?
Hypertext Preprocessor.
2. Qu diferencia hay entre Javascript y PHP?
PHP permite gestin de contenido, mientras que Javascript permite la dinamicidad de las
pginas web necesaria para mostrar dicho contenido.
3. Cules de las siguientes estructuras es vlida para introducir cdigo PHP en una pgina?
<? codigo php?>
4. Cul de los siguientes operadores es vlido para acceder a las propiedades static y const de
una clase PHP?
$this::
5. Cul es la importancia de PDO en PHP?
Mucha importancia, permite la portabilidad a nivel de datos a cambio de renunciar a explotar el
mximo potencial ofrecido por los drivers nativos, aunque an as puede haber diferencias entre
diferentes drivers PDO.
6. Qu prefijo deben tener siempre las variables en PHP?

El prefijo $.

7. Qu mostrar el siguiente cdigo PHP al procesarse?


<?
$total = 5;
$cuenta = "15";
$total += $cuenta;
echo $total;
?>

20.
8. Qu operador debe usarse en PHP para acceder a las propiedades declaradas como static y
const en PHP?
::
9. Qu comprueba la siguiente condicin en PHP?
(isset($_FILES['doc']) && ($_FILES['doc']['error'] == UPLOAD_ERR_OK))
Que el usuario ha seleccionado un fichero en el input con name="doc" y que se ha subido
correctamente al servidor.
10. La funcin extract en PHP se usa para...
Convertir los elementos de un array en variables utilizables en el cdigo.
11. En PHP los arrays
No tienen por qu contener objetos del mismo tipo, son asociativos (es decir, a cada elemento le
corresponde una nica clave que no tiene por qu ser numrica), el operador para acceder a
los elementos usando su clave es $array[clave] y no es necesario declarar ni inicializar los arrays.

12. Cul es la semntica del operador === en PHP?

Devolver cierto si $Obj1 y $Obj2 son la misma instancia.

13. PHP es un lenguaje que permite:


Crear scripts que son interpretados por el servidor generando el contenido que ser enviado al
cliente.
14. Qu URLs estn reservadas en el protocolo HTTP para la mquina local?
http://localhost y http://127.0.0.1.
15. Las variables predefinidas PHP estn disponibles siempre en el cdigo PHP y son:
$GLOBALS, $_SESSION, $_REQUEST,$_GET, $_POST, $_FILES, $_COOKIE, $_SERVER, $_ENV.
16. En las cadenas se usa el operador . para:
La concatenacin, pero tambin puede usarse .=.
17. echo y print:
Son considerados construcciones bsicas del lenguaje que permite representar el valor de una
variable en la salida (nuestra pgina web).
18. PHP provee la funcin extract para:
Sacar los elemento de un array a variables.
19. $this es una variable disponible cuando:
Se invoca un mtodo sobre un objeto y hace referencia a la instancia de la clase sobre la que se
realiza la invocacin.
20. $obj1 == $obj2 es cierto si:
$obj1 y$obj2 son objetos con los mismos valores para sus propiedades y son instancias de la
misma clase.
21. Include/Require:
El contenido es importado en la pgina pero accedemos a la misma url, y no se produce una
nueva peticin.
22. Header(Location: XXX):
A todos los efectos es una redireccin, mostrndose la nueva url en la barra de direcciones del
navegador.

TEMA 8 Procesamiento y Validacin de formularios en PHP


1. Cules de las siguientes variables PHP guarda la informacin relativa a las variables de
sesin?
$_SESSION.
2. En PHP, la variable $_SERVER...
Contiene informacin sobre el entorno de ejecucin y el servidor en el que se est ejecutando el
script PHP.
3. Cul sera la ms adecuada para procesar un error durante el acceso a datos con PDO en
PHP?
Capturar la excepcin asociada, redirigir al usuario a una pgina de error estndar y almacenar
toda la informacin posible sobre el error en un registro (log) para su posterior procesamiento por
parte del administrador del sistema.
4. En PHP, Cul es la utilidad de la variable global $_SESSION?
Sirve para almacenar variables asociadas a un nico usuario que son accesibles desde distintas
pginas de una aplicacin web. Contiene los datos relativos a una sesin.
Es un array asociativo, que permite almacenar y recuperar datos en el mbito de la sesin de un
usuario.
5. En PHP, la variable $_REQUEST...
Puede emplearse para acceder a los valores introducidos en un formulario, independientemente
de que se haya utilizado como mtodo de envo GET o Post. (Datos de la peticin).
6. La sentencia PHP unset($_SESSION["var"]);...
Libera o destruye la variable de sesin var.
7. Cul sera la causa ms probable de que el siguiente cdigo PHP no almacenara el nombre
de usuario en el objeto de sesin?
$_SESSION["user"] = $user;
No se ha iniciado el objeto de sesin previamente mediante session_start();
8. Suponga que tiene un fichero PHP que nicamente contiene el siguiente cdigo, Qu
conclusiones sacara?:

Es un cdigo incorrecto porque no se inicializa la sesin con sesin_start.

9. En PHP, la variable $_SERVER...


Contiene informacin sobre el entorno de ejecucin y el servidor en el que se est ejecutando el
script PHP.

10. Las variables de procesamiento de datos son:


$_REQUEST y $_FILES.
11. La variable $GLOBALS:
Es un array asociativo que contiene referencias a todas las variables globales definidas. Los
nombres de las variables globales son las claves del array.
12. La variable $REQUEST:
Contiene los valores de las variables de la peticin HTTP. Lo habitual es usarla para procesar los
datos enviados por los formularios.
13. Para procesar los ficheros subidos por los usuarios de nuestros formularios usamos la variable
global:
$_FILES.
14. $_FILES es:
Un array asociativo donde las claves son los nombres de los elementos file del formulario y los
valores son a su vez otro array con los siguientes elementos (por clave).
15. Una sesin es:
El tiempo que un usuario est conectado de forma continuada.
16. Un buen soporte para la gestin de sesiones sobre HTTP implica:
El mantenimiento de la sesin, es decir, detectar cundo dos peticiones pertenecen a la misma
sesin y la capacidad de almacenar informacin asociada a la sesin y acceder a ella desde
nuestros scripts.
17. Cuando las cookies estn desactivadas, PHP usa:
Variables ocultas en la peticin para mantener la sesin.

18. En PHP cada sesin est identificada por:


Una cadena de 32 caracteres (el sessionID).Esto implica que cada usuario conectado
concurrentemente tiene asociado un sessionID distinto. Cada sesin almacena sus datos
en un fichero distinto.
19. session_start:
Inicia una sesin y permite almacenar variables en $_SESSION.
20. session_destroy:
Destruye los datos guardados en la sesin.
21. session_id:
Devuelve los 32 caracteres que forman el identificador de sesin.

TEMA 9 - PHP y Acceso a Datos

1. El siguiente objeto PDOStatement:$stmt = $conexion->query("SELECT * FROM nombre_tabla"); :


Contiene el resultado de la consulta SQL enviada a la base de datos a travs de la conexin.
2. Si ya hemos implementado una validacin en cliente de los datos introducidos en los
formularios de nuestra aplicacin web, Es necesario hacer tambin una validacin en el
servidor?
S, la validacin en servidor es siempre necesaria porque no podemos hacer asunciones sobre los
datos que pueden venir de los clientes.
3. En un proceso de login, el cdigo para determinar si la clave introducida por el usuario es
correcta...
Se ejecutar en el servidor porque necesita acceder a la base de datos o a otro sistema de
autenticacin de usuarios.
4. En PHP, al hacer una consulta a la base de datos mediante objetos PDO:

Es necesario haber establecido previamente la conexin a la base de datos.

5. Qu operaciones con objetos PDO pueden generar excepciones?

Todas las operaciones con objetos PDO pueden generar excepciones y por lo tanto deben estar
dentro de un bloque try/catch.

6. Qu es PDO?
Es una librera de objetos ligeros PHP que permiten acceder a bases de datos desde el cdigo
PHP.
7. Cules son los actores de PDO?
Proveedor de datos, conexin (Objeto PDO) y base de datos.
8. Qu es un objeto PDO?
Es un objeto que representa una conexin con una base de datos, y nos permite ejecutar
consultas y obtener sus resultados.
9. Cules son los metodos de PDO?
- PDO( cadenaConexin, [usuario], [pwd], [opts]): abre la conexin con la BD. La cadena de conexin depende del
tipo de BD. Opcionalmente se puede indicar usuario, password y un conjunto de opciones de configuracin.
beginTransaction(): comienza una transaccin.
commit(): termina una transaccin.
rollback(): aborta una transaccin.
exec(SQL): ejecuta una instruccin SQL (INSERT, UPDATE, DELETE) y devuelve el nmero de filas afectadas.
query(SQL): ejecuta una consulta SQL (SELECT) contra la BD, devuelve un objeto PDOStatement con los
resultados.
lastInsertId(): devuelve la clave primaria de la ltima fila insertada. (Nota: este mtodo puede devolver resultados
inconsistentes dependiendo del driver usado).
10. Cul es la definicin de PDOStatement?
Representa una consulta preparada para su ejecucin en la BD y tras su ejecucin, su resultado.
11. Metodos de PDOStatement
bindParam(parmetros): asocia un valor a los parmetros establecidos en la consulta.
execute(parmetros): ejecuta la consulta usando los valores introducidos en el array
parmetros.
rowCount(): Devuelve el nmero de filas afectadas por la consulta (no funciona en todas las
BDs).
columnCount():Devuelve el nmero de columnas.
12. Cules son los pasos a seguir para cada funcin de la capa de acceso a datos?
Construir la sentencia SQL.
Obtener una conexin.
Ejecucin del comando SQL.
[Opcional] Tratamiento de errores.
Si abrimos la conexin debemos cerrarla.
Devolver los resultados si procede.

Vous aimerez peut-être aussi