Programme CSS3 POUR LE RESPONSIVE WEB DESIGN

Participants : À tous ceux qui conçoivent, développent et maintiennent des sites web.

Durée : 3 jours - 21 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER

La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.

Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.

Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Logo ACF

Demande de devis

Formation
Cadre
Pôle Emploi
Nom/Prénom
Société
E-mail
Téléphone
Période
Evaluer mon niveau

Les objectifs

Durant
Durant
ce cours, vous apprendrez à concevoir et développer rapidement des pages Web efficaces et visuellement sophistiquées à l'aide des CSS et de HTML. Vous acquerrez les compétences pour créer des sites Web compatibles sur plusieurs navigateurs et répondant aux normes d'accès Section 508 et W3C. Vous apprendrez également comment établir une navigation de sites efficace en utilisant les menus, à intégrer du contenu linéaire et à optimiser vos pages pour en faciliter l'impression.

pré-requis

Une expérience de HTML

Moyens pédagogiques, techniques et d'encadrement

  • 1 poste de travail complet par personne
  • De nombreux exercices d'application
  • Mise en place d'ateliers pratiques
  • Remise d'un support de cours
  • Remise d'une attestation de stage

Modalités d'évaluation des acquis

- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage

Accessibilité handicapés

- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.

Le Programme

Utilisation des CSS

  • Cycle de développement
  • Avantages des CSS
  • CSS et HTML 5
  • Exploiter les CSS pour créer des sites Web accessibles

Convention de formatage CSS

  • Définition de la structure des CSS
  • Unité de mesure
  • Taille fixe/taille relative
  • Propriétés de couleur et de police de caractère
  • Simplification des feuilles de style avec la sténographie

Choix et application des styles

  • Attributs classes/attributs ID
  • Insertion de balises DIV et SPAN
  • Comparaison entre styles inline et block

Intégration des feuilles de style

  • Feuilles de style externes ou intégrées
  • Importation vs. liaison de feuilles de style externes
  • Utilisation du mode en cascade CSS et des spécificités
  • Déterminer les styles efficaces

Modèles CSS

  • Groupement et stylisation du contenu
  • Création de zones de remplissages (padding), de marges et de bordures et optimisation de la mise en forme grâce aux arrière-plans et aux images
  • Gradients, ombres et arrière-plans de CSS3

Gestion du navigateur

  • Importance de la directive !DOCTYPE
  • Choix des standards du document
  • Passage du mode quirk au mode normal

Modification et superposition de styles

  • Héritage et comportement du style
  • Attribution de styles et application de règles de spécificités
  • Utilisation des spécificités
  • Pseudo sélecteurs

Gestion des éléments de la page avec les CSS

  • Mise en forme de pages en utilisant les techniques de pure CSS (sans tableau)
  • Superposition des éléments
  • Position relatif/position absolu

Organisation du contenu

  • Optimisation des pages pour l'accessibilité, les moteurs de recherche
  • Effets Rollover à l'aide de :hover
  • Mise en page linéaire

Intégrer les bonnes pratiques

  • Optimisation des pages pour toutes plates-formes
  • Produire du contenu imprimable
  • Utilisation des styles pour un format d'impression optimal

Solutions de rechange multinavigateurs

  • Développement de pages fonctionnant avec des navigateurs quirk et des boîtes cassées
  • Dégradation élégante vs amélioration progressive
  • Cibler des navigateurs ne prenant pas en compte CSS3

Organisation de l'information du site

  • Choix de techniques de menu pour plus de convivialité
  • Localisation du visiteur dans le site grâce au chemin de navigation ou « crumbtrail »
  • Création d'un menu de recherche convivial grâce aux listes

Création de menus

  • Conception de menus accessibles et attractifs, horizontaux et verticaux ou avec onglets
  • Application des techniques rollover aux menus

Formatage des données tabulaires

  • Utilisation des CSS pour rendre les tableaux attractifs
  • Mise en application des techniques d'accès à la conception des tableaux

Formulaires esthétiques pour répondre aux standards

  • Styliser les formes avec CSS
  • Création de formulaires efficaces et accessibles fonctionnant sous différents navigateurs
  • Application des propriétés d'une feuille de style aux formulaires