Webmaster Intermédiaire : HTML5/CSS3 + Responsive Web Design (RWD) par Dawan

IntroductionHistoire du HTMLVersionsStructure d'un documentLes bases d'un document HTMLLe DoctypeLes balises html, head, bodyLes commentairesStructures des balises et des attributsDifférences entre les balises inline et blockLes balises de contenuLes titres (h1, h2, h3, etc)Les paragraphesMise en gras et en italiqueLes liens hypertexteLes listes (ordonnées et non ordonnées)Les tableauxAtelier : Structurer une page htmlLes Médias Les images et format d'imageLes attributs essentiels (src, alt, etc)Intégrer des sons et des vidéosAutres médiasAtelier : Intégrer plusieurs médias sur une page htmlLe CSSPrésentation et définitionAttacher une css à une page htmlLes sélecteurs (balise, id, class)Les pseudo
- classesLes propriétés et valeursLes commentairesAtelier : Attacher une feuille css à une page htmlLes propriétésLes propriétés de texte (police, taille, alignement)Les couleurs hexadecimale, rgb, rgba et nomméesLes propriétés d'arrière planLes marges intérieurs et extérieur (margin, padding)Les borduresLes dimensionsLes listesAtelier : Styliser une page existanteLe positionnement de blocPositionnement absolu ou relatifBloc flottant et fixeLes blocs flexiblesLes grillesAtelier : Positionner différents blocs sur une pageLes Formulaires Les balises de formulaireLes attributs action et methodLes différents champs de formulaireLes différentes formes du champs inputLes attributs pour les champs de formulaire (placeholder, required, etc)Valider un formulaireAtelier : Créer un formulaire d'inscriptionLes animationsLes animations et transitionsDurée des animationsLes fonctions de transitionLes KeyframesAtelier : Créer une animationAutres propriétés CSS3Les transformationsLes ombres de texte et de blocLes bordures arrondiesLes colonnesLa propriété box
- sizingConstruire un site web adaptatifResponsive Web Design (RWD) : définition, composantesContraintes ergonomiques et fonctionnellesViewport : notion, meta, valeursUnités relatives (%, em) vs. absolues (px)Créer une grille d'affichage flexibleTailles d'écran, résolution optimaleModes portrait et paysageExpression des tailles en pourcentage (%), emTailles minimales, maximalesBlocs, approche contenu/contenantPrincipe des box, layout avec CSS3Taille des fonts : fixer une base pour les tailles, conversions emEviter les débordementsAtelier : Multiples exemples de grilles flexib

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,....