Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • HTML 5

    Загружено:

    anthony
    18 просмотров9 страниц
    Primeros pasos

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    Primeros pasos

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    18 просмотров9 страниц

    HTML 5

    Загружено:

    anthony
    Primeros pasos

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 9

    HTML 5

    HTML, CC3, Y JAVASCRIPT


    CONTENIDO
    HTML5 como estndar que une varias tecnolgicas
    Componentes bsicos de documentacin html 5
    Estructura de documento HTML
    - Etiquetas bsicas de estructura
    - Estructura de cuerpo
    -Estructura de cuerpo
    *Dentro del cuerpo
    Nuevos y viejos elementos.

    CSS Y HTML (APARENCIA FORMATO RELATIPO A COLORES


    TIPOGRAFIA TAMAOS) A PAGINAS WEB SIGUIENDO EL
    ESTANDAR
    -TIPOS DE ESTILOS Y ESTRUTURAS
    *COMPONENTES PRINCIPALES DE CSS
    TIPOS DE SELECTORES

    APLICAR CSS A DOCUMENTOS HTML


    C33
    LAS NUEVAS REGLAS
    TRANSFORMACIONES
    TRANSICIONES.

    JAVASCRIPT Y HTML (completo)


    -

    QUE ES JAVASCRIPT Y SU IMPORTANCIA EN LA WE


    -SINTAXIS
    -SELECTORES
    EVENTOS

    APIS
    LIBRETIAS EXTERNAS.

    - Insertar audio y video


    *video en html5
    *formatos
    Atributos
    -Audio En HTML5
    * programando reproductor
    *atributos.
    Formularios y su API.
    -formularios web
    Elementos
    Tipos de datos
    Atributos nuevos elementos de formulario HTML en
    estndar
    *Api Canvas
    - El lienzo
    *dibujar bsicos
    * Imgenes en el lienzo
    *animaciones en el lienzo
    *video en el lienzo
    *API DRAN AND DROP (ARRASTRAR Y SOLTAR)
    -Eventos nuevos
    -Mtodos
    -Propiedades.
    (Desarrollo de juegos) puerta de entrada
    *Geolocalizacion
    Detectar la localizacin de donde se esta localizando el documento
    web
    - Metodos para detectar

    - -trabajo con google maps


    - Mtodos y objetos
    *Almacenamiento web
    - Crear elimar y leer datos
    -tipos de almacenamientos
    -metodos
    -propiedades apis almacenamiento web dentro de la web
    *api BASE DE DATOS ( IndexedDB)
    -BBDD, ndices y transacciones
    - abrir BBDD, agrerar y eliminar objetos
    - Bsquedas de datos.
    *APU Manejo de archivos API FILE)
    -Sistemas de archivos
    -propiedades de darchivos
    El disco duro
    Creacin de archivos
    Eliminar
    Copiar pegar
    *api comunicacin
    -ajax
    Cross Document
    Web Sockets
    *Api WEB WORKER
    *Api historial
    *Api offline
    (sin conexin a internet)
    -Trabajo con la cache

    -Manifiestos
    -Categoras
    -comentarios

    Conceptos Bsicos
    Diseador web, Expertos.
    Editor web Dreamweaver

    Apuntes:
    Comienzo desde 0 HTML 5
    Que es HTML? Es un estndar que une a 3 tecnologas
    Caractersticas. No es tan serio como un lenguaje de
    programacin
    Lenguaje de etiquetas
    Une a CSS que une JavaScript
    HTML. Estructuras
    CSS Apariencia Re apariencia a la pgina web
    JAVASCRIPT Interactividad y animacin (Interactividad).
    Tecnologas.

    Lenguaje de etiquetas
    HTML.
    < > mayor y menos que

    Apertura.
    <html>
    cierra

    Etiquetas por pares, una que se abre y otra que se

    </html> Con barra invertida


    Etiquetas anidadas, Una dentro de dentro de otra.!!
    1- Especificar En qu versin de HTML se va a programar
    DOCTYPE.

    <! DOCTYPE html>


    <html lang=es> // Especificar Idioma. Atributo.
    < head> // visitante No lo ve en la pgina web
    // Cabecera de la pgina web.
    Incluir informacin importante
    (Hoja de estilo, Archivos Javascript, Iconos, Titulos)
    Etiquetas META.
    < Meta charset=iso-8559-1/> // qu tipo de caracteres.
    // No tiene Cierre.
    < Meta name=Description content=Pagina de enseanza html
    5/>
    <Meta name=keywords content=html5, css3, javascript, diseo
    web/>
    //KEYWORD: PALABRAS CLAVES Buscadores En google. EJEMPLO: En
    buscador CSS3. Est en las palabras claves aparecer en una de las
    pginas.

    </head>
    <body>
    // Todo lo que se introduzca Se ver.
    </body>

    </html>

    Etiquetas Principales.
    Etiquetas, Title
    <head>
    <title> Programacin en HTML 5</title> // y va
    dentro de <head> cambiar el texto
    </head>
    Buscadores en yahoo o google Se pueda
    encontrar nuestra pgina
    Etiqueta LINK.
    < link rel="stylesheet href=mihoja de estilos.css"/>
    //Enlazar nuestra pagina web a Documentos JavaScript
    Rel=// atributo relacionado tipo de archivo
    Href= referencia y ruta mihoja de archivos.css Mismo
    directorio.
    Esto va en el head.
    ETIQUETAS Body.
    Etiqueta div
    <div> </div> (Estructurar sitios web)
    Esas construyendo una Casa

    Basa en navegadores como Celulares y compatibles y


    dispositivos para ver paginas web

    <header>
    <h1>Este Seria el titulo de nuestra web</h1>
    <header/>
    // Cabecera de la pagina web
    <H1> Titulos Destacar texto relevante, h1,h6 Todos ellas
    son para destacar h1 Mas grande y H6 mas pequeos.
    Siempre en negritas.
    <OL> Ordenada ordenlist

    <nav> // barra de navegacion


    <ul> // Contruir Listas desordenadas (Anidadas)
    <li> quienes Somos</li>
    <li> Nuestros productos</li>
    <li> Contactanos</li>
    <li> Precio</li>
    </ul>
    </nav>

    Barra de navegacin.

    Вам также может понравиться