Advertisement
Guest User

Untitled

a guest
Feb 6th, 2016
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.33 KB | None | 0 0
  1. Usa este tutorial para poder entender cómo posicionar elementos http://htmldog.com/guides/css/intermediate/layout/
  2.  
  3. -Crea la estructura en HTML primero, e incluye un archivo CSS en el <head> para poder darle estilo a tu página, usa el método “External” de esta guía http://www.htmldog.com/guides/css/beginner/applyingcss/
  4. -Intenta usar elementos de HTML5 que describan el contenido (header, main, aside, footer, etc) Usa este artículo para entender semántica en HTML5 http://html5doctor.com/lets-talk-about-semantics/
  5. -Usa IDs únicos para elementos que encapsulan muchos otros elementos (como para el main, header, footer, etc)
  6. -Usa clases en cada elemento, sé específica nombrando las clases dependiendo de lo que hará o contendrá el elemento http://getbem.com/naming/
  7. -No uses los IDs para aplicar estilos, solamente usa las clases
  8. -Intenta usar las mismas dimensiones que he usado en el layout:
  9. - 1000px es el tamaño del cuerpo completo
  10. - el Header y el Footer deben expandirse al largo completo del cuerpo
  11. - El logo tiene 320px de largo y 230px de alto
  12. - El menú tiene 580px de largo y 80px de alto
  13. - El Main tiene 575px de largo, y el alto debe tener 600px mínimo e incrementar si le agregas elementos hijos
  14. - El sidebar tiene 250px de largo, y el alto debe tener 400px mínimo e incrementar si le agregas elementos hijos
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement