Presentación: Aplicación de evaluaciones digitales
1. 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Í
COLOCAR
BANDERA
PAÍS DE LA SEDE>
www.chamiluda.org
2. Temario
• Qué es HTML
• Etiquetas HTML
• Formatos de texto
• Hiperenlaces
• Anclas
• Formularios
• Elementos de los formularios
• JavaScript
• PHP
www.chamiluda.org
3. 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.
4. 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>
5. Formatos de Texto
Carácter Representaci
ón
< <
> >
á á
Á Á
é é
É É
í í
Carácter Representaci
ón
Í Í
ó ó
Ó Ó
ú ú
Ú Ú
ñ ñ
Ñ Ñ
6. 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.
7. 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
8. 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.
9. 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.
10. 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.
11. 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.
12. 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.
13. 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.
14. Lic. Guisela Pinetta
●Director de Compucentro Nuevo Milenio
Correo: guiselapinetta@Hotmail.es
Contacto Expositor
www.chamiluda.org
15. Comité Central
Repositorios 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ñol
Correo central: chamiluda@chamilo.org
Contacto Chamiluda
www.chamiluda.org