var principal0x0 = ["
¿Eres un alumno adecuado para este curso?
Si no sabes nada o poco de lo que te vamos a enseñar en este curso, eres el alumno ideal.
Si ya sabes algunas cosas, quizás haya momentos en los que te aburrirás, pero lo más seguro es que descubrirás que muchas de las cosas que creías que sabías, las sabías mal. Así que, eres un alumno adecuado para este curso.
Si ya sabes muchas cosas, si ya te dedicas al desarrollo de páginas web, lo más seguro es que te aburrirás bastante, pero aun así es muy probable que resolverás dudas que tienes y aprenderás cosas nuevas. Sé consciente de ello, luego no digas que "no has aprendido nada".
¿Cómo puedes saber si eres un alumno adecuado para este curso? No es muy científico, en realidad es un pequeño juego, pero vamos a realizar lo siguiente. Lee el artículo “El límite de las máquinas no es su potencia, sino nuestra imaginación” que se publicó en el periódico El País recientemente (28/10/2014). A continuación realiza la siguiente actividad.
Nota: ¿Quieres conocer la respuesta correcta a las preguntas? Después de realizar este curso deberías conocer la respuesta correcta a todas las preguntas, pero de todas formas te la proporcionaremos: apúntate tus respuestas (por ejemplo, guárdalas en un fichero), al final del curso volveremos a esta actividad y comprobaremos tus respuestas.
1. Antes de leer el artículo, ¿sabías quién era Tim Berners-Lee?
', { questionType: 'multiple choice', choices: [ ['Sí, el inventor de la Web.',false,'Exacto. Quizás ya sepas mucho.'], ['Sí, un familiar lejano de Bruce Lee.',false,'Venga, ponte serio, no contestes tonterías (y nosotros no preguntaremos tonterías).'], ['No.',false,'Eres un buen candidato para este curso.'] ] }, '2. En el artículo se afirma "la world wide web, la telaraña mundial, cumple 25 años este miércoles (28/10/2014)", ¿estás de acuerdo con esta afirmación?
', { questionType: 'multiple choice', choices: [ ['Sí.',false,'Esa afirmación es errónea. Eres un buen candidato para este curso.'], ['No.',false,'Entonces, ¿qué aniversario se celebraba ese día? ¿Y cuándo cumplió 25 años la Web? Quizás ya sepas mucho.'], ['No lo sé.',false,'Eres un buen candidato para este curso.'], ['¿Qué es la World Wide Web?',false,'En serio, ¿no lo sabes? No te preocupes, lo aprenderás en este curso. Eres un buen candidato para este curso.'] ] }, '3. En el artículo se dice "Tim Berners-Lee, el creador de este protocolo", ¿estás de acuerdo con esta afirmación?
', { questionType: 'multiple choice', choices: [ ['Sí.',false,'Esa afirmación es parcialmente errónea, ¿por qué está mal? Quizás ya sepas mucho.'], ['No.',false,'Esa afirmación es parcialmente errónea, ¿por qué está mal? Quizás ya sepas mucho.'], ['¿Qué es un protocolo?',false,'No te preocupes, lo aprenderás en este curso. Eres un buen candidato para este curso.'] ] }, '4. En el artículo se dice "su lenguaje de programación, el HTML", ¿estás de acuerdo con esta afirmación?
', { questionType: 'multiple choice', choices: [ ['Sí.',false,'Esa afirmación es errónea. Eres un buen candidato para este curso.'], ['No.',false,'¿Por qué no es un lenguaje de programación? Quizás ya sepas mucho.'], ['No lo sé.',false,'Eres un buen candidato para este curso.'], ['¿Qué es un lenguaje de programación? ¿Qué es HTML?',false,'En serio, de verdad, ¿no sabes lo que es un lenguaje de programación? No te preocupes, en este curso no vas a aprender a programar, pero deberías saber lo que es un lenguaje de programación. Eres un buen candidato para este curso.'] ] }, '5. En el artículo se dice "Mosaic fue el primero [el primer navegador]", ¿utilizaste Mosaic alguna vez?
', { questionType: 'multiple choice', choices: [ ['Sí.',false,'Tú eres un veterano de la Web. Quizás ya sepas mucho.'], ['No.',false,'No pasa nada. Quizás ya sepas mucho.'], ['No lo recuerdo, puede ser.',false,'No lo recuerdas, pero tú ya navegabas por la Web hace muchos años. Quizás ya sepas mucho.'] ] }, '6. En el artículo se dice "Después llegó el Netscape de Marc Andreessen", ¿cómo se llamaba el navegador de Netscape?
', { questionType: 'multiple choice', choices: [ ['Netscape.',false,'Mal. Eres un buen candidato para este curso.'], ['Navigator.',true,'Bien. Quizás ya sepas mucho.'], ['Explorer.',false,'Mal. Seguramente te estás confundiendo con Internet Explorer. Eres un buen candidato para este curso.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity0x6 = [ '1. ¿Dónde trabajaba Tim Berners-Lee cuando desarrolló su idea que se convirtió en la Web?
', { questionType: 'multiple choice', choices: [ ['Apple.',false,'Mal. Tim Berners-Lee no trabajaba en Apple, y Steve Jobs tampoco (lo habían despedido unos años antes).'], ['CERN.',true,'¡Correcto! Tim Berners-Lee es físico, pero ha trabajado principalmente en temas de telecomunicaciones e informática.'], ['Google.',false,'Mal. Cuando nació la Web Google todavía no existía.'], ['Microsoft.',false,'Mal. Tim Berners-Lee no trabajaba en Microsoft.'] ] }, '2. ¿Cuanto tiempo pasó desde que Tim Berners-Lee crease su informe a que se desarrollase el primer servidor, navegador y pagina web?
', { questionType: 'multiple choice', choices: [ ['Unos pocos días.',false,'Mal. Tim Berners-Lee fue rápido, pero no tanto.'], ['Unos pocos meses.',false,'Mal. Tim Berners-Lee fue rápido, pero no tanto.'], ['Algo mas de un año.',true,'¡Correcto! El informe es de marzo de 1989 y la primera página web se publicó a finales de 1990.'], ['Casi cinco años.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity0x8 = [ '1. ¿Quién está considerado como uno de los padres de Internet?
', { questionType: 'multiple choice', choices: [ ['Robert Cailliau.',false,'Mal. Robert Cailliau fue colaborador de Tim Berners-Lee, no está considerado uno de los padres de Internet.'], ['Ted Nelson.',false,'Mal. Ted Nelson acuño los términos hipertexto e hipermedia, pero no participó en el desarrollo de Internet.'], ['Vinton Cerf.',true,'¡Correcto! Vinton Cerf es, junto con Robert Kahn, uno de los autores del protocolo TCP, uno de los protocolos fundamentales que controla la transmisión de datos en Internet. Fue creado entre 1973 y 1974.'] ] }, '2. ¿Qué protocolo se emplea para la transmisión de los datos en la Web?
', { questionType: 'multiple choice', choices: [ ['FTP.',false,'Mal. File Transfer Protocol se emplea para la transmisión de ficheros en Internet.'], ['HTML.',false,'Mal. HyperText Markup Language es el lenguaje que se emplea para escribir las páginas web.'], ['HTTP.',true,'¡Correcto! HyperText Transfer Protocol.'], ['SMTP.',false,'Mal. Simple Mail Transfer Protocol se emplea para el envío de los correos electrónicos.'] ] }, '3. ¿Qué protocolo se emplea para establecer conexiones remotas con otros ordenadores a través de Internet?
', { questionType: 'multiple choice', choices: [ ['FTP.',false,'Mal. File Transfer Protocol se emplea para la transmisión de ficheros en Internet.'], ['SMTP.',false,'Mal. Simple Mail Transfer Protocol se emplea para el envío de los correos electrónicos.'], ['Telnet.',true,'¡Correcto! Según la Wikipedia, "Telnet (Teletype Network) es el nombre de un protocolo de red que nos permite viajar a otra máquina para manejarla remotamente como si estuviéramos sentados delante de ella".'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity0x9 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity0x10 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity0x11 = [ '1. ¿Qué desarrolló Leonard Kleinrock?
', { questionType: 'multiple choice', choices: [ ['El protocolo TCP/IP.',false,'Mal. El protocolo TCP (Transmission Control Protocol) fue creado entre los años 1973 y 1974 por Vinton Cerf y Robert Kahn.'], ['La comunicación mediante la conmutación de paquetes.',true,'¡Correcto! Su obra más conocida y significativa es su trabajo en teoría de colas, que tiene aplicaciones en multitud de campos, entre ellos como fundamento matemático de la conmutación de paquetes, tecnología básica detrás de Internet.'], ['La red Ethernet.',false,'Mal. Leonard Kleinrock participó en el desarrollo de ARPANet.'], ['La Web.',false,'Mal. La Web fue desarrollada por Tim Berners-Lee.'] ] }, '2. ARPANet nació en Estados Unidos, ¿cuál fue el siguiente país que se conectó a esa red?
', { questionType: 'multiple choice', choices: [ ['Alemania.',false,'Mal. Repasa la lección.'], ['Dinamarca.',false,'Mal. Repasa la lección.'], ['Noruega.',true,'¡Correcto! En 1973, una conexión transatlántica por satélite conectó la Norwegian Seismic Array (NORSAR) a ARPANet, siendo el primer nodo fuera de Estados Unidos en conectarse.'], ['Suecia.',false,'Mal. Repasa la lección.'] ] }, '3. ¿Qué propuso Vinton Cerf?
', { questionType: 'multiple choice', choices: [ ['El protocolo HTML.',false,'Mal. HTML (HyperText Markup Language) fue desarrollado por Tim Berners-Lee.'], ['El protocolo HTTP.',false,'Mal. HTTP (HyperText Transfer Protocol) fue desarrollado por Tim Berners-Lee.'], ['El protocolo TCP.',true,'¡Correcto! Vinton Cerf es, junto con Robert Kahn, uno de los autores del protocolo TCP, uno de los protocolos fundamentales que controla la transmisión de datos en Internet. Fue creado entre 1973 y 1974.'], ['Las anteriores respuestas no son correctas.',false,'Mal. Hay una respuesta correcta.'] ] }, '4. ¿Cuál fue el primer mensaje que se envío por Internet?
', { questionType: 'multiple choice', choices: [ ['Lo.',true,'¡Correcto! Se quería enviar el comando "login", pero después de la "l" y la "o" el sistema se bloqueó (un pantallazo azul de la época).'], ['Love you.',false,'Mal. Todavía no existía el concepto de "ligar por Internet".'], ['Log off.',false,'Mal. Repasa la lección.'], ['Load.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity0x13 = [ '1. ¿De qué marca es el ordenador que se utilizó para desarrollar la Web?
', { questionType: 'multiple choice', choices: [ ['a) Apple.',false,'Mal. Caliente, caliente, porque el ordenador era de la otra compañía que fundó uno de los fundadores de Apple.'], ['b) Dell.',false,'Mal. Repasa la lección.'], ['c) IBM.',false,'Mal. Repasa la lección.'], ['d) NeXT.',true,'¡Correcto! Era un ordenador de la empresa que fundó Steve Jobs cuando lo echaron de Apple en 1985. Por cierto, después Apple compró NeXT y Steve Jobs regresó a Apple en 1997.'] ] }, '2. ¿Cuál es el título del famoso artículo que publicó Vannevar Bush sobre su máquina memex?
', { questionType: 'multiple choice', choices: [ ['a) As We May Analyze.',false,'Mal. Repasa la lección.'], ['b) As We May Play.',false,'Mal. Repasa la lección.'], ['c) As We May Read.',false,'Mal. Repasa la lección.'], ['d) As We May Think.',true,'¡Correcto! El artículo fue publicado en The Atlantic en julio de 1945.'] ] }, '3. ¿En qué año Tim Berners-Lee publicó la primera página web?
', { questionType: 'multiple choice', choices: [ ['a) 1989.',false,'Mal. En marzo de 1989, Tim Berners-Lee escribió su informe "Information Management: A Proposal".'], ['b) 1990.',true,'¡Correcto! En concreto se suele situar el 20 de diciembre de 1990 como la fecha en que el primer servidor web con la primera página web se puso en funcionamiento.'], ['c) 1991.',false,'Mal. Repasa la lección.'], ['d) 1992.',false,'Mal. Repasa la lección.'] ] }, '4. ¿Cuál fue el nombre inicial de la Web?
', { questionType: 'multiple choice', choices: [ ['a) Grid.',false,'Mal. Repasa la lección.'], ['b) Mesh.',true,'¡Correcto! En su informe "Information Management: A Proposal" de marzo de 1989, Tim Berners-Lee le puso el nombre provisional "Mesh", que se traduce por "la malla". Finalmente fue descartado porque "mesh" se podía confundir por "mess" que se traduce por "lío". Otros términos que Tim Berners-Lee barajó fueron "Information Mesh", "The Information Mine" o "The Mine of Information". Finalmente, Tim Berners-Lee decidió el nombre "World Wide Web" cuando escribió el código del primer servidor web y del primer navegador web a finales de 1990.'], ['c) Net.',false,'Mal. "Net" es una forma corta para referirse a Internet.'], ['d) Las anteriores respuestas no son correctas.',false,'Mal. Hay una respuesta correcta.'] ] }, '5. ¿Qué es el CERN?
', { questionType: 'multiple choice', choices: [ ['a) El centro europeo para la investigación nuclear.',true,'¡Correcto! CERN es el acrónimo de "Conseil Européen pour la Recherche Nucléaire".'], ['b) El centro europeo para la investigación informática.',false,'Mal. Repasa la lección.'], ['c) El centro europeo para la investigación de las telecomunicaciones.',false,'Mal. Repasa la lección.'], ['d) El centro europeo para la investigación de la economía.',false,'Mal. Repasa la lección.'] ] }, '6. ¿Cuál era el objetivo del sistema que desarrolló Tim Berners-Lee?
', { questionType: 'multiple choice', choices: [ ['a) Crear una plataforma para crear redes sociales.',false,'Mal. Tim Berners-Lee trabajaba en un centro de investigación científica y no tenía en mente crear un sistema para que la gente pudiese compartir fotos de gatitos.'], ['b) Desarrollar un sistema a prueba de ataques nucleares.',false,'Mal. Esa es una idea que a veces se asocia con el nacimiento de Internet, no con el nacimiento de la Web, pero es una idea incorrecta.'], ['c) Organizar y compartir la información existente.',true,'¡Correcto! El objetivo de Tim Berners-Lee fue crear un medio de comunicación más eficiente para los científicos que trabajaban en el CERN.'], ['d) Las anteriores respuestas no son correctas.',false,'Mal. Hay una respuesta correcta.'] ] }, '7. ¿En qué año se fundó el World Wide Web Consortium?
', { questionType: 'multiple choice', choices: [ ['a) 1990.',false,'Mal. En 1990 se puede considerar que nació la Web, ya que Tim Berners-Lee publicó la primera página web de la historia.'], ['b) 1991.',false,'Mal. Repasa la lección.'], ['c) 1993.',false,'Mal. Repasa la lección.'], ['d) 1994.',true,'¡Correcto! El W3C fue fundado en octubre de 1994 en el Massachusetts Institute of Technology Laboratory for Computer Science (MIT/LCS).'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity0x15 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x1 = [ '1. ¿Qué elemento supuso un cambio importante en las páginas web al permitir un mayor grado de interacción entre el usuario y las páginas web?
', { questionType: 'multiple choice', choices: [ ['Las imágenes.',false,'Mal. Las imágenes no aportan una mayor interacción. Repasa la lección.'], ['Las tablas.',false,'Mal. Las tablas no aportan una mayor interacción. Repasa la lección.'], ['Los formularios.',true,'¡Correcto! Los formularios permiten que el usuario seleccione e introduzca información que se puede mandar de vuelta al servidor web.'] ] }, '2. ¿Cuál es una de las principales ventajas de las aplicaciones web?
', { questionType: 'multiple choice', choices: [ ['Son más rápidas.',false,'Mal. La rapidez no es una característica propia de las aplicaciones web. Repasa la lección.'], ['No necesitan actualizarse por parte del usuario.',true,'¡Correcto! En las aplicaciones web el concepto de versión desaparece para el usuario final.'], ['Son más eficientes.',false,'Mal. Repasa la lección.'] ] }, '3.Para desarrollar una aplicación web es necesario poseer conocimientos:
', { questionType: 'multiple choice', choices: [ ['De programación y de bases de datos.',true,'¡Correcto! Para desarrollar una aplicación cualquiera, ya sea web o no web, es necesario saber programar y manejar una base de datos para almacenar la información que utiliza la aplicación.'], ['De diseño gráfico.',false,'Mal. El diseño gráfico es importante en una aplicación web, pero no es imprescindible.'], ['De instalación de sistemas operativos.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity1x2 = [ '1. Pault Otlet propuso la construcción de Mundaneum que era:
', { questionType: 'multiple choice', choices: [ ['Un archivo centralizado en el que se recogiese todo el conocimiento de la humanidad.',true,'¡Correcto! El objetivo era recoger todo el conocimiento existente y clasificarlo mediante un sistema que desarrolló junto a Henri La Fontaine denominado Clasificación Decimal Universal (CDU), el sistema de clasificación que se suele emplear en la mayoría de las bibliotecas.'], ['Un dispositivo electrónico capaz de crear y seguir enlaces entre distintos documentos almacenados en microfichas.',false,'Mal. Repasa la lección.'], ['Un ordenador que contuviese todo el conocimiento de la humanidad.',false,'Mal. Repasa la lección.'], ['Un museo para dar a conocer las ciencias naturales y sociales a la humanidad.',false,'Mal. Mundaneum pretendía ser un museo, pero su objetivo era muy ambicioso y no se limitaba únicamente a las ciencias naturales y sociales. Repasa la lección.'] ] }, '2. ¿Cuál es el título del famoso artículo que publicó Vannevar Bush sobre su máquina memex?
', { questionType: 'multiple choice', choices: [ ['As We May Talk.',false,'Mal. Repasa la lección.'], ['As We May Think.',true,'¡Correcto! El artículo fue publicado en The Atlantic en julio de 1945.'], ['As We May Read.',false,'Mal. Repasa la lección.'], ['As We May Write.',false,'Mal. Repasa la lección.'] ] }, '3. Una posible definición de hipermedia es:
', { questionType: 'multiple choice', choices: [ ['Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas mediante una estructura lineal.',false,'Mal. Eso es más bien la definición de hipertexto. Repasa la lección.'], ['Conjunto de datos, como imágenes, sonidos y texto, que se transmiten para comunicar información.',false,'Mal. Eso es más bien la definición de multimedia. Repasa la lección.'], ['Conjunto estructurado de diversos medios, como textos, gráficos, imágenes y sonidos, unidos entre sí por enlaces y conexiones lógicas para la transmisión de una información.',true,'¡Correcto!'], ['Conjunto estructurado de datos que se transmiten por el hiperespacio.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity1x3 = [ '1. URL es el acrónimo de
', { questionType: 'multiple choice', choices: [ ['Uniform Resource Locator.',true,'¡Correcto! Recuerda que una URL, traducido al español como Localizador Uniforme de Recursos, es un identificador que designa un recurso en Internet.'], ['Universal Resource Location.',false,'Mal. Repasa la lección.'], ['Unique Resource Locator.',false,'Mal. Repasa la lección.'] ] }, '2. En una URL, el esquema define
', { questionType: 'multiple choice', choices: [ ['El mecanismo o método que se emplea para recuperar un recurso a través de una red de ordenadores.',true,'¡Correcto! El esquema a veces también se llama el protocolo.'], ['El nombre de usuario que se emplea para establecer una conexión.',false,'Mal. Repasa la lección.'], ['El nombre de dominio.',false,'Mal. Repasa la lección.'] ] }, '3. Un acortador de URL es un mecanismo que permite
', { questionType: 'multiple choice', choices: [ ['Crear una URL que es sencilla de recordar.',false,'Mal. La URL que se crea no es sencilla de recordar. Repasa la lección.'], ['Transformar una URL insegura en una URL segura.',false,'Mal. Un acortador no tiene que afectar a la seguridad de una URL. Repasa la lección.'], ['Convertir una URL larga en una URL corta.',true,'¡Correcto! Los acortadores se han popularizado gracias a sistemas como Twitter en los que existe una restricción en el número de caracteres que se pueden escribir.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity1x4 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x5 = [ '1. Los nombres de dominio de primer nivel se organizan en
', { questionType: 'multiple choice', choices: [ ['Genéricos y comerciales.',false,'Mal. Repasa la lección.'], ['Genéricos y territoriales.',true,'¡Correcto! Los genéricos (.com, .net, .info, etc.) y los territoriales (.es, .fr, .mx).'], ['Genéricos, comerciales y territoriales.',false,'Mal. Repasa la lección.'] ] }, '2. ¿Cómo se identifica realmente un ordenador en Internet?
', { questionType: 'multiple choice', choices: [ ['Por su nombre de dominio.',false,'Mal. Un nombre de dominio se tiene que transformar en una dirección IP.'], ['Por su dirección IP.',true,'¡Correcto! Un ordenador se identifica por su dirección IP, aunque también puede tener asociado un nombre de dominio.'], ['Por su URL.',false,'Mal. Una URL identifica un recurso, que puede ser un ordenador, pero una URL se tiene que transformar en una dirección IP.'] ] }, '3. ¿Cuáles eran los dominios de propósito general que inicialmente existieron?
', { questionType: 'multiple choice', choices: [ ['edu, .gov, .mil, .net y .org.',true,'¡Correcto! Cuando el Sistema de nombres de dominio (DNS) se desarrolló en los años ochenta, se definieron siete dominios genéricos de primer nivel (gTLD): .gov, .edu, .com, .mil, .org, .net .int.'], ['.com, edu, biz, y .es.',false,'Mal. .biz se introdujo en el año 2001. .es es un nombre de dominio territorial, no es general. Repasa la lección.'], ['.com, .inf, .net, org y .xxx.',false,'Mal. .inf no existe, existe .info. .xxx se introdujo en el año 2011. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity1x6 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x7 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x8 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x10 = [ '1. La información que se publica en un blog aparece:
', { questionType: 'multiple choice', choices: [ ['Ordenada cronológicamente apareciendo primero la más reciente.',true,'¡Correcto! Esa es la forma normal de publicar la información, se podría configurar de otra forma, pero no es lo normal.'], ['Ordenada cronológicamente apareciendo primero la más antigua.',false,'Mal. Repasa la lección.'], ['Ordenada como quiera el autor o propietario del blog.',false,'Mal. Repasa la lección.'] ] }, '2. Los blog de Blogger tienen una dirección que finaliza con:
', { questionType: 'multiple choice', choices: [ ['blogger.com.',false,'Mal. blogger.com es la dirección a la que se accede para administrar un blog.'], ['blogspot.com.',true,'¡Correcto! blogspot.com es la dirección en la que se publican los blogs y blogger.com es la dirección a la que se accede para administrar un blog.'], ['blog.com.',false,'Mal. Repasa la lección.'] ] }, '3. ¿Quién define las etiquetas de un blog?
', { questionType: 'multiple choice', choices: [ ['El autor o propietario de un blog.',true,'¡Correcto!'], ['La plataforma que aloja el blog.',false,'Mal. Repasa la lección.'], ['El organismo que regula los blogs.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity1x11 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x13 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x14 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity1x15 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity2x3 = [ '1. Responde si es verdadera o falsa la siguiente afirmación: "El desarrollo web se encarga del aspecto de una web y el diseño de su comportamiento".
', { questionType: 'multiple choice', choices: [ ['Verdadero.',false,'Mal. El aspecto o presentación de una web suele ser parte del diseño web.'], ['Falso.',true,'¡Correcto!'] ] }, '2. Responde si es verdadera o falsa la siguiente afirmación: "El desarrollo web emplea herramientas gráficas como Adobe Photoshop y GIMP".
', { questionType: 'multiple choice', choices: [ ['Verdadero.',false,'Mal. El diseño web emplea herramientas gráficas como Adobe Photoshop o GIMP.'], ['Falso.',true,'¡Correcto!'] ] }, '3. El desarrollo de una aplicación o sitio web se divide en:
', { questionType: 'multiple choice', choices: [ ['Parte básica y ampliada.',false,'Mal. Repasa la lección.'], ['Parte primaria y secundaria.',false,'Mal. Repasa la lección.'], ['Parte cliente y servidor.',true,'¡Correcto! Las aplicaciones web se desarrollan en base a la arquitectura cliente-servidor, un modelo de aplicación distribuida en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes.'] ] }, '4. El desarrollo de una aplicación o sitio web se puede dividir en:
', { questionType: 'multiple choice', choices: [ ['Inicio, formulación, desarrollo y venta.',false,'Mal. Esas no son las fases que se nombran en la lección.'], ['Diseño, programación, testeo e instalación.',false,'Mal. Esas no son las fases que se nombran en la lección.'], ['Contacto inicial, planificación, contenido, diseño, desarrollo y lanzamiento.',true,'¡Correcto!'], ['Tormenta de ideas, análisis, programación y pruebas.',false,'Mal. Esas no son las fases que se nombran en la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity2x4 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity2x6 = [ '1. ¿Quién es considerado el padre del lenguaje HTML?
', { questionType: 'multiple choice', choices: [ ['a) Bill Gates.',false,'Mal. Bill Gates es uno de los fundadores de Microsoft.'], ['b) Bruce Wayne.',false,'Mal. Bruce Wayne es Batman.'], ['c) Tim Berners-Lee.',true,'¡Correcto! Tim Berners-Lee desarrolló a principios de los años noventa las tres tecnologías que son básicas para el funcionamiento de la Web: HTML, URL y HTTP.'], ['d) Steve Jobs.',false,'Mal. Steve Jobs fue uno de los fundadores de Apple.'] ] }, '2. ¿A partir de qué se desarrolló el lenguaje HTML?
', { questionType: 'multiple choice', choices: [ ['a) SGML.',true,'¡Correcto! Standard Generalized Markup Language (SGML) es la tecnología en la que se basó Tim Berners-Lee para desarrollar HTML.'], ['b) TeX.',false,'Mal. TeX es un sistema de tipografía especialmente diseñado para escribir documentos científicos y técnicos.'], ['c) XML.',false,'Mal. eXtensible Markup Language (XML) está relacionado con SGML y HTML, pero se desarrolló después de HTML.'], ['d) Las anteriores respuestas no son correctas.',false,'Mal. Hay una respuesta correcta.'] ] }, '3. ¿Qué elemento no incluía la primera versión de HTML?
', { questionType: 'multiple choice', choices: [ ['a) Listas.',false,'Mal. Repasa la lección.'], ['b) Párrafos.',false,'Mal. Repasa la lección.'], ['c) Tablas.',true,'¡Correcto! Las tablas son complejas y aparecieron en HTML 3.0.'], ['d) Texto con formato (negrita, cursiva).',false,'Mal. Repasa la lección.'] ] }, '4. ¿Qué etiqueta nunca ha sido oficialmente parte del estándar de HTML?
', { questionType: 'multiple choice', choices: [ ['a) blink.',true,'¡Correcto! Esta etiqueta fue introducida en el navegador Netscape Navigator para tuviera una característica adicional frente a Microsoft Internet Explorer.'], ['b) font.',false,'Mal. Repasa la lección.'], ['c) p.',false,'Mal. Repasa la lección.'], ['d) title.',false,'Mal. Repasa la lección.'] ] }, '5. Según el W3C, ¿cuándo se espera que HTML5 esté terminado y sea una recomendación oficial?
', { questionType: 'multiple choice', choices: [ ['a) 2014.',true,'¡Correcto! Y así ha sido, el 28 de octubre de 2014 se publicó "HTML5 - A vocabulary and associated APIs for HTML and XHTML".'], ['b) 2015.',false,'Mal. Repasa la lección.'], ['c) 2016.',false,'Mal. Repasa la lección.'], ['d) Las anteriores respuestas no son correctas.',false,'Mal. Hay una respuesta correcta.'] ] }, '6. ¿Qué significa HTML?
', { questionType: 'multiple choice', choices: [ ['a) High Text Make Language.',false,'Mal. Repasa la lección.'], ['b) HyperText Markup Language.',true,'¡Correcto!'], ['c) HyperText Mobile Language.',false,'Mal. Repasa la lección.'], ['d) Las anteriores respuestas no son correctas.',false,'Mal. Hay una respuesta correcta.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity2x8 = [ '1. El lenguaje HTML describe
', { questionType: 'multiple choice', choices: [ ['La estructura y el contenido de una página web.',true,'¡Correcto! HTML sólo define la estructura y el contenido de una página web, la presentación de una página web se define con otra tecnología llamada Cascading Style Sheets (CSS).'], ['La presentación de una página web.',false,'Mal. La presentación de una página web se define con otra tecnología llamada Cascading Style Sheets (CSS).'], ['La estructura, el contenido y la presentación de una página web.',false,'Mal. La presentación de una página web se define con otra tecnología llamada Cascading Style Sheets (CSS).'] ] }, '2. ¿Quién desarrolla el lenguaje HTML?
', { questionType: 'multiple choice', choices: [ ['Apple.',false,'Mal. Repasa la lección.'], ['Microsoft.',false,'Mal. Repasa la lección.'], ['W3C.',true,'¡Correcto! El lenguaje HTML es desarrollado por el World Wide Web Consortium (W3C) un organismo internacional en el que participan empresas como Apple y Microsoft.'] ] }, '3. En HTML, ¿la etiqueta final o de cierre puede llevar atributos?
', { questionType: 'multiple choice', choices: [ ['Sí.',false,'Mal. La etiqueta final o de cierre tiene el mismo nombre que la etiqueta inicial o de apertura, pero no lleva atributos.'], ['No.',true,'¡Correcto!'] ] }, '4. ¿Se puede ver el código HTML de cualquier página publicada en Internet?
', { questionType: 'multiple choice', choices: [ ['Sí.',true,'¡Correcto! El código HTML de una página no se puede ocultar o encriptar.'], ['Sólo si el autor de la página web no ha ocultado el código HTML.',false,'Mal. Repasa la lección.'], ['No.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity2x9 = [ '1. En el código base que se te proporciona debes realizar los siguientes cambios:
HTML son las siglas de HyperText Markup Language, que puede traducirse como lenguaje de marcas o marcado de hipertexto.\n
\n\nEl lenguaje HTML se emplea para crear las páginas web. Es muy fácil ver el código HTML de una página web, la opción exacta cambia de un navegador a otro y también puede cambiar de una versión a otra de un mismo navegador, pero suelen tener un nombre similar.\n
\n\nHTML se compone de etiquetas que se escriben entre los símbolos menor que y mayor que.
\n\nLos inicios del lenguaje HTML se remontan al año 1990, cuando Tim Berners-Lee creó la primera página web.
\n\n\n', solutionHTML: '\n\nHTML son las siglas de HyperText Markup Language, que puede traducirse como lenguaje de marcas o marcado de hipertexto.\n
\n\nEl lenguaje HTML se emplea para crear las páginas web. Es muy fácil ver el código HTML de una página web, la opción exacta cambia de un navegador a otro y también puede cambiar de una versión a otra de un mismo navegador, pero suelen tener un nombre similar.\n
\n\nHTML se compone de etiquetas que se escriben entre los símbolos menor que y mayor que.
\n\nLos inicios del lenguaje HTML se remontan al año 1990, cuando Tim Berners-Lee creó la primera página web.
\n\nTim Berners-Lee definió la primera versión de HTML en el año 1991.
\n\nEn la actualidad, la última versión de HTML es HTML5.
\n\n\n', hint: '' } ]; /////////////////////////////////////////////////////////////////////// var activity2x10 = [ '1. A partir del texto que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Además, tienes que tener en cuenta los siguientes requisitos:
\nSir Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.\n
\n\n\nNació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y formaron parte del equipo que construyó el Manchester Mark I (una de las primeras computadoras). Durante el tiempo que estuvo en la universidad, construyó una computadora con una soldadora, circuitos TTL, un procesador Motorola 68000 y un televisor viejo. Se graduó en física en 1976 en el Queen\'s College de la Universidad de Oxford. Conoció a su primera esposa en este periodo. En 1978, trabajó en D.G. Nash Limited (también en Poole) escribió un sistema operativo.\n
\n\n\nBerners-Lee trabajó en el CERN desde junio hasta diciembre de 1980. Durante ese tiempo, propuso un proyecto basado en el hipertexto para facilitar la forma de compartir y la puesta al día de la información entre investigadores. En este periodo también construyó un programa llamado Enquire que no llegó a ver la luz.\n
\n\n\nDespués de dejar el CERN, en 1980, se fue a trabajar a la empresa de John Poole Image Computer Systems Ltd., pero regresó al CERN otra vez en 1984.\n
\n\n\nEn 1989, el CERN era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto (HTTP y HTML), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador (llamado WorldWideWeb y desarrollado con NextStep) y el primer servidor web al que llamó httpd (HyperText Transfer Protocol daemon).\n
\n\nFuente: Wikipedia
\n\n\n', hint: '' } ]; /////////////////////////////////////////////////////////////////////// var activity2x11 = [ '1. Corrige los errores que presenta el código base que se te proporciona.
', { questionType: 'html editor', initialHTML: '\n\n\nEn informática, la World Wide Web (WWW) o Red informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.\n\n
\nLa web se desarrolló entre marzo de 1989 y diciembre de 1990 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992.\n
\n\n\nDesde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una web semántica.\n
\n\nFuente: Wikipedia
\n\n', solutionHTML: '\n\n\n\n\nEn informática, la World Wide Web (WWW) o Red informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.\n\n
\n\n\nLa web se desarrolló entre marzo de 1989 y diciembre de 1990 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992.\n
\n\n\nDesde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una web semántica.\n
\n\n\n\nFuente: Wikipedia
\n\n\n\n', hint: '' } ]; /////////////////////////////////////////////////////////////////////// var activity2x12 = [ '1. A partir del texto que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Además, tienes que tener en cuenta los siguientes requisitos:
1. Debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Selecciona para cada lista el mejor tipo de lista.
', { questionType: 'html editor', initialHTML: '', solutionHTML: '\n\n1. A partir del texto que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Además, tienes que tener en cuenta los siguientes requisitos:
Consejo: para comprobar que los enlaces intradocumentales funcionan correctamente, aumenta el tamaño o zoom de la página con "Control +"
', { questionType: 'html editor', initialHTML: 'Los tres pilares de la Web\n\n\nTim Berners-Lee es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la Web:\n\n\nHTML\nHTTP\nURL\n\n\nHTML\n\n\nHTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.\n\n\n\nFuente: HTML, Wikipedia\n\n\n\nHTTP\n\n\nHypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.\n\n\n\nFuente: HTTP, Wikipedia\n\n\n\nURL\n\n\nUn localizador de recursos uniforme o URL —siglas en inglés de Uniform Resource Locator— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.\n\n\n\nFuente: URL, Wikipedia\n\n', solutionHTML: '\n\n\nTim Berners-Lee es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la Web:\n
\n\n\n\n\n\nHTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.\n
\n\n\nFuente: HTML, Wikipedia\n
\n\n\n\nHypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.\n
\n\n\nFuente: HTTP, Wikipedia\n
\n\n\n\nUn localizador de recursos uniforme o URL —siglas en inglés de Uniform Resource Locator— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.\n
\n\n\nFuente: URL, Wikipedia\n
\n\n\n' } ]; /////////////////////////////////////////////////////////////////////// var activity2x15 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity2x16 = [ '1. En HTML5, ¿que etiqueta podemos usar si queremos introducir un salto de linea?
', { questionType: 'multiple choice', choices: [ ['a)<br>
.',false,'Mal. Repasa la lección.'],
['b) <br />
.',false,'Mal. Repasa la lección.'],
['c) Podemos usar las dos.',true,'¡Correcto! Se pueden usar las dos, todo depende de la sintaxis de HTML5 (HTML o XML) que se esté utilizando.']
]
},
'2. ¿Cómo podemos introducir espacios extra entre dos palabras?
', { questionType: 'multiple choice', choices: [ ['a) Usando la etiqueta<space>
.',false,'Mal. Esa etiqueta no existe.'],
['b) Usando el carácter especial
.',true,'¡Correcto! Así se puede introducir un espacio extra, pero no se debe abusar de esta característica.'],
['c) Usando el carácter especial &space;
.',false,'Mal. Ese carácter especial no existe.'],
['d) Usando la etiqueta <nbsp>
.',false,'Mal. Esa etiqueta no existe.']
]
},
'3. ¿Cómo podemos introducir caracteres especiales mediante referencias?
', { questionType: 'multiple choice', choices: [ ['a) Envolviendo el caracter con una etiqueta con el codigo del idioma deseado,<es_ES>
para español o <ru_RU>
para ruso, por ejemplo.',false,'Mal. Eso no existe.'],
['b) Envolviéndolos entre <
y >
.',false,'Mal. Mal. Esa es la notación para escribir una etiqueta.'],
['c) Escribiendo su nombre asignado rodeado de &
y ;
.',true,'¡Correcto!'],
['d) Todas son correctas.',false,'Mal. Sólo hay una respuesta correcta (y no es esta).']
]
}
];
///////////////////////////////////////////////////////////////////////
var activity2x17 = [
'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity3x4 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity3x5 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity3x6 = [ '1. ¿Por qué se pudo secuestrar el dominio tonterias.com?
', { questionType: 'multiple choice', choices: [ ['Alguien suplantó la identidad de su propietario legítimo a través del correo electrónico.',true,'¡Correcto! En el artículo se puede leer: Un fallo de seguridad de Gmail, el correo de Google, permitió durante un tiempo inyectar un exploit (un programa malicioso destinado a vulnerar las medidas de seguridad) y acceder a la cuenta. En el caso de Pere, el cracker consiguió suplantar su identidad y hacer que todo el correo que iba a su cuenta fuera redirigido a la suya.'], ['Se produjo un error en el sistema DNS.',false,'Mal. Eso no es lo que pasó. Repasa la lección.'], ['La clave que utilizaba el propietario del dominio era muy sencilla.',false,'Mal. Eso no es lo que pasó. Repasa la lección.'] ] }, '2. ¿Cómo fue secuestrado el dominio tonterias.com?
', { questionType: 'multiple choice', choices: [ ['El secuestrador esperó a que el dominio quedase libre.',false,'Mal. Repasa la lección.'], ['El secuestrador envió una carta en la que indicaba que el propietario del dominio había fallecido.',false,'Mal. Repasa la lección.'], ['El secuestrador cambió el nombre del propietario del dominio y se quedó con él.',true,'¡Correcto! En el artículo se puede leer: El pirata, a continuación, cambió el nombre del propietario del dominio y se quedó con él.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity3x8 = [ '1. En el alojamiento compartido:
', { questionType: 'multiple choice', choices: [ ['Varios sitios web comparten el mismo servidor.',true,'¡Correcto! Es evidente, lo dice el nombre, alojamiento compartido.'], ['Cada sitio web se aloja en un servidor independiente.',false,'Mal. Repasa la lección.'], ['Varios sitios web comparten el mismo servidor pero para el usuario es como si fuera un servidor independiente.',false,'Mal. Eso es un servidor virtual.'] ] }, '2. ¿Cómo se suelen denominar los productos que ofrecen las empresas de alojamiento?
', { questionType: 'multiple choice', choices: [ ['Incloud.',false,'Mal. Eso no existe... por ahora.'], ['Planes o paquetes.',true,'¡Correcto!'], ['Programas.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity3x9 = [ '1. Cuando se selecciona un servicio de alojamiento si se quiere emplear ASP.NET y SQL Server se tiene que emplear el sistema operativo:
', { questionType: 'multiple choice', choices: [ ['Linux.',false,'Mal. Repasa la lección.'], ['Mac OS X.',false,'Mal. Repasa la lección.'], ['Windows.',true,'¡Correcto! ASP.NET y SQL Server son productos de Microsoft que tienen como requisito el sistema operativo Microsoft Windows. Se puede hacer que funcionen en otros sistemas operativos, pero no son soluciones fiables.'] ] }, '2. Cuando se calcula el tamaño de una página web:
', { questionType: 'multiple choice', choices: [ ['Solo se considera el tamaño del código HTML.',false,'Mal. Para calcular el tamaño de una página web hay que incluir más cosas.'], ['Se considera el tamaño del código HTML y de las imágenes.',false,'Mal. Para calcular el tamaño de una página web hay que incluir más cosas.'], ['Se considera el tamaño del código HTML, de las hojas de estilo, del código JavaScript y de cualquier otro fichero que se utilice en la página .',true,'¡Correcto! El tamaño de una página web se debe calcular en base a todo lo que contiene o enlaza.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity3x10 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity3x12 = [ '1. FTP es el acrónimo de:
', { questionType: 'multiple choice', choices: [ ['File Transform Peer.',false,'Mal. Repasa la lección.'], ['File Transfer Protocol.',true,'¡Correcto!'], ['File Transfer Peer.',false,'Mal. Repasa la lección.'] ] }, '2. El servidor que está permanentemente conectado a Internet y que aloja un sitio web se denomina:
', { questionType: 'multiple choice', choices: [ ['Servidor de desarrollo.',false,'Mal. El servidor de desarrollo es el servidor que utiliza el desarrollador web durante el desarrollo de un sitio web y lo puede apagar en cualquier momento o puede no estar conectado a Internet ermanentemente.'], ['Servidor de producción.',true,'¡Correcto!'], ['Servidor de pruebas.',false,'Mal. El servidor de pruebas se emplea para realizar pruebas y no para alojar un sitio web, además, puede no estar conectado a Internet permanentemente.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity3x14 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity3x16 = [ '1. En la computación en la nube:
', { questionType: 'multiple choice', choices: [ ['Los datos se almacenan en los ordenadores de los usuarios.',false,'Mal. Una de las ventajas de la computación en la nube es que los datos están alojados en Internet y están disponibles desde cualquier ordenador con conexión a Internet.'], ['El usuario tiene que actualizar su equipo cada vez que publica una nueva versión de una aplicación.',false,'Mal. Una de las ventajas de la computación en la nube es que desaparece el concepto de actualización.'], ['Los usuarios acceden a los servicios informáticos a través de Internet.',true,'¡Correcto! La computación en la nube es un nombre nuevo para algo que ya se hacía desde hace años, acceder a servicios y datos a través de Internet.'] ] }, '2. DHTML es:
', { questionType: 'multiple choice', choices: [ ['La última versión de HTML.',false,'Mal. Repasa la lección.'], ['La próxima versión de HTML que actualmente está en desarrollo.',false,'Mal. Repasa la lección.'], ['La combinación de HTML, CSS, JavaScript y DOM.',true,'¡Correcto! DHTML es el acrónimo de Dynamic HTML, un término que designa el conjunto de técnicas que permiten crear sitios web interactivos utilizando una combinación de HTML, CSS, JavaScript y DOM.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity3x17 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity3x19 = [ '1. Crea una página web que contenga un formulario con los siguientes campos de información:
Además, tienes que tener en cuenta los siguientes requisitos:
1. En la actividad anterior se te proponía realizar el siguiente formulario:
Crea una página web que contenga un formulario con los siguientes campos de información:
Además, tienes que tener en cuenta los siguientes requisitos:
Al formulario anterior le tienes que añadir los siguientes campos de información:
Además, tienes que asociar la etiqueta de cada control a su control para mejorar la usabilidad y la accesibilidad.
', { questionType: 'html editor', initialHTML: '', solutionHTML: '\n\nAVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity4x3 = [ '1. En cuanto al juego de caracteres, lo más importante es...
', { questionType: 'multiple choice', choices: [ ['a) Utilizar siempre UTF-8 con BOM.',false,'Mal. Se puede usar cualquier juego de caracteres, siempre que se ajuste a las necesidades y se utilice correctamente.'], ['b) Utilizar juegos distintos en cada fichero, para que el servidor no los confunda.',false,'Mal. Es justo lo contrario, es mejor utilizar siempre el mismo juego de caracteres.'], ['c) No utilizar UTF-8, pues la mayoría de servidores no lo aceptan.',false,'Mal. Ese problema existía hace años, pero en la actualidad UTF-8 es ampliamente aceptado.'], ['d) Ser consistente en todos tus ficheros.',true,'¡Correcto! Es la regla de oro para evitar problemas en un desarrollo web.'] ] }, '2. ¿Qué es el BOM?
', { questionType: 'multiple choice', choices: [ ['a) Un caracter Unicode que indica la ordenación de los bytes.',true,'¡Correcto! Byte Order Mark (BOM) es un carácter que indica la ordenación de los bytes en un flujo de caracteres Unicode.'], ['b) Un caracter Unicode que indica si se admite el uso de caracteres especiales como las letras acentuadas.',false,'Mal. Repasa la lección.'], ['c) Un caracter Unicode que indica la extensión del fichero.',false,'Mal. Repasa la lección.'], ['d) Un caracter Unicode equivalente a la letra "e" mayuscula acentuada (É).',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity4x5 = [ '1. Crea una página web a partir del texto que se te proporciona y que tenga el mismo aspecto que en la siguiente imagen:
Para crear la página web tienes que tener en cuenta los siguientes requisitos:
Nota: en el código base que se te proporciona vas a encontrar una etiqueta nueva, la etiqueta <style>
. Esta etiqueta permite introducir instrucciones de CSS (Cascading Style Sheets) en una página web.
CSS se emplea para definir la presentación visual de una página web y se explica en la segunda parte de este curso. Las instrucciones que se han incluido tienen como objetivo que la tabla y las celdas de la tabla se muestren con un borde. Esto también se podría haber logrado con el atributo border
de HTML, pero es mejor utilizar siempre CSS para todo lo relacionado con la presentación de una página web. El uso del CSS se explica en la segunda parte de este curso.
\nLa siguiente tabla muestra la evolución del desempleo en España, comparado con la media de los 27 países de la Unión Europea, Grecia, que compite con España en ser el primero en esta vergonzosa competición y Estados Unidos y Japón, dos de las primeras economías mundiales.\n
\n\nPaís | \n2000 | \n2001 | \n2002 | \n2003 | \n2004 | \n2005 | \n2006 | \n2007 | \n2008 | \n2009 | \n2010 | \n2011 | \n2012 | \n2013 | \n
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
UE (27 países) | \n8.9 | \n8.7 | \n9 | \n9.1 | \n9.3 | \n9 | \n8.2 | \n7.2 | \n7 | \n9 | \n9.6 | \n9.6 | \n10.4 | \n10.8 | \n
España | \n11.9 | \n10.6 | \n11.5 | \n11.5 | \n11 | \n9.2 | \n8.5 | \n8.2 | \n11.3 | \n17.9 | \n19.9 | \n21.4 | \n24.8 | \n26.1 | \n
Grecia | \n11.2 | \n10.7 | \n10.3 | \n9.7 | \n10.6 | \n10 | \n9 | \n8.4 | \n7.8 | \n9.6 | \n12.7 | \n17.9 | \n24.5 | \n27.5 | \n
Estados Unidos | \n4 | \n4.8 | \n5.8 | \n6 | \n5.5 | \n5.1 | \n4.6 | \n4.6 | \n5.8 | \n9.3 | \n9.6 | \n8.9 | \n8.1 | \n7.4 | \n
Japón | \n4.7 | \n5 | \n5.4 | \n5.3 | \n4.7 | \n4.4 | \n4.1 | \n3.9 | \n4 | \n5.1 | \n5.1 | \n4.6 | \n4.3 | \n4 | \n
\nFuente: Índice de desempleo anual, Eurostat\n
\n\n\n' } ]; /////////////////////////////////////////////////////////////////////// var activity4x6 = [ '1. Dentro de la etiqueta img, el atributo que se utiliza para indicar la ruta de la imagen es:
', { questionType: 'multiple choice', choices: [ ['a) alt.',false,'Mal. Este atributo se emplea para indicar el texto alternativo de una imagen.'], ['b) href.',false,'Mal. Este atributo no se emplea en la etiqueta img.'], ['c) src.',true,'¡Correcto! src significa source, origen de la imagen.'] ] }, '2. ¿La etiqueta img se puede utilizar para incluir en una página web una imagen que se encuentra en otro servidor web?
', { questionType: 'multiple choice', choices: [ ['a) Sí.',true,'¡Correcto! No hay ninguna restricción, se puede incluir una imagen que se encuentra en otro servidor, simplemente hay que escribir la URL apropiada.'], ['b) Sí, pero sólo si nos han dado permiso previamente.',false,'Mal. Desde un punto de vista técnico nadie tiene que dar permiso, aunque desde un punto de vista de los derechos de autor sí que debemos comprobar si tenemos autorización para utilizar la imagen.'], ['c) No.',false,'Mal. Repasa la lección.'] ] }, '3. ¿Qué formatos gráficos son considerados el estándar en las páginas web?
', { questionType: 'multiple choice', choices: [ ['a) BMP, JPEG, PNG, TIFF.',false,'Mal. BMP y TIFF son dos formatos muy pesados (los ficheros son muy grandes) que no se suelen utilizar en las páginas web.'], ['b) JPEG, GIF, PNG.',true,'¡Correcto! JPEG, GIF y PNG son considerados el estándar de formatos gráficos en las páginas web por las características que tiene cada uno.'], ['c) JPEG, PNG, TIFF.',false,'Mal. TIFF es un formato muy pesado (los ficheros son muy grandes) que no se suele utilizar en las páginas web.'] ] }, '4. ¿Qué es un mapa de imagen?
', { questionType: 'multiple choice', choices: [ ['a) Una imagen que representa un mapa geográfico.',false,'Mal. Repasa la lección.'], ['b) Un mapa que está compuesto por varias imágenes.',false,'Mal. Repasa la lección.'], ['c) Una imagen que contiene zonas activas que son enlaces.',true,'¡Correcto! Los mapas de imagen también se llaman a veces mapas sensibles.'] ] }, ]; /////////////////////////////////////////////////////////////////////// var activity4x7 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; /////////////////////////////////////////////////////////////////////// var activity4x8 = [ '1.Acerca de HTML5, se puede afirmar que:
', { questionType: 'multiple choice', choices: [ ['a) HTML5 es muy distinto de HTML4.',false,'Mal. HTML5 es HTML4 con algunas mejoras.'], ['b) HTML5 es todo lo que había en HTML4 más algunas cosas nuevas.',false,'Mal. HTML5 elimina algunas características de HTML4 que ya no tienen sentido.'], ['c) La mayor parte de HTML5 sigue siendo igual a HTML4.',true,'¡Correcto! HTML5 es básicamente HTML4 con algunas mejoras; HTML5 también elimina algunas características de HTML4 que ya no tienen sentido.'] ] }, '2. Según el sitio web HTML5 Test, ¿qué navegador web obtiene una mayor puntuación de compatibilidad con HTML5?
', { questionType: 'multiple choice', choices: [ ['a) Google Chrome.',true,'¡Correcto! En el momento de crear el contenido de la lección era así, pero esto puede cambiar en cualquier momento.'], ['b) Microsoft Internet Explorer.',false,'Mal. En el momento de crear el contenido de la lección Microsoft Internet Explorer obtenía una puntuación muy baja. Repasa la lección.'], ['c) Mozilla Firefox.',false,'Mal. Repasa la lección.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity4x9 = [ '1. ¿Qué es JSON?
', { questionType: 'multiple choice', choices: [ ['a) Un formato de intercambio de datos.',true,'¡Correcto! JSON significa JavaScript Object Notation y se emplea para serializar estructuras de datos en JavaScript.'], ['b) Un formato de presentación visual de las páginas web.',false,'Mal. Repasa la lección.'], ['c) Un formato de ejecución de una página web.',false,'Mal. Repasa la lección.'] ] }, '2. ¿Qué es AJAX?
', { questionType: 'multiple choice', choices: [ ['a) Un formato de presentación visual de las páginas web.',false,'Mal. Repasa la lección.'], ['b) Un lenguaje de programación específico para páginas web.',false,'Mal. No es un lenguaje de programación, aunque hay gente que piensa que lo es.'], ['c) Una técnica de desarrollo que permite crear aplicaciones interactivas que se ejecutan en el navegador.',true,'¡Correcto! AJAX significa Asynchronous JavaScript And XML y permite crear páginas web en las que cambia su contenido sin que se tenga que recargar la página.'] ] }, '3. ¿Que nuevas etiquetas o tecnologías podemos usar en HTML5?.
', { questionType: 'multiple choice', choices: [ ['a) La etiqueta<canvas>
, que permite definir una area dentro de la página web donde dibujar mediante Javascript.',false,'Mal. HTML5 incorpora esa nueva etiqueta, pero también incorpora más cosas.'],
['b) La etiqueta <svg>
, que que nos permite introducir gráficos vectoriales.',false,'Mal. HTML5 incorpora esa nueva etiqueta, pero también incorpora más cosas.'],
['c) Los Web Workers, que nos permiten lanzar varios hilos de ejecución en Javascript.',false,'Mal. HTML5 incorpora esa nueva tecnología, pero también incorpora más cosas.'],
['d) Todas las anteriores.',true,'¡Correcto!']
]
}
];
///////////////////////////////////////////////////////////////////////
var activity4x10 = [
'1. ¿Qué etiquetas añade HTML5 para estructurar una página web?
', { questionType: 'multiple choice', choices: [ ['a) header, nav, aside, footer.',true,'¡Correcto!'], ['b) header, article, chapter, footer.',false,'Mal. chapter no existe en HTML5.'], ['c) header, nav, article, part, chapter, section.',false,'Mal. part y chapter no existen en HTML5.'] ] }, '2. La nueva etiqueta figure de HTML5 se emplea para
', { questionType: 'multiple choice', choices: [ ['a) Etiquetar cualquier cosa.',true,'¡Correcto! Mucha gente cree que dentro de figure sólo se puede incluir una imagen, pero en realidad se puede incluir cualquier cosa, como una cita, un fragmento de código, una tabla, etc.'], ['b) Etiquetar solo imágenes.',false,'Mal. Repasa la lección.'], ['c) Etiquetar solo imágenes y tablas.',false,'Mal. Repasa la lección.'] ] }, '3. La nueva etiqueta footer de HTML5 se emplea para
', { questionType: 'multiple choice', choices: [ ['a) Etiquetar el encabezado de una página.',false,'Mal. El encabezado de una página se etiqueta con header.'], ['b) Etiquetar el contenido principal de una página.',false,'Mal. El contenido principal de una página se etiqueta con main.'], ['c) Etiquetar el pie de una página.',true,'¡Correcto!'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity4x12 = [ '1. Los nuevos controles de formulario de HTML5 permiten:
', { questionType: 'multiple choice', choices: [ ['a) Reducir la complejidad de desarrollar un formulario.',false,'Mal. Sí que permiten eso, pero también permiten más cosas.'], ['b) Lograr un comportamiento más intuitivo de los formularios.',false,'Mal. Sí que permiten eso, pero también permiten más cosas.'], ['c) Prescindir de JavaScript para realizar algunas validaciones de formulario del lado del cliente.',false,'Mal. Sí que permiten eso, pero también permiten más cosas.'], ['d) Todas las anteriores.',true,'¡Correcto!'] ] }, '2. En HTML5, ¿qué tipo de control input no existe?
', { questionType: 'multiple choice', choices: [ ['a) calendar.',true,'¡Correcto! Existen date, datetime, datetime-local, month, time o week, pero calendar no existe.'], ['b) color.',false,'Mal. Ese control sí que existe. Repasa la lección.'], ['c) email.',false,'Mal. Ese control sí que existe. Repasa la lección.'], ['c) tel.',false,'Mal. Ese control sí que existe. Repasa la lección.'] ] }, '3. En HTML5, ¿qué atributo se emplea para definir una regla que limite el contenido de un cuadro de texto?
', { questionType: 'multiple choice', choices: [ ['a) pattern.',true,'¡Correcto! El atributo pattern admite una expresión regular que se emplea para validar los datos introducidos en el control.'], ['b) placeholder.',false,'Mal. El atributo placeholder se emplea para definir un valor de ejemplo o un consejo que ayude al usuario a introducir el dato en el control.'], ['c) rule.',false,'Mal. El atributo rule no existe.'], ['d) value.',false,'Mal. El atributo value define un valor inicial para el cuadro de texto.'] ] }, '4. El tipo number se emplea para definir campos en los que se debe introducir:
', { questionType: 'multiple choice', choices: [ ['a) Una fecha.',false,'Mal. Para introducir una fecha se puede utilizar el tipo date.'], ['b) Un día del mes.',false,'Mal. Para introducir un día del mes se puede emplear el tipo date para introducir una fecha.'], ['c) Un rango de valores.',false,'Mal. Para definir un rango de valores se puede emplear el tipo range.'], ['d) Un número.',true,'¡Correcto!'], ] } ]; /////////////////////////////////////////////////////////////////////// var activity4x13 = [ '1. En HTML5, ¿qué atributo se emplea para especificar los intervalos numéricos válidos para un elemento input?
', { questionType: 'multiple choice', choices: [ ['a) min.',false,'Mal. El atributo min especifica el valor mínimo de un control.'], ['b) max.',false,'Mal. El atributo max especifica el valor máximo de un control.'], ['c) step.',true,'¡Correcto! El atributo step especifica los intervalos numéricos válidos para un control.'], ['d) value.',false,'Mal. El atributo value define un valor inicial para el control.'] ] }, '2. En HTML5, el atributo que se emplea para que un cuadro de texto sea obligatorio es:
', { questionType: 'multiple choice', choices: [ ['a) compulsory.',false,'Mal. Ese atributo no existe. Repasa la lección.'], ['b) mandatory.',false,'Mal. Ese atributo no existe. Repasa la lección.'], ['c) obligatory.',false,'Mal. Ese atributo no existe. Repasa la lección.'], ['d) required.',true,'¡Correcto!'], ] }, '3. En HTML5, el valor del atributo pattern tiene que ser:
', { questionType: 'multiple choice', choices: [ ['a) Un mensaje de error.',false,'Mal. Repasa la lección.'], ['b) Un conjunto de valores.',false,'Mal. Repasa la lección.'], ['c) Una expresión regular.',true,'¡Correcto!'], ['d) Un mensaje de ayuda.',false,'Mal. Repasa la lección.'] ] }, '4. En HTML5, ¿qué atributo se emplea para mostrar una pista o ayuda de lo que se debe escribir en un cuadro de texto?
', { questionType: 'multiple choice', choices: [ ['a) pattern.',false,'Mal. El atributo pattern admite una expresión regular que se emplea para validar los datos introducidos en el control.'], ['b) placeholder.',true,'¡Correcto! El atributo placeholder se emplea para definir un valor de ejemplo o un consejo que ayude al usuario a introducir el dato en el control.'], ['c) tip.',false,'Mal. Ese atributo no existe. Repasa la lección.'], ['d) value.',false,'Mal. El atributo value define un valor inicial para el control.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity4x14 = [ '1. Crea una página web que contenga un formulario con los siguientes campos de información:
Además, tienes que tener en cuenta los siguientes requisitos:
Nota 1: si al validar el código HTML de tu página web con el validador del W3C se muestran mensajes de advertencia como "The date input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.", no te preocupes. El validador te está avisando de que tengas cuidado al usar una característica de HTML5 que no está admitida por todos los navegadores actuales.
Nota 2: debido a lo explicado en la nota anterior, cuando realices esta actividad y compruebes cómo se visualiza tu página web en distintos navegadores es muy probable que obtengas diferentes resultados.
', { questionType: 'html editor', initialHTML: '', solutionHTML: '\n\n1. ¿Qué se afirma en el vídeo tutorial acerca del navegador Internet Explorer 6?
', { questionType: 'multiple choice', choices: [ ['a) Fue un navegador web que era querido por los desarrolladores web.',false,'Mal. Repasa la lección.'], ['b) Fue un navegador web que influyó positivamente en el desarrollo web.',false,'Mal. Repasa la lección.'], ['c) Fue un mal navegador web porque no cumplía correctamente los estándares web.',true,'¡Correcto! Microsoft Internet Explorer 6 presentaba importantes inconsistencias respecto a los estándares, lo que obligaba a los desarrolladores web a crear versiones específicas de las páginas web para este navegador.'] ] }, '2. De las posibles causas que hacen que una página web no se visualice correctamente, ¿cuál depende de los desarrolladores web?
', { questionType: 'multiple choice', choices: [ ['a) Los errores en el código HTML.',true,'¡Correcto! Los desarrolladores web escriben el código HTML.'], ['b) Los problemas de compatibilidad entre los navegadores.',false,'Mal. Esto depende de los fabricantes de los navegadores web.'], ['c) El soporte de HTML por los navegadores.',false,'Mal. Esto depende de los fabricantes de los navegadores web.'], ['c) Los fallos de los navegadores.',false,'Mal. Esto depende de los fabricantes de los navegadores web.'] ] } ]; /////////////////////////////////////////////////////////////////////// var activity4x19 = [ 'AVISO IMPORTANTE: Debido a la construción de esta actividad con iframes, es posible que los enlaces no carguen. Para visualizarlos correctamente, deberás abrirlos en otra pestaña.
', '', '', '', '', { questionType: 'free html' } ]; ///////////////////////////////////////////////////////////////////////