Télécharger pour lire hors ligne
Téléchargé parCesar Gelvez
HTML / CSS Media query et resposivité.
Le document traite de la création d'un CV en utilisant HTML et CSS, en respectant les normes du W3C pour améliorer la syntaxe et l'optimisation du code. Il explique la structure de base des documents HTML ainsi que les spécificités des sélecteurs CSS, tels que les identifiants et les classes. De plus, il aborde l'adaptation du design aux différents navigateurs et l'utilisation des media queries pour le responsive design.
HTML / CSS Media query et resposivité.
- 1.
- 2. W3C Norme leweb (Organisme) Le But du html bien codé est améliorer le RN RN -> <head> : Title, meta, type de html. <body> : img(alt, title) éviter les erreurs de syntaxe et codage Globale: Moins de code, mieux codé = Optimisation technique A Savoir
- 3. Avec fermeture <html> </html> <head></head> <body></body> <div></div> Auto fermantes <img /> <br /> <meta /> <link /> Types des Balises
- 4. <div attribut="valeur" > </div> • Attributau niveau de la balise OUVRANTE Balise ouvrante/fermante les attributs
- 5. LES SELECTEURS CSS ID: Un seul élément de la PAGE. CLASS : Plusieurs éléments de la page. .bloc symbole dans la css pour signifier les CLASS #conteneur_gauche # symbole pour signifier les ID
- 6.
- 7. Particularités de laCSS • Penser à tous les navigateurs. • Adapter la CSS aux navigateurs Centrer la page -> margin:0 auto; FF; Chrome; Safari. Internet Explorer. (9) Particularités
- 8. MEDIA QUERY /* Smartphones(portrait and landscape */ @media only screen and ( min-width : 320px) and (max-width : 480px) { }
- 9. LES ELEMENTS «FLOAT » 20% 60% Float:left (au niveu de la css)
- 10.
- 11. Photo Descriptio n Texte du CV Expériences Formation Autres Contact Loisirs Photo Description Textedu CV Expériences Formation Autres
- 12. Wrapperconteneur_gauche conteneur_centre conteneur_droite Description Textedu CV Expériences Formation Autres Contact Loisirs
- 13.