Université du Québec en Outaouais Département d'informatique et d'ingénierie
Sigle : INF1493  Gr. 01
Titre : Initiation à la création de site Web
Session : Été 2016  Horaire et local
Professeur : Elouasbi, Samir
1. Description du cours paraissant à l'annuaire :

Objectifs

Permettre à l'étudiante, l'étudiant de s'initier par la pratique aux techniques et outils de création de sites Web.

Contenu

Introduction au Web. Principes des serveurs Web. Protocole http. Outils d'édition et de gestion spécialisés dans le développement de sites Web : Microsoft FrontPage, WebSphere, contribute, Netscape Composer, Dreamweaver, etc. Programmation HTML. Lien hypertexte. Insertion de tableaux, d'images, de vidéos, etc. Feuilles de style. Initiation aux animations Dreamweaver flash. Publication de sites Web.

2. Objectifs spécifiques du cours :
  • Comprendre les notions de base du Web
  • Équiper les étudiants des principes nécessaires pour la création d'un site Web
  • Présenter les outils simples qui permettent la conception d'un site Web
  • Se familiariser avec les systèmes de gestion de contenu par la pratique
  • Être capable de monter un site Web
3. Stratégies pédagogiques :

Ce cours est donné sous forme magistrale. Des exercices pratiques sont prévus durant les séances de cours pour appuyer l'apprentissage théorique. Il est fortement recommandé d'assister et de participer aux séances de laboratoires qui vont permettre à l'étudiant de mettre en pratique les notions étudiées durant les séances de cours. Un projet de fin de session sera réalisé afin d'évaluer en profondeur toute la matière couverte par ce cours. L'examen final évaluera toute la matière de la session.

4. Heures de disponibilité ou modalités pour rendez-vous :

Sur rendez-vous.

5. Plan détaillé du cours sur 15 semaines :
Semaine Thèmes Dates
1   

Présentation et préliminaires

  • Plan de cours
  • Introduction
  • Le Web

Séances de laboratoires: commenceront à la semaine #2 seulement, soit le 9 mai 2016.

 01 jan. 2016 
2   

Introduction au HTML

  • Définition et rôle
  • Structure d'un document HTML
  • Les styles: Introduction au CSS
  • Les titres
  • Les paragraphes
  • Les listes
  • Exercice pratique

Séances de laboratoires: commenceront à la semaine #2 seulement, soit le 9 mai 2016.

 08 jan. 2016 
3   

HTML:

  • Les attributs
  • Les listes
  • Les liens
  • Les images
  • Exercice pratique: traitement d'images

Laboratoire #1: Le 9 mai - Ma première page Web

 15 jan. 2016 
4   

HTML

  • Les tableaux
  • Les éditeurs HTML
  • Dreamweaver
  • Exercice pratique: Dreamweaver

Laboratoire #2: Le 11 mai - Mon premier site Web

 22 jan. 2016 
5   

CSS

  • Classes
  • Polices de caractères
  • Texte
  • Liens
  • Couleurs
  • Exercice pratique

Laboratoire #3: Le 16 mai - Ma première page avec CSS

 29 jan. 2016 
6   

CSS

  • Regroupement d'éléments
  • Propriétés margin et padding
  • Bordures
  • Éléments flottants
  • Positionnement des éléments
  • Exercice pratique

Laboratoire #4: Le 18 mai - Éditeur de fichier CSS

 05 fév. 2016 
7   

Férié:Journée nationale des Patriotes

 12 fév. 2016 
8   

HTML et CSS avancé

  • Conception d'un formulaire
  • Exercice pratique: Réaliser un formulaire complet

Laboratoire #5: Le 25 mai - Révision pour l'intra

 19 fév. 2016 
9   

Examen de mi-session

 26 fév. 2016 
10   

Système de gestion de contenu:

  • Site Web: statique vs dynamique
  • Définition et principes
  • Objectifs et architecture
  • Introduction à Joomla

Laboratoire #6: Le 1er juin - Projet de fin de session

 04 mars 2016 
11   

Système de gestion de contenu (suite):

  • Templates
  • Modules et composants
  • Gestion de contenu

Laboratoire #7: Le 6 juin - Installation d'un site Joomla

 11 mars 2016 
12   

Système de gestion de contenu (suite):

  • Réalisation d'un site Web complet avec Joomla

Laboratoire #8: Le 8 juin - Performance d'un site Web

 18 mars 2016 
13   

Les bonnes pratiques:

  • Standards du Web et validation
  • Accessibilité
  • Référencement
  • Moteurs de recherche

Laboratoire #9: Le 13 juin - Google

 25 mars 2016 
14   
  • Création des pages Wiki
  • Médias sociaux
  • Révision pour l'examen final

Laboratoire #10: Le 15 juin - Aide au projet de fin de session

 01 avr. 2016 
15   

Remise des rapports finaux des projets

Examen final

 08 avr. 2016 
6. Évaluation du cours :
  • Examen de mi-session 30 %
  • Examen de fin de session 40 %
  • Projet de fin de session 20 %
  • Présence et participation 10 %
7. Politiques départementales et institutionnelles :
8. Principales références :
  • Notes de cours du professeur
  • Site Web complet: http://www.developpez.com/
  • Site Web officiel de Joomla: http://www.joomla.org
9. Page Web du cours :
https://moodle.uqo.ca