sábado, 1 de febrero de 2014

Curso Práctico de HTML5 - Cap 04 Consideraciones al iniciar un sitio web en HTML5

Consideraciones al iniciar un sitio web en HTML5


Empezamos a desarrollar un sitio web estructurado bajo estándares HTML5, CSS3 y JQuery.

Recursos: Conversor de png a ico: http://convertico.com/
Archivos que han intervenido en la web: http://humanstxt.org/ES
sitemap.org: http://www.sitemaps.org/schemas/sitemap/0.9/
Recursos del videotutorial:
http://bextlan.com/recursos/tutoriales/html5/video04-html5.zip

index.html
<!doctype html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Sitio con Responsive Web Desing en HTML5, CSS3 y jQuery</title>
    <meta name="description" content="Bienvenido a mi portafolio web hecho en HTML5, CSS3 y jQuery con Responsive Web Design">
Meta viewport específica (en el content) como se mostrará la página en el dispositivo. en este caso, el ancho de la página se va a ver conforme el ancho del dispositivo y la escala inicial = 1.
    <meta name="viewport" content="width=device-width,initial-scale=1">
Para mostrar un icono en la pestaña del navegador:
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
Archivo txt que contiene la información sobre las personas que han intervenido en la WEB.
    <link rel="author" type="text/plain" href="humans.txt" />
Mapa de sitio que sirve para que los buscadores averiguen como está estructurado nuestro sitio web.
    <link rel="stylesheet" href="css/estilos.css">
Por si nuestra página es visualizada con un navegador antiguo que no entiende la nuevas etiquetas semánticas, con esta instrucción llamamos a un script que genera dinámicamente las nuevas etiquetas (div) con JavaScript.
    <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    
</body>
</html>

humans.txt
/* bextaln.com | Lugar de bits, vectores y pixeles. - http://bextaln.com */

/+ TEAM */
    Creator: Miguel
    Contact: madiazg [at] bextlan.com
    Twiter: @bextlan
    From: Canary Islands - Spain

/* IN MEMORIAL */
    Bryan

/* THANKS */
    ICONOS http://www.iconos.edu-mx

/*SITE */
    Last update: 2014/02/01
    Languaje: Español
    Standars: HTML5, CSS3, JavaScript
    Components: jQuery

    Software: Brackets

sitemap.xml
<?xml version="1.0" encoding="utf-8" ?>
Indica los archivos sobre las que nos vamos a regir para crear nuestro sitemap.
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
Indicamos las páginas web de nuestro sitio
    <url><loc>http://sudominio.com/index.html</loc></url>
    <url><loc>http://sudominio.com/acerca.html</loc></url>
    <url><loc>http://sudominio.com/servicios.html</loc></url>
    <url><loc>http://sudominio.com/trabajos.html</loc></url>
    <url><loc>http://sudominio.com/contacto.html</loc></url>

</urlset>

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.