Formation HTML / CSS

Formation HTML

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

Formation CSS (feuilles de styles)

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