2. Moi
• Marie-Stéfanie Taschereau
• (514) 342-1320 # 5375
• marie-stefanie.taschereau
@brebeuf.qc.ca
• LOCAL DU COURS : 110
• La communication entre
• enseignants et étudiants se
• fait par le portail de l’École
• www.creationwebindy.weebly.com
3. Le cours
• PROGRAMME PRÉUNIVERSITAIRE MUSIQUE
(501.A0)
• HIVER 2012 FORMATION
COMPLÉMENTAIRE
• CODE MEQ : 582-WEB-VY
PONDÉRATION : (1-2-3) 2 UNITÉS
4. Le cours
• ÉNONCÉ DE LA COMPÉTENCE : Réaliser une
production du domaine des arts ou des
lettres.
5. Le cours
• Ce premier cours de création de site Internet se
veut offrir une base solide sur les particularités
techniques et esthétiques des nouveaux médias.
L’apprentissage de ce cours sera donc orienté sur
la recherche, la mise en forme et la publication
de contenu sur le Web à travers diverses
expérimentations : création d’interfaces, ajouts
et optimisation de médias, survol de divers
langages web. L’École a choisi d’offrir aux
étudiants cette formation de base qui représente
un atout important dans la formation d’un artiste
ou de toute personne qui souhaite faire connaître
ses compétences professionnelles.
6. Travaux demandés
• SITE PERSONNEL : « MOI ET LES SITES WEB » 5%
• Création de votre premier site personnel sur une
structure donnée en classe. Le but est à la fois de vous
• familiariser avec Dreamweaver et de nous faire
découvrir votre univers esthétique et personnel à
travers un premier site qui sera publié. Ce premier site
web, comme tous les autres, devra être original et
personnalisé à votre image. Dans le cadre de cet
exercice, 5 à 7 pages sont requises. Travail individuel.
• REMISE DU TRAVAIL : 3E SEMAINE | 30 JANVIER
2012
7. Travaux demandés
• SITE THÉMATIQUE 15%
• Sur un thème de votre choix. Deux types de sites sont
suggérés pour cette activité :
• A. Site informatif – (à contenu général) lié au domaine
artistique (ex : violoncelliste, chanteur, etc.)
• B. Site plus expérimental (à contenu fragmenté visuellement)
lié à l’illustration d’un concept multiple (les
• sens, le silence, la musique, etc.).
• Vous aurez à concevoir la structure et le contenu (textuel et
imagé) d’un site alliant le thème choisi et une
• interface représentative de celui-ci. Dans le cadre de cet
exercice, 5 à 7 pages sont requises. Travail individuel.
• REMISE DU TRAVAIL : 8E SEMAINE | 12 MARS 2012
8. Travaux demandés
• PORTFOLIO 20%
• À l’aide des outils vus en classe, réalisation d’un site
internet riche contenant un début de portfolios
(vous pourrez, éventuellement, ajouter vos autres
travaux). Site réalisé avec Dreamweaver.
• Dans le cadre de cet exercice, 10 à 15 pages sont
requises.
• Travail individuel.
• REMISE DU TRAVAIL : 13E SEMAINE | 16 avril
2012
9. Travaux demandés
• EXERCICES EN ATELIER 40%
• Quelques ateliers vous permettront de vous familiariser avec
vos nouveaux outils. Réalisation de travaux en classe et
présence obligatoire.
• + signet .......................................................................................... 5
• + affiche ........................................................................................ 5
• + conversion de trois fichiers ......................................................... 5
• + Intra........................................................................................... 10
• + cv web ........................................................................................ 5
• + blog .………................................................................................... 5
• + Site réalisé avec un autre logiciel que Dreamweaver.................... 5
10. Travaux demandés
• EXAMEN FINAL 20%
• Réalisation d’un site internet en laboratoire
avec une structure et des consignes précises.
11. Échéancier – semaine 1
• 16.01
• Présentation du plan de cours / Introduction à
Internet / Introduction au langage HTML
• Présentation de Dreamweaver et création d’un
premier site
• Les règles de base / Création d’un formulaire
simple et fonctionnel
• Aucune remise
12. Échéancier – semaine 2
• 23.01
• Droits d’auteurs et droits à l’image
• Exemples de sites Web modèles
• Présentation et réalisation du premier travail
« Moi et le Web »
• Aucune remise
13. Échéancier – semaine 3
• 30.01
• Les médias sur le web : optimisation des images /
validation du site et vérification des liens
• Conversion de fichiers : audio, vidéo, images
• Compression et décompression
• Initiation au logiciel pixlr et manipulation
d’images
• Remise: SITE WEB SUR « MOI ET LE WEB » (5 %)
14. Échéancier – semaine 4
• 06.02
• Interfaces web :
couleurs, design, ergonomie, mise en page
• Suite des notions de manipulation d’images
avec pixlr
• Remise: SIGNET (5%)
15. Échéancier – semaine 5
• 13.02
• Création des comptes sur le web :
110mb, awardspace, youtube, vimeo
• L’écriture web (pyramide inversée) et la gestion
des modèles
• Planification et mise en place de la structure d’un
site web
• Récupération de divers médias en ligne /
conversion et optimisation
• Remise: AFFICHE (5%)
16. Échéancier – semaine 6
• 20.02
• Publication d’un site internet : FTP / mots-clés /
recherche Google
• Hébergement, publication, indexation et adresse
web
• Introduction aux Blogues, aux CMS et à leurs
possibilités
• Web 2.0. et les outils en ligne
• Remise: CONVERSION DE 3 FICHIERS (5%)
17. Échéancier – semaine 7
• 27.02
• Présentation du travail « Site thématique »
• Atelier sur le site thématique
• Remise: SITE « BLOGUE » (5 %)
18. Échéancier – semaine 8
• 12.03
• Atelier sur le site thématique
• REMISE: SITE THÉMATIQUE À LA FIN DU
COURS (15 %)
19. Échéancier – semaine 9
• 19.03
• Intra (examen à la fois théorique (1h) que
pratique (2h)
• EXAMEN (10%)
20. Échéancier – semaine 10
• 26.03
• Intégration web des images (extensions et
scripts divers)
• Intégration web des sons et des vidéos
• Aucune remise
21. Échéancier – semaine 11
• 02.04
• Présentation du travail « Porfolio»
• Atelier sur le portfolio
• Remise: « CV WEB » (5 %)
23. Échéancier – semaine 13
• 16.04
• Atelier sur le portfolio
• Remise : PORTFOLIO À LA FIN DU COURS
(20 %)
24. Échéancier – semaine 14
• 23.04
• Familiarisation avec Weebly et Wordpress
• Révision en vue de l’examen
• Remise: SITE WEB RÉALISÉ AVEC UN AUTRE
LOGICIEL QUE DREAMWEAVER À LA FIN DU
COURS (5%)
26. Indications méthodologiques
• APPROCHE PÉDAGOGIQUE
• Ce cours est basé sur une
pédagogie par projets. La
partie magistrale du cours
sera suivie d’une période
en atelier afin de favoriser
les apprentissages.
27. Indications méthodologiques
• Des travaux à réaliser en classe sont prévus
durant la session. Seuls les étudiants présents
pourront se prémunir de ces points qui
équivalent à 30 % de la note totale.
• La remise des travaux doit se faire via Groupwise
ou Mio, selon les consignes, afin d’assurer une
trace de votre envoi (ainsi que l’heure et la date).
Les documents transmis doivent porter votre
nom.
28. Indications méthodologiques
• Les règles relatives à la présence aux cours
sont décrites à l’article 3.11.1
• Une période correspond à 50 minutes.
• Les objets technologiques (notamment les
baladeurs et les cellulaires) ne sont pas les
bienvenus en classe. Éteignez-les et rangez-les
durant les cours.
29. Indications méthodologiques
• Les travaux remis en retard seront pénalisés.
• 5% par jour de retard seront retiré de la note
et ce, jusqu’à l’obtention de la note 0.
• Le multimédia permettant la remise de
travaux par courrier électronique en tout
temps, le retrait du 5% sera appliqué à tous
les jours de la semaine, incluant le samedi et
le dimanche.
30. Indications méthodologique
• Pour réussir ce cours, le total de toutes les
évaluations du cours doit être de 60 % ou
plus.
• Médiagraphie (à voir sur le plan de cours sur
Omnivox)