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é 2018  Horaire et local
Professeur : Yapi, Daniel
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.

 30 avr. 2018 
2   

Structuration d’une page HTML

  • Éléments, balises, attributs.
  • Titre, paragraphes
  • Mise en valeurs
  • Listes, Liens, images
  • Introduction au CSS

#Laboratoire 1. 03 mai 18h à 20h

 02 mai 2018 
3   

HTML/CSS : Mise en forme

  • Sélecteurs et propriétés
  • Id et class
  • Héritage
  • Regroupement : block vs Inline
  • Div et Span
 07 mai 2018 
4   

CSS

  • Polices de caractères
  • Couleur et opacité
  • Propriétés ‘text
  • Escapement
  • Couleur de fond
  • Image de fond
  • Dégradé linéaires et radiaux

#Laboratoire 2. 10 mai 18h à 20h

 09 mai 2018 
5   

CSS

  • Le modèle de boites
  • Dimensions
  • Bordures
  • Propriétés Margin et Padding
  • Propriété Display
  • Éléments flottants
  • Positionnement des éléments
 14 mai 2018 
6   

CSS

  • Sélecteurs complexes
  • Pseudo-classe
  • Pseudo-éléments
  • Transitions
  • Animations

#Laboratoire 3. 17 mai 18h à 20h

 16 mai 2018 
7   

Jour férié : Journée nationale des patriotes

 21 mai 2018 
8   

HTML/CSS

  • Les tableaux
  • Formulaires
  • Validation dans formulaire

Limites du HTML : lecture et écriture de données

#Laboratoire 4. 24 mai 18h à 20h

 23 mai 2018 
9   

Examen de mi-session

 28 mai 2018 
10   

HTML

  • Les images
  • Médias : audio et vidéo
  • Standards du web et validation
  • Référencement

Projet de session – Construction d’un site web professionnel

#Laboratoire 5. 31 mai 18h à 20h

 30 mai 2018 
11   

HTML/CSS

  • Optimisation de l’affichage du site
  • Responsive design
  • Viewport
  • Media queries
  • Le Flexbox
 04 juin 2018 
12   

Éléments de JavaScript

  • JavaScript

#Laboratoire 6. 07 juin 18h à 20h

 06 juin 2018 
13   

Site Web dynamique : PHP et SQL

  • PHP et Mysql
  • Communication avec une base de données SQL

Formulaire dynamique.

 11 juin 2018 
14   

  • Système de gestion de contenus

  • CMS
  • WordPress
  • Modules et composants

Révision pour l’examen

#Laboratoire 7. 14 juin 18h à 20h

 13 juin 2018 
15   

Examen final -

Remise du projet de session

 18 juin 2018 
6. Évaluation du cours :

L'étudiant(e) dans ce cours sera évalué(e) par les examens de mi-session et final, ainsi que par des travaux pratiques et un projet de session.

  • Examen de mi- session : 30 %
  • Examen final : 30 %
  • Travaux pratiques : 10%
  • Projet de session: 30 %
7. Politiques départementales et institutionnelles :
8. Principales références :
9. Page Web du cours :
https://moodle.uqo.ca