HTML.

Institut Communal d'Enseignement Technique Frans Fischer
2ème degré – Technique de Transition Informatique (4 périodes/semaine)
Informatique
Première partie : Hyper Text Markup Language (HTML)
Les prérequis
Vous devez connaître le fonctionnement d'un gestionnaire de fichiers type "Explorateur" de Windows.
Vous devez être capable de réaliser toutes les manipulations de base sur les fichiers: enregistrer sous, enregistrer, Ouvrir, Nouveau.
Objectifs
Vous serez capable de créer et modifier des pages Web contenant HTML.
Organisation du cours







Chaque sujet est abordé par la pratique sous forme de tutoriel.
La référence théorique des tutoriels est le W3SCHOOL
Vous devez posséder un Navigateur .
vous utiliserez l’éditeur notepad++ pour coder
Toutes les expérimentations et exercices peuvent être réalisés en « local ».
Le cours et le programme sont évolutifs et suivent l’évolution de la norme W3C correspondante.
La norme actuelle est HTML5.
2ème degré | Informatique (partie I: HTML)
1
Institut Communal d'Enseignement Technique Frans Fischer
Compétences
Contenus
opérationnels
Contenus associés
Indicateurs de maîtrise des compétences
HTML
1 HTML.
2 Premiers pas en HTML
3 Contenu sémantique
4 Les listes
5 Structure sémantique.
6 La feuille de styles
7 La couleur
8 Agir sur les caractères.
9 Une première page HTML
10 Utiliser des tableaux
11 Images et adresses relatives
2ème degré | Informatique (partie I: HTML)
Histoire
Version d'HTML
Wablief, html...?
Programmes utilisés
Pourquoi ne pas utiliser d'éditeurs WYSIWYG?
Organiser ses dossiers et ses fichiers
Etablir une arborescence, savoir utiliser les
Quelques bonnes
Organiser son espace de travail
fonctions de base de l’éditeur, être efficace
pratiques!
Organiser le code
dans l’espace de travail
Les balises
Divisions, paragraphes et titres.
Organiser l’information dans un cas
sémantiques
Le texte proprement dit
pratique
Les listes
Conteneurs et items
Etablir une liste + menu
Etablir la structure générale d’un document
html
Les balises
Les balises structurantes du document HTML
Etablir la structure générale du contenu
structurantes.
Les balises structurantes du contenu
informatif
Citer et expliquer chaque balise..
La feuille de styles
Intégrer une FS
Utiliser LINK
La couleur
Les différentes façons d’intégrer la couleur
Appliquer dans la FS
Pourquoi utiliser les caractères spéciaux ?
Les monnaies
Les caractères
Les caractères accentués
Utiliser les caractères spéciaux.
spéciaux
Les caractères scientifiques
L'alphabet grec
Démarrer à partir d'une Le fichier html (minimum)
Appliquer les règles de syntaxe dans une
page blanche!
Le fichier css (minimum)
situation pratique.
Structure générale d’un tableau (table/tr/td)
Le titre d’un tableau (caption)
Evaluer la nécessité d’utiliser un tableau,
Les tableaux
Les titres de colonnes (th)
insérer un tableau
Tête et pied (thead / tfoot)
Les adresses relatives
Enrichir les pages déjà réalisées avec des
Intégrer des images Les formats
images
Intégrer une image
2
Institut Communal d'Enseignement Technique Frans Fischer
12 Créer des liens hypertextes.
Les liens hypertextes
Pouvoir créer une interface
13 avec le visiteur d'un site
Web.
Les formulaires
14
Créer l'en-tête d'un fichier
HTML
15 Publier le site.
Les métabalises
Publier sur le réseau
Internet
Utiliser les attributs de IMG
Vers l’extérieur.
A l’intérieur
Dans une page
Images réactives (map)
Form et ses attributs
Name et récupération via le mail
Les champs de saisie de texte, password
Les boutons de sélection
Les cases à cocher
Les listes déroutantes
Le bouton submit
Pourquoi utiliser des métabalises
Les métabalises utiles (title/Link/meta charset)
Placer un favicon
Choix du serveur par lequel sera hébergé le
site.
Obtenir un nom de domaine.
Référencer un site.
Les logiciels FTP.
Transmission des pages HTML par un logiciel
ftp.
Lier les pages déjà réalisées au cours, faire
une faq, faire une carte réactive
Elaborer un formulaire permettant de
prendre des renseignements pratiques sur
les visiteurs du site.
Concevoir une en-tête cohérente pour
optimiser le référencement.
Utiliser un logicielde FTP pour publier son
travail de fin d'année.
(FTP expert chez Multimania)
TFE
16 Travail de fin de 6ème année
2ème degré | Informatique (partie I: HTML)
L’agence immobilière vacances
HTML | CSS | Analyse | Base de données |
Recherche BD | interfaçage PHP | espace
membre
3