VideoTutoriales: Diseño web con HTML5 y CSS3 video 18

Diseño web con HTML5 y CSS3 video 18

Tutor: Jeison Varilla - Categoria: HTML5

Hola amigos en este vídeo comenzaremos descargando, y organizando nuestro proyecto. Es indispensable tener los archivos que vamos a necesitar en el transcurso de todos los vídeos, para esto descargaremos las librerías y archivos que se describen en el vídeo. Utilizaremos: reset.css, text.css, 960.css, adapter.js, y otros. Aprenderemos a incorporar estilos con @import, reseteamos los estilos, creamos un estándar, y adaptamos nuestra pagina a las diferentes resoluciones.

haremos los elementos principales de nuestra maqueta, body, contentall, header, slideshow, section, footer. crearemos unos estilos para ver su comportamiento en la web, luego abarcaremos los elementos internos, el logo, la barra de navegación NAV, los articules, de la seccion.Utilizaremos el grid 960 para darle su posición en la maqueta. Con: container_12, grid_12, grid_4, grid_x, suffix_x, preffix_x, clase clear, Alpha, Omega.

Por ultimo veremos la compatibilidad en IE7, con la librería modernizr podremos dar un aspecto similar.Con esto queda demostrado la facilidad para llevar un maqueta PSD a html, en su estructura principal. Podremos mejorar la compatibilidad de navegadores y de resoluciones.

  • Comparte este VideoTutoriales
  • Share on Google+
  • facebook