Presentación: Aplicación de evaluaciones digitales

Taller: Aplicación de evaluaciones digitales

Expositor: Guisela Pinetta

CHAMILO USER DAY 2016

Fecha: 02 de septiembre de 2016

Sede: Cobán, Altaverapaz - Hotel Alcazar doña Victoria

<AQUÍCOLOCARBANDERA

PAÍS DE LA SEDE>

www.chamiluda.org

Temario

• Qué es HTML• Etiquetas HTML• Formatos de texto• Hiperenlaces• Anclas• Formularios• Elementos de los formularios• JavaScript• PHP

www.chamiluda.org

Qué es HTML

• Es la abreviatura de "HyperTextMark-up Language", es decir, "Lenguaje de marcado hipertextual“.

• Es un lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla.

Etiquetas HTML

• El formato general de una etiqueta es el siguiente:<etiqueta>contenido</etiqueta>

• La inclusión de comentarios que no se ven:<!Comentario>

• Las etiquetas que nunca deben faltar:• <HTML></HTML>• <HEAD></HEAD>• <BODY></BODY>

Formatos de Texto

Carácter Representación

< <> >á á

Á Á

é é

É É

í í

Carácter Representación

Í Í

ó ó

Ó Ó

ú ú

Ú Ú

ñ ñ

Ñ Ñ

Hiperenlaces

• El atributo que veremos es llamado “target”, y nos permite determinar en donde se abrirá el enlace. Por ejemplo, cuando nos encontramos dentro de la página y presionamos el enlace, éste nos muestra la página a la cual queremos ir en la misma ventana.

• Podemos hacer que este enlace se abra en una pestaña nueva. Todo esto lo realizamos utilizando este atributo.

Hiperenlaces

• Su utilización es la siguiente:• <a href="inicio1.html" target="_blank">

• Las opciones que tenemos disponibles son las siguientes:

• _blank Abre el documento vinculado en una ventana nueva del navegador.

• _self Abre el documento vinculado en el mismo marco o ventana que el vínculo

Anclas

• Las anclas permiten ir directamente a un apartado de nuestra página.

• Como por ejemplo si ingresan a un tema en Wikipedia, verán que en el índice podemos presionar un tema y automáticamente nos lleva al lugar de la página donde inicia dicho tema.

• Podemos ver un ejemplo en la siguiente diapositiva.

Formularios• Las diferencias entre “get” y “post” son las siguientes:

• Get: lleva los datos de forma "visible" al cliente (navegador web). El medio de envío es la URL. Los datos los puede ver cualquiera.

• Post: consiste en datos "ocultos" (el cliente no los ve) enviados por un formulario. Los datos no son visibles.

• En resumen, para saber cual utilizar dependerá del caso particular de cada uno. Pero “Post” es recomendado para casos donde la seguridad de los datos es muy importante, como envío de datos de las cuentas de bancos, o inicios de sesión, etc.

Elementos de los formularios

• Atributos de Input:• Name: indica el nombre del elemento de entrada • Type: indica el tipo de elemento de entrada. • Size: indica el número de caracteres.• Maxlenght: indica el número máximo de

caracteres.• Value: indica el valor inicial del campo de texto.

Javascript• Habitualmente, se utiliza para activar

procesos o desarrollar algoritmos que hagan tareas sencillas, (como calculadoras, control de errores para formularios, etc) haciendo la web más viva y dinámica.

• Se coloca dentro del código de HTML, por lo cual forma parte del lenguaje en general.

PHP• Su nombre es un término recursivo que

significa PHP Hypertext Preprocessor.

• Es un lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML, además permite conexiones con bases de datos.

PHP• PHP puede ser incrustado en HTML, como también se

puede crear un archivo que solamente contenga código PHP.

• Para incrustarlo en HTML hacemos uso de la siguiente instrucción:• Apertura de etiqueta: <?PHP • Cierre de etiqueta: ?>

• Dentro de estas dos etiquetas colocamos todo el código de PHP.

Lic. Guisela Pinetta●Director de Compucentro Nuevo MilenioCorreo: [email protected]

Contacto Expositor

www.chamiluda.org

Comité CentralRepositorios de Presentaciones: http://es.slideshare.net/chamiluda Próximos eventos, fotos y vídeos: http://facebook.com/chamiluda Noticias: https://twitter.com/chamilonoticias Publicar Noticias Google + : Comunidad Chamilo LMS EspañolCorreo central: [email protected]

Contacto Chamiluda

www.chamiluda.org

PATROCINADORES OFICIALESCHAMILO USER DAY 2016

www.chamiluda.org

Asociación Chamilo

Empresa BeezNest (Proveedora Oficial de Chamilo LMS)

Presentación: Aplicación de evaluaciones digitales

Education

Transcript of Presentación: Aplicación de evaluaciones digitales