Video tutorial de maquetación HTML5 y CSS3 parte 1.
Comenzamos una nueva serie en el Blog, después de pedidos iniciamos con los video tutoriales.
Aqui el primero: Maquetación en HTML5, CSS3 y Jquery.
En este video hablamos sobre las etiquetas semánticas de HTML5 y como darles estilos con CSS3.
Publico aqui el esqueleto básico de maquetado de una web con HTML5:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<header>
</header>
<nav>
</nav>
<section id="contenedor">
<section id="contenido">
</section>
<aside>
</aside>
</section>
<footer>
</footer>
</body>
</html>
Este es un esqueleto muy básico de una web que lo puedes usar como un Snipet en todos tus trabajos de desarrollo web para facilitarte la vida.
Durante los tutoriales iremos implementando el website con la inclusion de nuevas etiquetas HTML5, nuevos elementos, clases y etc.
En este primer video creamos una pagina web en HTML5 con algunos estilos en CSS3, en el próximo ya iniciaremos con las media queries y algunas animaciones y efectos con CSS3 y Jquery.
Espero les sea útil, y cualquier duda o comentario puedes usar la seccion de comentarios y intentaré solucionar las dudas.
No hay comentarios:
Publicar un comentario