SlideShare una empresa de Scribd logo
1 de 16
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
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
< &lt;
> &gt;
á &aacute;
Á &Aacute;
é &eacute;
É &Eacute;
í &iacute;
Carácter Representaci
ón
Í &Iacute;
ó &oacute;
Ó &Oacute;
ú &uacute;
Ú &Uacute;
ñ &ntilde;
Ñ &Ntilde;
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 Milenio
Correo: guiselapinetta@Hotmail.es
Contacto Expositor
www.chamiluda.org
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
PATROCINADORES OFICIALES
CHAMILO USER DAY 2016
www.chamiluda.org
Asociación Chamilo
Empresa BeezNest (Proveedora Oficial de Chamilo LMS)

Más contenido relacionado

La actualidad más candente (10)

Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Html
HtmlHtml
Html
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
HTML
HTMLHTML
HTML
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Php1
Php1Php1
Php1
 
Xhtml
XhtmlXhtml
Xhtml
 

Similar a Presentación: Aplicación de evaluaciones digitales (20)

Unidad1AppsMoviles.pptx
Unidad1AppsMoviles.pptxUnidad1AppsMoviles.pptx
Unidad1AppsMoviles.pptx
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Manual html
Manual htmlManual html
Manual html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
Html basico
Html basicoHtml basico
Html basico
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Servidores.pptx
Servidores.pptxServidores.pptx
Servidores.pptx
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Curso php-my sql-clase-2
Curso php-my sql-clase-2Curso php-my sql-clase-2
Curso php-my sql-clase-2
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 

Más de Chamilo User Day

Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...
Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...
Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...Chamilo User Day
 
Top de herramientas para docentes en chamilo
Top de herramientas para docentes en chamiloTop de herramientas para docentes en chamilo
Top de herramientas para docentes en chamiloChamilo User Day
 
Clase Invertida experiencia con Chamilo
Clase Invertida experiencia con ChamiloClase Invertida experiencia con Chamilo
Clase Invertida experiencia con ChamiloChamilo User Day
 
Creando contenido eXelearning para Chamilo
Creando contenido eXelearning para ChamiloCreando contenido eXelearning para Chamilo
Creando contenido eXelearning para ChamiloChamilo User Day
 
Introducción al Proyecto Chamilo
Introducción al Proyecto ChamiloIntroducción al Proyecto Chamilo
Introducción al Proyecto ChamiloChamilo User Day
 
Herramientas Libres en Educación
Herramientas Libres en EducaciónHerramientas Libres en Educación
Herramientas Libres en EducaciónChamilo User Day
 
Presentacion_Procesos_Formacion_Chamilo_CENDITEL
Presentacion_Procesos_Formacion_Chamilo_CENDITELPresentacion_Procesos_Formacion_Chamilo_CENDITEL
Presentacion_Procesos_Formacion_Chamilo_CENDITELChamilo User Day
 
Introduccion al proyecto Chamilo
Introduccion al proyecto ChamiloIntroduccion al proyecto Chamilo
Introduccion al proyecto ChamiloChamilo User Day
 
Los chats en las plataformas LMS
Los chats en las plataformas LMSLos chats en las plataformas LMS
Los chats en las plataformas LMSChamilo User Day
 
Chamiluda 2018 - Introducción al proyecto Chamilo LMS
Chamiluda 2018 - Introducción al proyecto Chamilo LMSChamiluda 2018 - Introducción al proyecto Chamilo LMS
Chamiluda 2018 - Introducción al proyecto Chamilo LMSChamilo User Day
 
FERNANDO GIRALDO CHAMILUDA 2017 COLOMBIA
FERNANDO GIRALDO CHAMILUDA 2017 COLOMBIAFERNANDO GIRALDO CHAMILUDA 2017 COLOMBIA
FERNANDO GIRALDO CHAMILUDA 2017 COLOMBIAChamilo User Day
 
Plataforma Chamilo LMS: ¡Las novedades de 1.11!
Plataforma Chamilo LMS: ¡Las novedades de 1.11!Plataforma Chamilo LMS: ¡Las novedades de 1.11!
Plataforma Chamilo LMS: ¡Las novedades de 1.11!Chamilo User Day
 
Uso pedagógico del Aula Virtual
Uso pedagógico del Aula VirtualUso pedagógico del Aula Virtual
Uso pedagógico del Aula VirtualChamilo User Day
 
Los desafíos pedagógicos y las nuevas tecnologías
Los desafíos pedagógicos y las nuevas tecnologíasLos desafíos pedagógicos y las nuevas tecnologías
Los desafíos pedagógicos y las nuevas tecnologíasChamilo User Day
 
UNA EXPERIENCIA EN POSGRADO U.N.E
UNA EXPERIENCIA EN POSGRADO U.N.EUNA EXPERIENCIA EN POSGRADO U.N.E
UNA EXPERIENCIA EN POSGRADO U.N.EChamilo User Day
 
ELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILO
ELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILOELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILO
ELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILOChamilo User Day
 
LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...
LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...
LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...Chamilo User Day
 

Más de Chamilo User Day (20)

Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...
Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...
Creando entornos virtuales de reflexión y discusión para un aprendizaje colab...
 
Top de herramientas para docentes en chamilo
Top de herramientas para docentes en chamiloTop de herramientas para docentes en chamilo
Top de herramientas para docentes en chamilo
 
Clase Invertida experiencia con Chamilo
Clase Invertida experiencia con ChamiloClase Invertida experiencia con Chamilo
Clase Invertida experiencia con Chamilo
 
Chamilo con LTI
Chamilo con LTIChamilo con LTI
Chamilo con LTI
 
Creando contenido eXelearning para Chamilo
Creando contenido eXelearning para ChamiloCreando contenido eXelearning para Chamilo
Creando contenido eXelearning para Chamilo
 
Introducción al Proyecto Chamilo
Introducción al Proyecto ChamiloIntroducción al Proyecto Chamilo
Introducción al Proyecto Chamilo
 
Herramientas Libres en Educación
Herramientas Libres en EducaciónHerramientas Libres en Educación
Herramientas Libres en Educación
 
Presentacion_Procesos_Formacion_Chamilo_CENDITEL
Presentacion_Procesos_Formacion_Chamilo_CENDITELPresentacion_Procesos_Formacion_Chamilo_CENDITEL
Presentacion_Procesos_Formacion_Chamilo_CENDITEL
 
Introduccion al proyecto Chamilo
Introduccion al proyecto ChamiloIntroduccion al proyecto Chamilo
Introduccion al proyecto Chamilo
 
Aula LEGO Education
Aula LEGO EducationAula LEGO Education
Aula LEGO Education
 
Los chats en las plataformas LMS
Los chats en las plataformas LMSLos chats en las plataformas LMS
Los chats en las plataformas LMS
 
Chamiluda 2018 - Introducción al proyecto Chamilo LMS
Chamiluda 2018 - Introducción al proyecto Chamilo LMSChamiluda 2018 - Introducción al proyecto Chamilo LMS
Chamiluda 2018 - Introducción al proyecto Chamilo LMS
 
FERNANDO GIRALDO CHAMILUDA 2017 COLOMBIA
FERNANDO GIRALDO CHAMILUDA 2017 COLOMBIAFERNANDO GIRALDO CHAMILUDA 2017 COLOMBIA
FERNANDO GIRALDO CHAMILUDA 2017 COLOMBIA
 
Plataforma Chamilo LMS: ¡Las novedades de 1.11!
Plataforma Chamilo LMS: ¡Las novedades de 1.11!Plataforma Chamilo LMS: ¡Las novedades de 1.11!
Plataforma Chamilo LMS: ¡Las novedades de 1.11!
 
Uso pedagógico del Aula Virtual
Uso pedagógico del Aula VirtualUso pedagógico del Aula Virtual
Uso pedagógico del Aula Virtual
 
Los desafíos pedagógicos y las nuevas tecnologías
Los desafíos pedagógicos y las nuevas tecnologíasLos desafíos pedagógicos y las nuevas tecnologías
Los desafíos pedagógicos y las nuevas tecnologías
 
Manual de Chamilo UNE
Manual de Chamilo UNEManual de Chamilo UNE
Manual de Chamilo UNE
 
UNA EXPERIENCIA EN POSGRADO U.N.E
UNA EXPERIENCIA EN POSGRADO U.N.EUNA EXPERIENCIA EN POSGRADO U.N.E
UNA EXPERIENCIA EN POSGRADO U.N.E
 
ELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILO
ELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILOELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILO
ELABORACIÓN DE EXÁMENES VIRTUALES EN CHAMILO
 
LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...
LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...
LAS NUEVAS TECNOLOGÍAS COMO HERRAMIENTAS QUE FACILITAN LA EDUCACIÓN FORMATIVA...
 

Último

Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 

Último (20)

Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 

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 < &lt; > &gt; á &aacute; Á &Aacute; é &eacute; É &Eacute; í &iacute; Carácter Representaci ón Í &Iacute; ó &oacute; Ó &Oacute; ú &uacute; Ú &Uacute; ñ &ntilde; Ñ &Ntilde;
  • 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
  • 16. PATROCINADORES OFICIALES CHAMILO USER DAY 2016 www.chamiluda.org Asociación Chamilo Empresa BeezNest (Proveedora Oficial de Chamilo LMS)