Plan de cours

Plan de cours

Création site Internet

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

Le cours

• PROGRAMME PRÉUNIVERSITAIRE MUSIQUE(501.A0)

• HIVER 2012 FORMATION COMPLÉMENTAIRE

• CODE MEQ : 582-WEB-VYPONDÉRATION : (1-2-3) 2 UNITÉS

Le cours

• ÉNONCÉ DE LA COMPÉTENCE : Réaliser une production du domaine des arts ou des lettres.

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.

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

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

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

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

Travaux demandés

• EXAMEN FINAL 20%

• Réalisation d’un site internet en laboratoire avec une structure et des consignes précises.

É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

É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

É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 %)

É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%)

É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%)

É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%)

Échéancier – semaine 7

• 27.02

• Présentation du travail « Site thématique »

• Atelier sur le site thématique

• Remise: SITE « BLOGUE » (5 %)

Échéancier – semaine 8

• 12.03

• Atelier sur le site thématique

• REMISE: SITE THÉMATIQUE À LA FIN DU COURS (15 %)

Échéancier – semaine 9

• 19.03

• Intra (examen à la fois théorique (1h) que pratique (2h)

• EXAMEN (10%)

É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

Échéancier – semaine 11

• 02.04

• Présentation du travail « Porfolio»

• Atelier sur le portfolio

• Remise: « CV WEB » (5 %)

Échéancier – semaine 12

• 09.04

• Atelier sur le portfolio

• Aucune remise

Échéancier – semaine 13

• 16.04

• Atelier sur le portfolio

• Remise : PORTFOLIO À LA FIN DU COURS

(20 %)

É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%)

Échéancier – semaine 15

• Examen pratique final (durant la session d’examens)

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.

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 Groupwiseou 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.

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.

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.

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 surOmnivox)