Scribd
Cargar
435 vistas13 páginas

Curso HTML5 para Principiantes Bachillerato

El documento presenta un proyecto de curso para enseñar HTML5 a estudiantes de bachillerato. El curso se diseñará con una aproximación teórica y práctica, explicando conceptos de manera teórica primero y luego aplicándolos en la práctica. Los estudiantes también completarán un proyecto paralelo utilizando HTML5. El curso introducirá nuevos elementos de HTML5 de manera gradual a través de "esbozos" teóricos y prácticas.

Cargado por

Momo Castellanos
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
435 vistas13 páginas

Curso HTML5 para Principiantes Bachillerato

El documento presenta un proyecto de curso para enseñar HTML5 a estudiantes de bachillerato. El curso se diseñará con una aproximación teórica y práctica, explicando conceptos de manera teórica primero y luego aplicándolos en la práctica. Los estudiantes también completarán un proyecto paralelo utilizando HTML5. El curso introducirá nuevos elementos de HTML5 de manera gradual a través de "esbozos" teóricos y prácticas.

Cargado por

Momo Castellanos
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 13

Html5

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.

El tema de la prctica se deriva del objetivo terico

definir un problema Entrega de proyecto

En el apartado de teora se explicara de manera minuciosa lo que se utiliz durante la prctica

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

<html> ... . . . </html>


termina: html

Nuevos elemento en html5


Como ya vimos toda etiqueta necesita su recproca que la termine </ etiqueta>

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

No confundir con los scripts de dibujo;


ste slo es un recipiente de los scripts de dibujo

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

Manos a la obra (1)!

También podría gustarte