Documentos de Académico
Documentos de Profesional
Documentos de Cultura
proyecto de curso
Html5
Proyecto de trabajo: Diseo de un curso de programacin para HTML5 Objetivo: Que alumnos a nivel bachiller, sin conocimientos previos a la programacin orientada a objetos, aprendan de manera significativa el lenguaje html5.
Prlogo
Un lenguaje de programacin, cualquiera que ste sea, necesita ser abstrado por el programador, de manera que se conjunten : teora, prctica y aplicaciones. Por lo que, este curso est diseado de esta manera: con una aproximacin terica, a manera de esbozo, que al ser ejecutada la prctica se vern los conceptos antes esbozados. Despus de este proceso se regresar para concluir y afianzar el conocimiento terico. Y se plantear un proyecto de manera paralela para ser entregado al final del curso.
Didctica
Llamaremos esbozo a la introduccin de nuevos conceptos, para poder percatarlos a la hora de ejecutar la prctica
esbozo
prctic a Teora
Paralelamente se trabajar un proyecto de uso de el HTML5, de manera que el tema sea independiente, pero previamente aprobado. Con el afn de generar inters en el uso y adaptacin de las TIs como parte del lenguaje que cada vez es ms cotidiano.
Curso de HTML5
Introduccin
Qu es HtML5?- Html5, como su nombre lo indica, es la quinta versin del lenguaje HTML, que est por convertirse en la nueva estndar para las pginas web. Ventajas:
Puede prescindir de plug-ins, tales como flash. Manejo mucho ms gil para la correccin de errores Es universal, es decir, independiente del aparato(computador, pda, etc.) El proceso de desarrollo de este lenguaje est disponible para el pblico
Cmo empezar?
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
La ventaja de los lenguajes es que slo se necesita un editor de texto, sin embargo se necesitan reglas de ortografa
Etiquetas
Son
lneas de comando que marcan el inicio y fin de un proceso indica que empieza el lenguaje html
fuente:http://www.w3schools.com/html/html5_new_elements.asp
Pregunta
Cul es la nica etiqueta que no tiene
su recproca de la forma </...>? Esta etiqueta sirve para iniciar tu html5, sin sta, no hay programa
<!DOCTYPE html>
Canvas
<canvas> es usado para el dibujo y
manejo de grficos en una pgina web
Canvas(2)
Se declara la variable de tipo canvas de
la siguiente manera
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>
tipo
propiedades
identificador