J’utilise ce TP d’initiation au codage en HTML depuis de nombreuses années. Au départ, c’était en Enseignement Facultatif Webmarketing avec des Bac Pro, puis en Module d’Initiative Local avec des étudiants.
À la rentrée, il va intégrer ma progression dans le nouveau module M5 en BTS Technico-Commercial. L’occasion de l’upgrader un peu avec la production d’une série de quatre tutoriels vidéos.
L’objectif n’est pas de faire des étudiants des développeurs web, mais bien de leur faire découvrir la face cachée des pages web en leur faisant acquérir quelques notions de langage HTML !
1- Comprendre le principe du codage HTML
Points à retenir :
- Fichier > Enregistrer sous (Ctrl + S)
- Bouton droit > Code source de la page
- Balises HTML : HTML, HEAD, BODY
- Édition > Rechercher dans la page (Ctrl + F)
- Settings > Preferences (Notepad++)
2- Découvrir le codage en langage HTML
Points à retenir :
- Fichier > Ouvrir (Ctrl + O)
- Actualiser la page (F5)
- b : gras
- i : italique
- u : souligné
3- Utiliser des balises HTML standards
Points à retenir :
- Balises : Font, H1, H2, H3, H4, H5 et H6
- Attribut d’une balise : color
- Codes hexadécimaux : #FF0000, #00FF00 et #0000FF
4- Utiliser les hyperliens et les défilements
Points à retenir :
- Balise Hyperlien : a
- Attribut href : destination du lien
- Attribut target : cible du lien
- Balise de défilement : marquee
- Attributs : slide et alternate
Pour en profiter pleinement, passer en mode plein écran et en HD !
Télécharger les vidéos :
Kenavo.
Laisser un commentaire