Conception en CSS

Pour apprendre à coder à la main

Formation : Conception de sites en CSS

De bonnes bases pour appréhender le code des sites Internet

ADVISO WP dispense des formations de qualité, distancielles ou présentielles, individuelles ou en petit groupe à destination des webmasters professionnels ou amateurs et, plus largement, de toute personne désireuse de découvrir WordPress. Pour ce faire, nous avons développé des solutions de formation personnalisées tout à fait adaptées aux petites structures. Nous fournissons également une assistance post-formation.

À propos de cette formation

Au cours de cette formation de deux jours, les participants apprendront à utiliser CSS pour mettre en forme l’apparence du texte, des images, des formulaires et des données tabulaires. Les exercices incluent la construction de systèmes de navigation, le test de conceptions dans différents navigateurs, le remplacement des pages basées sur des tableaux par des CSS à largeur fixe et liquide, et la création de sélecteurs qui offrent des options utilisateur.

À qui s’adresse cette formation ?

Ce cours est idéal pour tous ceux qui souhaitent dépasser la conception de pages basées sur des tableaux et/ou qui ont besoin des avantages et avantages offerts par la conception avec XHTML+CSS. Une fois cette formation terminée, les stagiaires devraient être capables de développer rapidement des sites Internet flexibles, avec une conception cohérente et des performances optimales.

Caractéristiques

FORMATIONDISTANCIELLEPRÉSENTIELLE
Durée2 jours2 jours
LieuPar visioconférenceDans vos locaux
Public concernéWebmasters débutants
PrérequisConnaître le HTML
Effectifs3 minimum10 au maximum
HorairesÀ la demande9:00 - 17:00
SanctionAttestation de formation mentionnant les acquis
Prix749 EURSur devis

Quelles sont les conditions préalables ?

Les participants doivent avoir suivi la formation d’Introduction au HTML ou avoir des connaissances équivalentes avant de commencer ce cours.

Quelles sont les prochaines dates ?

Nous organisons ordinairement une session en ligne tous les deux mois. Ces sessions sont plutôt destinées à des particuliers, des exploitants individuels, des responsables associatifs… 

Il est également possible d’organiser des sessions à la demande, sans supplément, fractionnées sur plusieurs jours. N’hésitez pas à nous contacter en nous précisant vos souhaits et vos disponibilités.

Enfin, nous nous déplaçons volontiers en entreprise.

Contactez-nous pour que nous établissions un devis personnalisé.

Contenu de la formation

1 – Introduction au CSS

  • Définir des styles avec le CSS
  • Sélecteurs CSS
  • Propriétés CSS

2 – Style de texte de base

  • Spécification des tailles et des familles de police
  • Contrôle de l’apparence des liens hypertextes
  • Stylisation des mots individuels plutôt que des paragraphes
  • Spécification de la hauteur de ligne (interligne) du texte

3 – CSS et images

  • Ajout des bordures aux images
  • Habillage de texte autour d’une image sans utiliser l’attribut d’alignement HTML
  • Définition d’une image de fond avec le CSS
  • Positionnement des images d’arrière-plan

4 – Navigation

  • Remplacement de la navigation basée sur l’image par le CSS
  • Utilisation des listes pour créer un menu de navigation
  • Utilisation du CSS pour créer une navigation par survol sans images ni JavaScript
  • Création d’un menu horizontal en utilisant le CSS et des listes

5 – Données tabulaires

  • Ajout de bordures aux tableaux sans utiliser l’attribut de bordure HTML
  • Affichage des lignes du tableau en couleurs alternées
  • Changement de la couleur d’arrière-plan d’une ligne de tableau au survol

6 – Formulaires et interfaces utilisateur

  • Stylisation des éléments de formulaire à l’aide du CSS
  • Application de différents styles aux champs
  • Contrôle des espaces blancs et des sauts de ligne
  • Utilisation de différentes surbrillances colorées dans le menu de sélection

7 – Compatibilité

  • Test d’un site dans différents navigateurs
  • Test des navigateurs sur différents systèmes d’exploitation

8 – Positionnement et mise en page

  • Choix d’une classe ou d’un ID
  • Affichage de l’élément en ligne comme s’il était au niveau du bloc, et vice versa
  • Marges en CSS