estructura_html5__16192__

Upload: eddy-angeles-gomero

Post on 13-Apr-2018

222 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/26/2019 estructura_html5__16192__

    1/14

    David Cota - Tecnologa Multimedia

  • 7/26/2019 estructura_html5__16192__

    2/14

    David Cota - Tecnologa Multimedia

    Estructura bsica de sitio web en html5

  • 7/26/2019 estructura_html5__16192__

    3/14

    David Cota - Tecnologa Multimedia

    Estructura bsica de sitio web en html5

  • 7/26/2019 estructura_html5__16192__

    4/14

    David Cota - Tecnologa Multimedia

  • 7/26/2019 estructura_html5__16192__

    5/14

    David Cota - Tecnologa Multimedia

  • 7/26/2019 estructura_html5__16192__

    6/14

    David Cota - Tecnologa Multimedia

  • 7/26/2019 estructura_html5__16192__

    7/14

    David Cota - Tecnologa Multimedia

  • 7/26/2019 estructura_html5__16192__

    8/14

    David Cota - Tecnologa Multimedia

    Lenguaje de la pginahtml

    Etiqueta meta charset que permite elfuncionamiento de caracteres especiales en

    paginas html

    Librera normalize.css

  • 7/26/2019 estructura_html5__16192__

    9/14

    David Cota - Tecnologa Multimedia

    http://necolas.github.io/normalize.css

    http://necolas.github.io/normalize.csshttp://necolas.github.io/normalize.csshttp://necolas.github.io/normalize.css
  • 7/26/2019 estructura_html5__16192__

    10/14

    David Cota - Tecnologa Multimedia

    Qu es normalize?

    Normalize.css es un archivo .css que pone en cero todas las etiquetas HTML. Todo esto con el finde que tu sitio web se vea igual en todos los navegadores.

  • 7/26/2019 estructura_html5__16192__

    11/14

    David Cota - Tecnologa Multimedia

    Cmo lo "instalo"?

    Luego de habernos descargado nuestro archivo, lo debemos guardar con el nombre normalize.cssen la carpeta de nuestra web.

    Ahora lo que haremos es linkearlo a nuestro sitio web, para que normalice nuestra web a todo

    navegador. Para eso lo linkeamos como una hoja de estilo ms que es, agregamos el siguentecomando entre las etiquetas :

  • 7/26/2019 estructura_html5__16192__

    12/14

    David Cota - Tecnologa Multimedia

    Prefixfree

  • 7/26/2019 estructura_html5__16192__

    13/14

    David Cota - Tecnologa Multimedia

    http://leaverou.github.io/prefixfree

    Es una librera Javascript que nos ayuda a no llenar de prefijos nuestra hoja de estilos como webkit- paralos diversos navegadores.

    http://leaverou.github.io/prefixfreehttp://leaverou.github.io/prefixfreehttp://leaverou.github.io/prefixfree
  • 7/26/2019 estructura_html5__16192__

    14/14

    David Cota - Tecnologa Multimedia

    El uso de la librera no es difcil, slo la agregamos a la cabecera de nuestro documento:

    No funciona en local , sino desde un servidor por cuestiones de seguridad como: WAMP, AppServ,Apache, Xampp.

    Guardar dentro de la carpeta del proyecto web

    Cmo lo "instalo"?