Formation CSS3

donner du style à vos pages Web :

Le langage CSS3 est devenu le langage de référence pour la mise en page des sites Web. Durant ce cours, vous apprendrez à élaborer des feuilles de style permettant de gérer l'apparence et la disposition des éléments de vos pages Web. Vous découvrirez également comment utiliser CSS conjointement avec JavaScript.

Objectifs pédagogiques :

  • Créer le squelette d'une page avec du CSS
  • Formater les styles au niveau habillage de texte
  • Gérer l'interactivité avec le JavaScript
  • Améliorer l'interactivité des formulaires
  • Styliser des effets visuels (Ombre portée, dégradés, etc ...)
<

Tarification et déroulement

Formation Accélérée

2000 DH ≈ €

  • Type de formation : Individuel
  • Volume horaire : 16 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 2 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation continue

1000 DH/Mois ≈ €

  • Type de formation : Individuel
  • Volume horaire : 16 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Formation continue

400 DH/Mois ≈ €

  • Type de formation : En groupe
  • Volume horaire : 16 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits
×

Formulaire d'inscription au Competence Center

Virement Bancaire
En espèce

Comment dois-je faire pour payer les frais d'inscription

Competence Center met à votre disposition des méthodes de paiement flexibles et en toute sécurité

➨ Paiement par virement bancaire (RIB : 127270212119022082000414).

➨ Paiement en cash chez notre centre (À côté de la pharmacie Bahja sur l'avenue Mhd 5, au-dessus du café El Mamouniya).

Programme de formation

1 Rappels :

  • L'architecture client/serveur. Les navigateurs.
  • Les langages côté client XML, (X)HTML, CSS, JavaScript.
  • Le Web sémantique. L'accessibilité. L'encoding.

2La base des CSS :

  • Les avantages des feuilles de style.
  • Les différentes versions de CSS (CSS1, CSS2, CSS3).
  • La cascade CSS. Le stockage des feuilles CSS.
  • Le support par les navigateurs.
  • Les types de sélecteurs (id, class et balises).
  • L'ordre de priorité. Les propriétés.
  • LLes unités de mesure (em, px, pt...).
  • Les couleurs (RVB versus de base).

    • Tp :Création et gestion de styles. Gestion des unités relatives. Adaptation aux types de médias.

3Les boîtes et blocs :

  • Les balises de bloc versus en ligne.
  • Le flux CSS. Les marges (margin, padding).
  • LePositionnement dans le flux (relatif, flottant), positionnement hors flux (absolu, fixe).
  • Le z-index (altitude). La propriété box-sizing. Les contextes de formatage.
  • Fonds et bordures (couleurs, transparence, coins arrondis, ombres portées).
  • Le contenu (déroulement/scrolling).
  • Cas particulier des tableaux.

    • Tp : Création d'un squelette de page (positionnement par div)..

4 Les styles textuels :

  • Modification des fontes (tailles, polices, couleurs...).
  • Alignement du texte.
  • Les pseudo-classes.
  • Les effets visuels (clignotement...).
  • Listes et menus horizontaux et verticaux.

    • Tp :Formatage des menus horizontaux/verticaux. Effets visuels : transparence, ombres portées...

5Les images

  • Redimensionnement. Rollover. ).
  • Liens et images.
  • De contenu (img) versus d'apparence (background).

    • Tp :Intégration d'images.

6Les formulaires :

  • Design de champs de saisie, liste de sélection, zone de texte, case à cocher... .
  • Mise en forme des étiquettes (labels), des légendes, groupes de champs (fieldset)...

    • Tp :Réalisation de formulaires.

7Modifications des CSS en JavaScript :

  • Modification des styles en JavaScript (les interfaces style et className).
  • Effets : apparition, cliqué-glissé, menu déroulant...

    • Tp : Utilisation conjointe de CSS et de JavaScript (menu glissant, effets dans le formulaire...).

Notre priorité

Formation flexible

Vous souhaitez actualiser vos connaissances ou acquérir un diplôme ? Choisissez parmi les différentes formations en informatique le cours qui vous convient, à vos rythme, tout au long de vos formation.

Qualités requises

L’informatique est un outil majeur de stratégie et de compétitivité. Il est devenu indispensable aux entreprises et au grand public... Profitez des conseils avec nous pour bien maîtriser l’informatique.

Formation à distance

Il est possible de devenir webmaster, webdesigner ou référenceur... Profitez avec notre centre des formations diplômantes et certifiantes à distance pour s’orienter aux métiers du web.

prix compétitifs

Depuis la création de notre centre, nous ne cessons de développer nos connaissances pour assurer de formation performante avec un prix abordable, raisonnable et particulièrement avantageux.