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