Upload
eddy-angeles-gomero
View
222
Download
0
Embed Size (px)
Citation preview
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.css7/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/prefixfree7/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"?