Formation CSS, donner du style à vos pages Web


Objectifs
  • Maîtriser rapidement les possibilités et les outils qu’offre ce langage
  • Etre en mesure de mettre en forme et de disposer à votre goût les éléments de vos pages Web
  • Savoir utiliser CSS conjointement avec Javascript
Participants
  • Concepteur de site Web
  • Webmaster
  • Graphiste désirant acquérir de bonnes connaissances en mise en forme Web
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB41

Dates de Formations

16 et 17 Avril 2019

18 et 19 Juin 2019

22 et 23 Aout 2019

15 et 16 Oct. 2019

24 et 25 Déc. 2019

Programme
  • 1/ Retours sur les notions de base
    • • Le web : un monde complexe
    • • Le modèle classique client – requête – serveur – réponse
    • • Les langages du web côté client : HTML, XML, CSS, JavaScript
    • • Les outils nécessaires
  • 2/ Préparation
    • • Organiser le projet de conception
    • • Concevoir le gabarit et la maquette
    • • L’architecture CSS : les boîtes et les blocs
    • • Intégrer ou appeler du CSS dans une page HTML : méthode interne, externe et intégrée
    • • Appliquer les bonnes pratiques d’intégration
    • • Connaître les sélecteurs, préparer les classes et identifiants nécessaires
    • • Connaître l’ordre des priorités
  • 3/ Premiers pas avec CSS
    • • La syntaxe du CSS
    • • Ranger les éléments : inline et block
    • • Organiser les éléments entre eux dans le flux
    • • Comprendre la structure des boîtes : border, padding et margin
    • • Bien utiliser les unités de tailles : %, em, pixels
    • • Les tableaux
  • 4/ Mise en forme : donner du style aux boîtes
    • • Jouer avec les bordures : angles, aspect, épaisseur, couleur
    • • Ajouter de la couleur : background-color, dégradés, transparence
    • • Gérer le contenu des boîtes (déroulement, overflow)
  • 5/ Mise en forme : formatage du texte
    • • Appliquer et importer des polices
    • • Mise en forme du texte : taille, couleur, ombre…
    • • Alignement et formatage des paragraphes
    • • Modifier l’apparence des listes
    • • Formater les listes en menus
    • • Modifier l’apparence des liens
    • • Mettre en forme un formulaire
  • 6/ Mise en forme : les images
    • • Choisir le bon format
    • • Ajouter une image de fond
    • • Redimensionner une image
  • 7/ Pseudo-classes et syntaxe complexe
    • • Utiliser les pseudo-classes
    • • Appliquer un style à plusieurs classes ou certains éléments d’une classe : la syntaxe
  • 8/ Plus de dynamisme : modification des CSS avec JavaScript
    • • Modifier des styles en JavaScript
    • • Appliquer des effets aux éléments
  • 9/ Maintenance et mise à jour des pages web et de l’arborescence
    • • Principes et organisation
    • • La récupération de l’existant bureautique