Conception web par les bonnes pratiques XHTML et CSS
Pré-requis : Notions du web, du HTML ou de Dreamwaver. * Durée : 3 jour(s)
Présentation
- Vous souhaitez mettre en place les bonnes pratiques du Web.
- Vous avez des impératifs de normalisation W3C.
- Vous souhaitez pouvoir intégrer facilement des frameworks CSS ou Javascript (JQuery, ...).
- Vous voulez améliorer votre référencement.
- Vous travaillez avec des frameworks MVC ou MVT.
- Vous avez besoin d'un code portable pour des plateformes mobiles.
- Vous avez un site en constante évolution.
Objectif de la formation
Proposer une méthode concise de rédaction de code source. Cette formation permet de mettre en page des sites riches en graphismes et en interaction. Vous apprendrez à saisir manuellement du code HTML et CSS en utilisant les éléments adéquats. Vous mettrez en place un site graphique avec des menus en survol.
Stagiaire
Tout développeur, web-designer ou web-master impliqué dans la création ou la maintenance de code source.
Contenu du stage
- Rédaction du HTML
- Tests en navigateurs
- Éditeurs existants
- Outils et assistance
- Indentation du code
- Balises HTML
- Les balises populaires
- Balise avec et sans contenu, différences d'écriture
- Hiérarchisation des balises
- Choix de balise par type de contenu
- Le XHTML
- Différences HTML et XHTML
- Types de documents
- Éléments dépréciés
- Sémentique et organisation du document
- Bonnes pratiques de balisage
- Hiérarchisation des titres
- les tableaux : entête, pied de page, titre et contenus
- Systèmes de listes, de définitions
- Les types "bloc" et "en-ligne"
- Les balises délaissées
- Définitions de CSS
- Mise en style d'une balise, les bases
- Positionnement dans l'espace
- Définition de classes, d'identifiant et de balise
- Indentation, organisation et inclusion dans une page
- Héritage, cascade et surcharge
- Bonnes pratiques CSS
- Organisation des styles et importation
- Outils de debug
- Mise en place d'un menu complexe
- Raccourcis d'écriture
- Types de medias
- CSS, CSS2, CSS3
- Nouveautés, différences et intérêts
- Contraintes navigateurs
- Choix dans le contexte d'utilisation
- Discussion et culture CSS
- Les contraintes navigateurs
- Les "hacks"
- Le HTML5 et l'avenir du Web
- Les frameworks