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
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
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.
1 jour (7 h)
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
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
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
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.
Connaissance HTML.
1 jour (7 h)
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