Objectifs de formation

 Mettre en oeuvre une approche logique et structurée de l’intégration des feuilles de style dans une page HTML
 Apprendre à créer des pages Web
 Savoir élaborer la navigation entre les pages de son site
 Savoir insérer des éléments dynamiques dans une page
 Comprendre comment organiser et publier des sites

Programme

1- Rappels et introduction

 structure et nature d’une page HTML
 versions et normes langage HTML et XHTML

2- Entête de la page HTML

 les balises META
 les balises de styles
 pages de code caractères

3- Le corps de la page HTML

 texte, mise en forme
 listes
 tableaux
 liens hyper-texte

4- incorporation d’images

 formats d’image
 taille, definition

5- Les formulaires

 construction

Public

 Tout webmaster ou personne désirant utiliser un éditeur HTML pour la création d’un site ou souhaitant se préparer à l’utilisation d’un éditeur HTML.
 Bonne connaissance de l’outil informatique et de l’internet.

Durée

 1 jour (7 h)

Matériel nécessaire

Pensez à prendre :

 Votre ordinateur si possible
 Une multiprise
 Un cable réseau si possible pour la connexion au réseau local et à Internet

Sur votre ordi, sentez-vous libre d’installer :

 Un navigateur correct, par exemple Mozilla Firefox
 Un client FTP (par exemple Filezilla)
 Un bon éditeur de texte

Objectifs de formation

 Modifier et maintenir des feuilles de styles existantes
 Concevoir et écrire des feuilles de styles conformes aux standards
 Rendre les pages faciles à modifier et à maintenir
 Créer des sites élégants, légers, pérennes et accessibles, conformes aux standards du Web
 Séparer le contenu de la présentation

Programme

Introduction aux feuilles de style CSS
Syntaxe de base du langage.
Les différents modes d’insertion d’une feuille de style

Les propriétés exploitables

Eléments avancés de mises en page
Les balises span et div.
La notion de classe et d’identifiant.
Les classes universelles.
Les pseudo-classes.

Positionner des éléments.

Créer une mise en page sans utiliser les tableaux
Les différentes possibilités d’aligner un site à l’écran.
Mise en page dans un cadre aux bords arrondis.
Création de cellules étirables.
Créer un site pour toutes les résolutions d’écran.

Les images
Créer une image réactive en Css.
Preloader des images sans utiliser JavaScript.
Créer des rollover avec une seule image.
Créer des menus déroulants tout en Css.

INTRODUCTION
Les feuilles de style, structuration d’une feuille de style, utilisation des styles dans une page web

SYNTAXE DES CSS
 La redéfinition de balises HTML
 les classes de style
 les sélecteurs et identificateurs
 les pseudo-éléments
 Règles de mise en page
 La notion d’héritage.

UTILISATION DES CSS

 Les polices de caractères
 Les propriétés d’arrière-plan.
 Les propriétés de bordures.
 La couleur.
 Le positionnement flottant.
 Les listes.
 Les marges.

POSITIONNEMENT
 Comment créer la structure d’une page web sans utiliser les tableaux
 positionnements absolu, relatif
 Notion de flux et d’éléments flottants

Public

 Tout webmaster ou personne désirant utiliser un éditeur HTML pour la création d’un site ou souhaitant se préparer à l’utilisation d’un éditeur HTML.

Requis

 Connaissance HTML.

Durée

 1 jour (7 h)

Matériel nécessaire

Pensez à prendre :

 Votre ordinateur si possible
 Une multiprise
 Un cable réseau si possible pour la connexion au réseau local et à Internet

Sur votre ordi, sentez-vous libre d’installer :

 Un navigateur correct, par exemple Mozilla Firefox
 Un client FTP (par exemple Filezilla)
 Un bon éditeur de texte