Scribd Logo
Upload

Welcome to Scribd!

  • HTML 5

    Uploaded by

    Carlos Fioriti
    47 views13 pages
    Presentación con algunas nociones sobre HTML5.

    Original Title

    html5-ppt

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Presentación con algunas nociones sobre HTML5.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    47 views13 pages

    HTML 5

    Uploaded by

    Carlos Fioriti
    Presentación con algunas nociones sobre HTML5.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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

    El tema de la prctica se deriva del objetivo terico

    En el apartado de teora se explicara de manera


    minuciosa lo que se utiliz durante 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.

    definir un
    problema
    Entrega de
    proyecto

    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 </...>?

    <!DOCTYPE html>

    Esta etiqueta sirve


    para iniciar tu html5,
    sin sta, no hay
    programa

    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)!

    You might also like