Html, Xhtml et CSS - Edition de Pages Web

VAE
Moyens pédagogiques :
• un poste par apprenant
• vidéo-projecteur dans la salle
• supports de cours

Suivi de stage :
• Assistance téléphonique
• e-mail

Organisation générale d'une semaine type de formation :
• 31 h sont réservées à la formation théorique et pratique :
lundi, mardi, mercredi, jeudi (matin) et vendredi
• 4h sont réservées (le jeudi après-midi) à une activité personnelle de travaux dirigés de recherche extérieure de documentation technique et professionnelle (pour les projets) ou participation à l’atelier de conduite de recherche d’emploi (pour les personnes concernées), sur rdv.
Cet atelier est doté de moyens et d’équipements spécifiques pour cette activité liée directement à la formation :
formateur spécialisé, bases de données d’entreprises, ordinateurs, simulation d’entretiens.

Programme :

PRINCIPES DE BASE
• historique du langage HTML
• notion de lien hypertexte
• structure minimum d’une page

MÉTHODOLOGIE GÉNÉRALE
• vocabulaire et syntaxe, balises, attributs
• organisation d’un site et nomenclature des fichiers
• les différentes techniques de mise en page
• structuration de la page par le HTML et formatage par feuilles de style
• gestion des images (formats graphiques)

FORMATAGE DES TEXTES
• codes couleur et caractères spéciaux (accents...), sauts de ligne, de paragraphe, texte pré-formaté, premières balises pour mettre en page le texte (gras, italique, espace insécable...)
• les listes : non ordonnées, numérotées, listes imbriquées

INSERTION DES IMAGES (JPG, GIF, GIF ANIME, PNG)
• insertion des images, mapping et liens multiples

LIENS HYPERTEXTES ET IMAGES CLIQUABLES
• liens et ancrages, notion d'adresse relative et absolue
• lien sur une image, lien vers un mail, lien vers un autre site, lien pour
télécharger un fichier

TABLEAUX
• définition d'un tableau et alignement
• espacement dans et entre cellules
• placement précis d’un élément dans une cellule
• fusion de cellules, imbrication de tableaux...

FORMULAIRES
• utilisation des formulaires
• les éléments de formulaire (champ de texte, cases à cocher, boutons...)

FEUILLES DE STYLE
• ordre de priorité des styles : classes, identifiants, CSS liées ou internes
• différences d’apparence entre plateformes
• initiation au CSS-P

DIFFERENCES ENTRE HTML ET XHTML
• un Doctype obligatoire
• Des balises et attributs devenus obsolètes
• Une syntaxe plus rigoureuse

EN FIN DE MODULE
L’apprenant doit pouvoir appréhender la structure générale d’un site HTML et en maîtriser la mise en page et les feuilles de style CSS, afin d’obtenir une cohérence graphique et une ergonomie efficaces.