CSS, Donner Du Style à Vos Pages Web


Le langage CSS 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.

Pré-requis :


Connaissances de Base en HTML.

Objectifs :


• Rappels • La base des CSS • Les boîtes et blocs • Les styles textuels • Les images • Les formulaires • Modifications des CSS en JavaScript

Certification


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.

 La 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.
  • Les unités de mesure (em, px, pt...).
  • Les couleurs (RVB vs de base).

Les boîtes et blocs

  • Les balises de bloc vs en ligne.
  • Le flux CSS. Les marges (margin, padding).
  • Positionnement 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.

 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.

Les images

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

Les 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)...

Modifications des CSS en JavaScript

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

 

Formation CMS

- Joomla!, Créer et Administrer Un Site Web
- Joomla!, Perfectionnement
- WordPress, Initiation, Installer et Gérer Un Site d'Entreprise
- WordPress, Perfectionnement
- Prestashop, Créer un site e-commerce

Formations "HTML, CSS, XML

- HTML, Initiation Pratique
- HTML5, CSS3, Orienter Votre Conception Vers Des Sites Web Modernes et Dynamiques
- Programmation en HTML5 avec JavaScript et CSS3
- Technologies XML, conception, mise en œuvre
- XML, Modéliser Vos Documents et Données

Formations "JavaScript

- JavaScript au Cœur des architectures Web, état de l’art
- JavaScript, HTML dynamique
- JavaScript, perfectionnement
- HTML5, Maîtriser Les API JavaScript
- Ecmascript 6, Mettre En Oeuvre Le Nouveau JavaScript

Formation: Java/JEE/.NET/PHP

- Java EE 7, Conception et Développement d'Applications Web
- Framework JSF 2, Développer Des Applications Web
- Développer Une Application Web 2.0/GWT
- ASP.NET niveau 2, développement Web
- ASP.NET niveau 1, développement Web
- ASP.NET MVC 5, développement d'applications Web
- Introduction à la programmation avec Java
- Initiation à la Programmation Objet/Java
- L'essentiel de Java et de l'objet
- Java, Programmation Avancée

Création site internet : Mg Formation