Revenir à la liste des catégories de formation



Formation : HTML/CSS : techniques avancées


(Réf. 19207)

Evaluation :
Détails de la fiche formation
Options disponibles pour la fiche formation


Détails de la fiche formation



Compétence(s)

HTML

Prérequis

  • Connaissance de base du HTML et des CSS.

Public

  • Développeur d'applications Web
  • Graphiste et webdesigner
  • Participant à un projet Internet
  • Webmaster

Objectifs

  • Décrire une mise en page Web via le langage (X)HTML/CSS2
  • Produire et présenter des pages avec le respect des dernières normes de codage
  • Faire une présentation Web uniquement par CSS
  • Maîtriser les subtilités du HTML et du XHTML
  • Initiation théorique à l'accessibilité

Type de formation

Courte

Programme

1. HTML : RAPPEL


Historique.
Principes de base.
Principales balises.

2. RELIER LA PAGE HTML A LA FEUILLE DE STYLES


Savoir quand utiliser les attributs « style ».
Créer une structure de feuille de styles avec les styles globaux et les styles spécifiques.

3. GRAPHISME DE LA PAGE


Découpage des images par les graphistes en vue d'une conception par feuille de styles.
Gérer les tailles de caractères proportionnelles (em, %).
Insérer des images pour les puces de listes HTML.
Habillage simple d'une page, de tableaux et des formulaires HTML.

4. POSITIONNEMENT CSS


Détail des différents positionnements CSS et notion de flux de contenu.
Résolution des problématiques introduites par les positionnements relatifs et les positionnements absolus.
Appliquer correctement des blocs flottants.
Centrer un contenu verticalement.
Utiliser les blocs en ligne (inline-bloc).
Avoir un bloc toujours en bas de page.

Travaux pratiques : création d'une maquette avec plusieurs colonnes CSS (principes des « fausses colonnes » et démarche avec des marges négatives).

5. MENUS ET ONGLETS CSS


Apprendre à construire un menu à base de listes HTML.
Réalisation d'un menu vertical avec mise en surbrillance et graphisme.
Etude d'un menu horizontal et des problématiques associées.

Travaux pratiques : création d'un système d'onglets cliquables.

6. DES FEUILLES DE STYLES PAR MEDIA


Les feuilles de styles alternatives.
Réalisation de feuilles de styles spécifiques.

Travaux pratiques : création dune feuille de styles dédiée à l'impression de la page, avec un rendu différent du rendu écran.

7. ACCESSIBILITE


Sensibilisation aux besoins accessibles.
Les média.

Pédagogie

Non renseigné

Point(s) fort(s)

Non renseigné
Revenir en haut


Options disponibles pour la fiche formation



Langue(s)

Français

Moyen(s)

Inter-Entreprise

Durée

Non renseigné

Zone géographique

Inter-Entreprise :
92100 BOULOGNE BILLANCOURT :


Revenir en haut





Revenir à la liste des catégories de formation