Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Reloj

    Cargado por

    Pepe
    11 vistas4 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    ODT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como ODT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    11 vistas4 páginas

    Reloj

    Cargado por

    Pepe

    Copyright:

    © All Rights Reserved
    Descargue como ODT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    HTML (carpeta)

    DEFINICIN
    El Lenguaje de marcado de hipertexto (HTML) es el lenguaje que se utiliza para describir
    pginas web. Es un lenguaje de marcado, no un lenguaje de programacin, lo que significa que
    HTML usa etiquetas de marcado como <body> y <h1> para describir partes de una pgina
    web. Un documento HTML no se ejecuta como si fuera un programa comn sino que que lo abre un
    explorador que lo interpreta, leyendo su cdigo en funcin de sus etiquetas, que harn que se
    muestre la pgina web.
    Antes se utilizaba, HTML 4.01, siendo el estandar, pero ha cambiado bastante todo desde entonces.
    Ahora los usuarios de internet quieren disponer de
    aplicaciones web multimedia con audio, vdeo y poder tener la mayor interactividad en
    los sitios web. Adems con la aparicion de pizarras, tabletas y smartphones, todos queremos
    disfrutar de la misma experiencia en cualquier dispositivo.
    Todo esto ha hecho necesario el desarrollo de un nuevo estndar, HTML5.
    El World Wide Web Consortium (W3C) es la entidad de estndares ms importante y
    desarrolla las especificaciones de HTML5.
    Las hojas de estilo en cascada define los estilos de HTML en un archivo a parte, haciendo ms fcil
    cambiar fuentes, tamaos de fuente y otros atributos en un archivo CSS. Estos cambios se aprecia
    directamente en el documento HTML, cuando se le atribuye un archivo CSS.
    HTML5 es adems independiente de la plataforma. HTML5 puede crear aplicaciones que se
    ejecuten en diferentes sistemas operativos.
    NOVEDADES HTML 5
    Algunas de estas nuevas caractersticas son:
    Etiquetas de audio y vdeo: se utilizan para insertar multimedia de audio y vdeo
    mediante las etiquetas de marcado HTML5 <audio> y <video> .
    Canvas: elemento HTML5 que crea un contenedor de grficos y utiliza JavaScript
    para dibujar los grficos segn sea necesario.
    Consultas multimedia: una caracterstica de CSS3 que detecta el tipo de pantalla
    del usuario y ajusta la salida segn corresponde.
    Nuevas interfaces de programacin de aplicaciones (API): d acceso a las
    aplicaciones a un sinfn de recursos, como archivos, cmaras web y animaciones
    aceleradas por hardware.
    Geolocalizacin: utiliza JavaScript para detectar la ubicacin (posicionamiento
    geogrfico) del dispositivo de un cliente, ya se trate de un dispositivo Windows
    Phone, Android o PC.
    Modernizar: biblioteca JavaScript que le ayuda a entregar las nuevas capacidades
    de HTML5 y CSS3 en exploradores ms antiguos.
    CREAR APLICACIN
    Esto son los pasos para crear una aplicacin:
    Planear el proyecto: se debe pensar que tipo de aplicacin se quiere crear.
    Una vez que se sepa la accin principal de la aplicacin, se crea un esquema del
    flujo general de la aplicacin de principio a fin. Hay que plantearse el tipo de interactividad que
    tendra el usuario en la aplicacin. Como si tiene la neceisdad de guardar datos fuera de la
    aplicacin, y si la aplicacin debe conectarse a otras aplicaciones o servicios (por ejemplo, una
    fuente RSS).

    Disear la interfaz de usuario: luego se disea como va a ser la interfaz, la decoracin de la


    misma. Todo dentro de un orden y contenido lgico. Se tiene que empezar listando los comandos
    que se quieren introducir para que funcione como se espera. Reuniendo los archivos necesarios para
    su inserccin.
    Actualizar el manifiesto de la aplicacin: la aplicacin requiere un archivo
    de manifiesto. En el archivo de manifiesto se describen las propiedades de la aplicacin y
    se indica qu necesita la aplicacin para funcionar. El archivo contiene
    informacin diversa, como el nombre para mostrar que vern los usuarios, una descripcin
    de la aplicacin, la orientacin de la aplicacin (vertical, horizontal, etc.)
    EJEMPLO MANIFIESTO
    Escribir cdigo: durante esta fase, debe escribir el cdigo de la aplicacin, que puede
    incluir una combinacin de HTML, CSS y JavaScript.
    Compilar la aplicacin: utilizando una herramienta de desarrollo de aplicaciones
    como Visual Studio, convierta el cdigo y los dems recursos en una aplicacin
    propiamente dicha.
    Depurar y probar: debe probar la aplicacin plenamente y solucionar los problemas
    que aparezcan. Si la aplicacin utiliza una interfaz tctil, es muy importante probar
    la aplicacin en un dispositivo tctil o usar un emulador tctil.
    Empaquetar: al empaquetar una aplicacin se crea un contenedor en el que estn todos
    los archivos necesarios para la aplicacin, por ejemplo JavaScript, imgenes, etc.
    Validar: validar la aplicacin significa ejecutarla en un programa de validacin para
    garantizar que no falta nada.
    Implementar: cargue la aplicacin en un lugar donde se pueda vender, por ejemplo
    la Tienda Windows.

    CONTENIDO
    MARCADO
    El Lenguaje de marcado de hipertexto (HTML) es un lenguaje de marcado
    porque se usa para describir (marcar) los fragmentos del contenido que se va a mostrar
    en una pgina web. Lo importante para usar HTML es el uso o no, de las etiquetas. La combinacin
    de contenido, etiquetas, tal vez grficos, multimedia... es lo que crea una pgina web.
    Una etiqueta es una palabra clave entre corchetes angulares. La mayora de las etiquetas son una de
    apertura o inicio, y la otra es la etiqueta de cierre o final. Se distingue entre maysculas y
    minsculas, siendo el cierre de la misma forma que en la de apertura. Una etiqueta de cierre es
    idntica a una etiqueta de apertura. Existe la excepcin de que la el cierre contenga una barra
    diagonal antes de la palabra clave.
    Ejemplo, un ejemplo de un encabezamiento sera as:
    <h1>Definicin</h1>
    HTML tambin utiliza algunas etiquetas individuales, por ejemplo <br /> para un salto
    de lnea y <hr /> para una lnea horizontal.
    Hay muchas etiquetas disponibles para las pginas HTML. Las cuatro primeras ( <html> , <head> ,
    <title> y <body> ) siendo necesarias en todas las pginas web.

    ATRIBUTOS
    Los atributos en HTML proporcionan informacin adicional.
    Los atributos son solo extensiones de los elementos.
    Su sintaxis sera:
    <tag attribute="value">
    Se debe incluir un atributo dentro de una etiqueta para que el explorador sepa cmo tratar el
    atributo.
    Un ejemplo sera:
    <a href="http://www.loyola.com">Loyola</a>
    ANIDAR ELEMENTOS
    Anidar significa colocar un elemento dentro de otro.Cuando se aplican dos o ms elementos al
    mismo bloque de texto, los pares de etiquetas se deben anidar de forma correcta. Un ejemplo sera:
    <p>Esto es una<i><b>prueba</b></i> no un examen</p>
    IMAGENES
    Se pueden mostrar diferentes tipos de imgenes en una pgina web, existen dos.
    Una imagen de trama est formada por pxeles, mientras que una imagen vectorizada est
    formada por lneas y curvas basadas en expresiones matemticas. Una fotografa es un tipo de
    imagen de trama, frecuentemente en formato JPG, tambin PNG, GIF y BMP.
    Una imagen vectorizada es una ilustracin, como un dibujo lineal. La diferencia entre ambas es la
    calidad y el tamao del archivo.
    Para agregar una imagen el HTML la forma ms facil es con el tag img. La etiqueta img no tiene
    ningn efecto por s misma, y requiere atributos y valores que especifiquen la imagen que debe
    mostrarse en el explorador. Un ejemplo:
    <img src="images/foto.jpg" alt="Imagen" />
    La imagen se mostrar siempre y cuando la subcarpeta de imgenes sea accesible. Los
    atributos src y alt son necesarios para que el cdigo sea totalmente vlido. El valor del
    atributo alt aparece cuando pasas el puntero del mouse sobre la imagen.
    -Src : Especifica la ubicacin de la imagen, como una ruta o URL
    -alt : Especifica el texto alternativo para la imagen que se muestra cuando el usuario pasa el puntero
    del mouse u otro dispositivo sealador sobre la imagen
    -height : Especifica la altura de una imagen
    -width :
    Especifica la anchura de una imagen

    CANVAS
    El elemento canvas es nuevo en HTML5 y crea un contenedor de grficos. Utiliza JavaScript para
    dibujar los grficos de manera dinmica.
    Con canvas, la pgina web se convierte en un bloc de dibujo. Puede usar comandos
    JavaScript para dibujar formas basadas en pxeles sobre un lienzo que incluyan rellenos
    de color, degradados y patrones. Canvas, adems puede representar un texto u objetos animados
    haciendo que se muevan.

    Para usar canvas, se ha de definir un lienzo en HTML. Su sintaxis bsica es:


    <canvas id="smlRectangle" height="100"
    width="200"></canvas>
    Este elemento crea el bloc de dibujo. El elemento canvas requiere el atributo id para poder
    hacer referencia al lienzo en JavaScript y agregarlo al DOM.
    Tambin debe especificar la altura y la anchura del lienzo (en pixeles). JavaScript utiliza
    la interfaz de programacin de aplicaciones (API) en 2D para dibujar poder dibujar elementos en el
    lienzo.
    Algunos navegadores antiguos no pueden ejecutar el Canvas. Por lo que, se debe agrega una imagen
    o texto a falta de no ejecucin del canvas. Esto no aparece si el Canvas se ejecuta correctamente.
    Un ejemplo sera:
    <canvas id="page" height="100" width="200">
    <img
    src="http://www.example.com/images/page.jpg"
    alt="Un rectngulo" />
    </canvas>
    Para mostrar texto en lugar de una imagen, se inserta texto en lugar de la etiqueta <img> .

    TABLAS
    Una tabla HTML tiene filas y columnas, y se usa para organizar y mostrar informacin
    en un formato de cuadrcula.
    El marcado en el HTML empieza con la etiqueta <table> .
    Las filas se marcan con la etiqueta <tr> , en los encabezados de columna se usa la etiqueta <th> y
    las celdas se definen con la etiqueta <td> .
    (lo que falta hasta la 107)

    También podría gustarte