Logo de La Formation Chez Vous la Formation
Chez Vous

menu responsive
E-learning html5, css, php, sql, javascript, pao et bureautique suivez nous sur twitter Retrouvez nous sur LinkedIn Grossir la typographie Diminuer la taille de la typographie Mettre la typographie en gras Contraste élevé

C'est bon de vous revoir !


Je me connecte à FCV Ou Je m'inscris




Mot de passe oublié ?

CSS3

NiveauDébutant

Durée14 heures

Pré-requisMaîtrise des bases du HTML 5

PublicWebdesigner, webdéveloppeur, responsable marketing, responsable communication, intégrateur.

La formation CSS3 est dans le prolongement de la formation HTML5. C'est la partie design d'un site web.

Vous apprendrez dans ce cours à designer un site en changeant couleurs, typographies et fonds, en mettant en place les éléments de contenu

A l'issue de ce cours vous saurez

mettre en forme un contenu de site selon plusieurs méthodes

appliquer une charte graphique aux éléments de contenu

Qu'est-ce que le CSS

Définition

Histoire

Le W3C

Présentation de l'oganisation

Les recommandation

Le validateur

Où mettre du CSS

La feuille de style externe.

La balise feuille de style interne

Le CSS inline ou intégré aux balises HTML

La syntaxe

Les sélecteurs : balise, id et class

Les propriétés

Les valeurs

Les commentaires

Syntaxe des commentaires

Bonnes pratiques pour structurer son code

La notion d'héritage

Le sens de lecture et d'interprétation du code

Exemple illustré avec les listes ordonnées

La mise en forme du texte

font-family

font-size

font-weight

font-style

text-transform

font-variant

text-decoration

text-indent

word-spacing

letter-spacing

Police WEB SAFE

Serif Fonts

Sans-Serif fonts

Monospace fonts

Les couleurs

name

RGB

Hexadécimale

RGBa

La mise en forme de l'arrière plan

background-color

background-image

background-repeat

background-position

background-attachment

background-size

La mise en forme des tableaux

border-collapse

caption-side

Les bordures

style de trait

épaisseur du trait

couleur du trait

trait image

La mise en forme des listes

position de la liste

type de puce ou de numéro

Mise en forme des blocks

display : block; inline-block; inline

float et clear

Méthodologie

Comprendre et apprendre le code est une chose aisée. Il s'agit de langages simples comparés aux langages humains.

Leur mise en oeuvre est revanche est plus difficile car elle ne peut souffrir que peu voire aucune erreur.

La méthodologie que nous adoptons est donc une méthodologie basée sur la pratique.

Après avoir présenté et expliqué une notion, nous en montrons une application concrète. Les stagiaires ont un rôle d'observateur pendant cette phase. Ils peuvent ensuite poser leurs questions et mettre en pratique sur un exercice cours et ciblé sur cette notion précise

Evaluation des acquis

L'évaluation des acquis se fait par la pratique à savoir la production d'une page HTML correctement formée, optimisée pour le référencement et présentant les contenus de base (texte, image, vidéo, son, liste, tableau et formulaire de contact).

La mesure porte alors sur les critères de conformité aux règles du W3C, à la mise en place du contenu, à sa structure sémantique et à sa logique humaine

Une note de 0 (non maîtrisé) à 3(parfaitement maîtrisé) sera affectée à chaque critère d'évaluation

La note 1 révélera une maîtrise partielle et fragile

La note 2 révélera une maîtrise partielle mais fiable