Post on 17-Jan-2017
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: guiselapinetta@Hotmail.es
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: chamiluda@chamilo.org
Contacto Chamiluda
www.chamiluda.org
PATROCINADORES OFICIALESCHAMILO USER DAY 2016
www.chamiluda.org
Asociación Chamilo
Empresa BeezNest (Proveedora Oficial de Chamilo LMS)