Introduction au HTML

Introduction au HTML (SAAL 1460)

360 $ CA avec accompagnement (cours crédité avec personne-ressource disponible, évaluations/travaux corrigés)

Introduction

Ce cours vous permettra d’acquérir des connaissances relatives au langage de balisage HTML (Hyper Text Markup Language) ainsi que la compréhension de l’utilisation des feuilles de style.

Durée

45 heures

Préalables/Particularités

Connaissances de base en informatique

Matériel requis

Pour suivre le cours Introduction au HTML, vous aurez besoin des logiciels suivants :

Éditeur de texte (pour créer des fichiers HTML) :
- Notepad
- WordPad

Fureteur :
- Microsoft Internet Explorer 4.0 ou +
- Netscape Navigator 4.0 ou +

NOTE : Les logiciels suggérés ici ne sont pas nécessairement les meilleurs ou les plus performants; ils ont été choisis d'abord parce qu'ils sont disponibles gratuitement.

Plan de cours

Déroulement
Ce cours permettra à l'étudiant d'acquérir des connaissances relatives au langage de balisage HTML (Hyper Text Markup Language). Il est divisé en deux parties : la première, le HTML traditionnel, est une introduction aux balises et elle compte les modules 1 à 8. La deuxième, le Web en style, explique comment utiliser les feuilles de styles.

Module 1 - Qu'est-ce que le HTML?

Section 1 - Origine du HTML et terminologie
Section 2 - Éléments de base d'une page HTML
Section 3 - Mise en forme de texte simple

Module 2 - Listes

Section 1 - Liste ordonnée
Section 2 - Liste à puces
Section 3 - Liste de définitions

Module 3 - Images

Section 1 - Insertion d'images dans une page Web

Module 4 - Tableaux

Section 1 - Création de tableaux
Section 2 - Tableaux complexes

Module 5 - Liens

Section 1 - Liens absolus
Section 2 - Liens relatifs
Section 3 - L'attribut « target »

Module 6 - Formulaires

Section 1 - Envoi de données à un serveur (les différents protocoles)
Section 2 - Création d'un formulaire
Section 3 - Éléments d'un formulaire
Section 4 - Commandes « input »

Module 7 - Cadres (frames)

Section 1 - Codes de cadre
Section 2 - Bordures de cadre

Module 8 - Images réactives (imagemap)

Section 1 - Définir une image réactive

Module 9 - Feuilles de style

Section 1 - Introduction
Section 2 - Règles de base
Section 3 - Regroupement
Section 4 - Sélecteur « Class » et « ID »
Section 5 - Pseudo-classes et pseudo-éléments
Section 6 - Sélecteurs contextuels
Section 7 - Héritage
Section 8 - Spécificité
Section 9 - Effet de cascade, CSS2 et l'avenir

Annexes

Annexe 1 - Créer un document HTML en utilisant Notepad
Annexe 2 - Ressources
Annexe 3 - Normalisation des sites Internet et Intranet
Annexe 4 - Le référencement de site Internet
Annexe 5 - Utilisation du logiciel CuteFTP
Annexe 6 - Utilisation du logiciel WinZip

Objectifs

Généraux

Concevoir un site Web.
Monter un site Web.

Spécifiques

Afficher du texte dans un fureteur.
Insérer une image.
Créer une liste.
Créer un tableau.
Ajouter des hyperliens.
Changer la police de caractère, sa taille et sa couleur.
Créer une image réactive.
Définir une feuille de style.
Appliquer un style.
Définir une classe.
Comprendre l'effet de cascade.

Activités d'apprentissage

Réalisation de trois projets de création de site web
Participation au forum de discussion
Interaction avec les autres étudiants et le professeur à l'aide de l'outil de bavardage
Utilisation des différentes ressources disponibles

Évaluation
Le seuil de réussite de ce cours est de 60 %.

Description	Pondération
*Participation	10%
Examen 1 (module 1, 2, 3)	10%
Projet 1	20%
Examen 2 (module 4, 5, 6)	10%
Projet 2	20%
Examen 3 (module 7, 8, 9)	10%
Projet 3	20%

* Les points de participation seront évalués par le professeur selon
la fréquence et la qualité de l'interaction effectuées par l'étudiant dans
l'outil de bavardage et le forum de discussion.

Return to listing

Printable format