SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
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-VY
  PONDÉ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 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.
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 sur
  Omnivox)

Weitere ähnliche Inhalte

Was ist angesagt?

Webschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webmariejura
 
Alphorm.com Formation Access 2016 VBA : Expert
Alphorm.com Formation Access 2016 VBA : ExpertAlphorm.com Formation Access 2016 VBA : Expert
Alphorm.com Formation Access 2016 VBA : ExpertAlphorm
 
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architecturalAlphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architecturalAlphorm
 
Alphorm.com Formation Access 2016 VBA: Perfectionnement
Alphorm.com Formation Access 2016 VBA: PerfectionnementAlphorm.com Formation Access 2016 VBA: Perfectionnement
Alphorm.com Formation Access 2016 VBA: PerfectionnementAlphorm
 
Alphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réel
Alphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réelAlphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réel
Alphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réelAlphorm
 
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...Alphorm
 
Alphorm.com Formation Powerpoint 2016 : Niveau Expert
Alphorm.com Formation Powerpoint 2016 : Niveau ExpertAlphorm.com Formation Powerpoint 2016 : Niveau Expert
Alphorm.com Formation Powerpoint 2016 : Niveau ExpertAlphorm
 
Un exemple de collaboration public - privé - Mathieu Nebra
Un exemple de collaboration public - privé - Mathieu NebraUn exemple de collaboration public - privé - Mathieu Nebra
Un exemple de collaboration public - privé - Mathieu Nebrajourneedesmooc
 
Les principales fonctions de LÉA
Les principales fonctions de LÉALes principales fonctions de LÉA
Les principales fonctions de LÉAJean-Luc Trussart
 
Alphorm.com Support de la Formation-PowerPoint 2016 Initiation
Alphorm.com Support de la Formation-PowerPoint 2016 Initiation Alphorm.com Support de la Formation-PowerPoint 2016 Initiation
Alphorm.com Support de la Formation-PowerPoint 2016 Initiation Alphorm
 
Moodle Presentation Epfl Final
Moodle Presentation Epfl FinalMoodle Presentation Epfl Final
Moodle Presentation Epfl FinalGalya Mykhayluk
 
Moodle Presentation Epfl Final
Moodle Presentation Epfl FinalMoodle Presentation Epfl Final
Moodle Presentation Epfl Finalszeps
 
Moodle Epfl
Moodle EpflMoodle Epfl
Moodle EpflAdrix
 
Alphorm.com Formation Word 2016 : Expert
Alphorm.com Formation Word 2016 : ExpertAlphorm.com Formation Word 2016 : Expert
Alphorm.com Formation Word 2016 : ExpertAlphorm
 
Alphorm.com Support de la Formation Excel 2016 initiation, Présenter les données
Alphorm.com Support de la Formation Excel 2016 initiation, Présenter les donnéesAlphorm.com Support de la Formation Excel 2016 initiation, Présenter les données
Alphorm.com Support de la Formation Excel 2016 initiation, Présenter les donnéesAlphorm
 
Webinar module1 (avril 18)
Webinar module1 (avril 18)Webinar module1 (avril 18)
Webinar module1 (avril 18)laurienna
 
Webinar module1
Webinar module1Webinar module1
Webinar module1laurienna
 

Was ist angesagt? (20)

Webschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-web
 
Nomino education
Nomino educationNomino education
Nomino education
 
Alphorm.com Formation Access 2016 VBA : Expert
Alphorm.com Formation Access 2016 VBA : ExpertAlphorm.com Formation Access 2016 VBA : Expert
Alphorm.com Formation Access 2016 VBA : Expert
 
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architecturalAlphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architectural
 
Alphorm.com Formation Access 2016 VBA: Perfectionnement
Alphorm.com Formation Access 2016 VBA: PerfectionnementAlphorm.com Formation Access 2016 VBA: Perfectionnement
Alphorm.com Formation Access 2016 VBA: Perfectionnement
 
Alphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réel
Alphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réelAlphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réel
Alphorm.com Formation Office 2016 VBA Automation : Ateliers issus du monde réel
 
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...
 
Alphorm.com Formation Powerpoint 2016 : Niveau Expert
Alphorm.com Formation Powerpoint 2016 : Niveau ExpertAlphorm.com Formation Powerpoint 2016 : Niveau Expert
Alphorm.com Formation Powerpoint 2016 : Niveau Expert
 
Un exemple de collaboration public - privé - Mathieu Nebra
Un exemple de collaboration public - privé - Mathieu NebraUn exemple de collaboration public - privé - Mathieu Nebra
Un exemple de collaboration public - privé - Mathieu Nebra
 
Les principales fonctions de LÉA
Les principales fonctions de LÉALes principales fonctions de LÉA
Les principales fonctions de LÉA
 
Alphorm.com Support de la Formation-PowerPoint 2016 Initiation
Alphorm.com Support de la Formation-PowerPoint 2016 Initiation Alphorm.com Support de la Formation-PowerPoint 2016 Initiation
Alphorm.com Support de la Formation-PowerPoint 2016 Initiation
 
Moodle Presentation Epfl Final
Moodle Presentation Epfl FinalMoodle Presentation Epfl Final
Moodle Presentation Epfl Final
 
Moodle Presentation Epfl Final
Moodle Presentation Epfl FinalMoodle Presentation Epfl Final
Moodle Presentation Epfl Final
 
Moodle Epfl
Moodle EpflMoodle Epfl
Moodle Epfl
 
Alphorm.com Formation Word 2016 : Expert
Alphorm.com Formation Word 2016 : ExpertAlphorm.com Formation Word 2016 : Expert
Alphorm.com Formation Word 2016 : Expert
 
Alphorm.com Support de la Formation Excel 2016 initiation, Présenter les données
Alphorm.com Support de la Formation Excel 2016 initiation, Présenter les donnéesAlphorm.com Support de la Formation Excel 2016 initiation, Présenter les données
Alphorm.com Support de la Formation Excel 2016 initiation, Présenter les données
 
Webinar module1 (avril 18)
Webinar module1 (avril 18)Webinar module1 (avril 18)
Webinar module1 (avril 18)
 
Webinar module1
Webinar module1Webinar module1
Webinar module1
 
0 Oncommence2007
0 Oncommence20070 Oncommence2007
0 Oncommence2007
 
1.Presentation De Moodle2008
1.Presentation De Moodle20081.Presentation De Moodle2008
1.Presentation De Moodle2008
 

Andere mochten auch

Fêtes et coutumes d'automne-Vulcan
Fêtes et coutumes d'automne-VulcanFêtes et coutumes d'automne-Vulcan
Fêtes et coutumes d'automne-VulcanMarinela
 
Conférence ados et politiques territoriales du 25.09.2012
Conférence ados et politiques territoriales du 25.09.2012Conférence ados et politiques territoriales du 25.09.2012
Conférence ados et politiques territoriales du 25.09.2012dejeps
 
Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...
Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...
Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...Stanleylucas
 
La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011La Tribune
 
La Tribune, Panorama des classements des grandes écoles
La Tribune, Panorama des classements des grandes écolesLa Tribune, Panorama des classements des grandes écoles
La Tribune, Panorama des classements des grandes écolesLa Tribune
 
Login People The Digital Dna Brochure Fr
Login People The Digital Dna Brochure FrLogin People The Digital Dna Brochure Fr
Login People The Digital Dna Brochure FrFredericPaumier
 
Action saisonniers presse
Action saisonniers presseAction saisonniers presse
Action saisonniers presseForceOuvriere
 
Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1Centre Circuit
 
Tout va bien!_entrainement_au_delf_a1_a2
Tout va bien!_entrainement_au_delf_a1_a2Tout va bien!_entrainement_au_delf_a1_a2
Tout va bien!_entrainement_au_delf_a1_a2Hang Tran
 
Open data dans la Métropole de Toulouse
Open data dans la Métropole de ToulouseOpen data dans la Métropole de Toulouse
Open data dans la Métropole de Toulouseantic Pays basque
 
Industrialisation de la creativité par Vahe Kassardjian de INM
Industrialisation de la creativité par Vahe Kassardjian de INMIndustrialisation de la creativité par Vahe Kassardjian de INM
Industrialisation de la creativité par Vahe Kassardjian de INMYu Centrik
 
Diaporama club rh
Diaporama club rhDiaporama club rh
Diaporama club rhLa Tribune
 
La Tribune lance sa nouvelle plateforme bourse
La Tribune lance sa nouvelle plateforme bourseLa Tribune lance sa nouvelle plateforme bourse
La Tribune lance sa nouvelle plateforme bourseLa Tribune
 
Nouveaux horaires 3975
Nouveaux horaires 3975 Nouveaux horaires 3975
Nouveaux horaires 3975 cgtadmin
 
Eurogreenit 24 mai 2011
Eurogreenit 24 mai 2011Eurogreenit 24 mai 2011
Eurogreenit 24 mai 2011Euro Green
 

Andere mochten auch (20)

Fêtes et coutumes d'automne-Vulcan
Fêtes et coutumes d'automne-VulcanFêtes et coutumes d'automne-Vulcan
Fêtes et coutumes d'automne-Vulcan
 
Conférence ados et politiques territoriales du 25.09.2012
Conférence ados et politiques territoriales du 25.09.2012Conférence ados et politiques territoriales du 25.09.2012
Conférence ados et politiques territoriales du 25.09.2012
 
Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...
Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...
Rapport Préliminaire de L'Union Européenne sur les Elections du 25 octobre 20...
 
La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011La Tribune, Supplement international report 2011
La Tribune, Supplement international report 2011
 
La Tribune, Panorama des classements des grandes écoles
La Tribune, Panorama des classements des grandes écolesLa Tribune, Panorama des classements des grandes écoles
La Tribune, Panorama des classements des grandes écoles
 
Login People The Digital Dna Brochure Fr
Login People The Digital Dna Brochure FrLogin People The Digital Dna Brochure Fr
Login People The Digital Dna Brochure Fr
 
Action saisonniers presse
Action saisonniers presseAction saisonniers presse
Action saisonniers presse
 
Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1Colloque CIRCUIT ME Mathieu Phd v1.1
Colloque CIRCUIT ME Mathieu Phd v1.1
 
Tout va bien!_entrainement_au_delf_a1_a2
Tout va bien!_entrainement_au_delf_a1_a2Tout va bien!_entrainement_au_delf_a1_a2
Tout va bien!_entrainement_au_delf_a1_a2
 
Open data dans la Métropole de Toulouse
Open data dans la Métropole de ToulouseOpen data dans la Métropole de Toulouse
Open data dans la Métropole de Toulouse
 
Industrialisation de la creativité par Vahe Kassardjian de INM
Industrialisation de la creativité par Vahe Kassardjian de INMIndustrialisation de la creativité par Vahe Kassardjian de INM
Industrialisation de la creativité par Vahe Kassardjian de INM
 
Diaporama club rh
Diaporama club rhDiaporama club rh
Diaporama club rh
 
La Tribune lance sa nouvelle plateforme bourse
La Tribune lance sa nouvelle plateforme bourseLa Tribune lance sa nouvelle plateforme bourse
La Tribune lance sa nouvelle plateforme bourse
 
Whalesinthemoonlight
WhalesinthemoonlightWhalesinthemoonlight
Whalesinthemoonlight
 
Guillaume HABIB - URBANDIVE
Guillaume HABIB - URBANDIVEGuillaume HABIB - URBANDIVE
Guillaume HABIB - URBANDIVE
 
Le lac des cygnes11
Le lac des cygnes11Le lac des cygnes11
Le lac des cygnes11
 
2014-2015 : nos ateliers en éducation aux médias
2014-2015 : nos ateliers en éducation aux médias2014-2015 : nos ateliers en éducation aux médias
2014-2015 : nos ateliers en éducation aux médias
 
Castrourdiales
CastrourdialesCastrourdiales
Castrourdiales
 
Nouveaux horaires 3975
Nouveaux horaires 3975 Nouveaux horaires 3975
Nouveaux horaires 3975
 
Eurogreenit 24 mai 2011
Eurogreenit 24 mai 2011Eurogreenit 24 mai 2011
Eurogreenit 24 mai 2011
 

Ähnlich wie Plan de cours

La gestion de projet d'un cours digital
La gestion de projet d'un cours digitalLa gestion de projet d'un cours digital
La gestion de projet d'un cours digitalGuillaume LAURIE
 
Benchmark stratice des plateformes open source
Benchmark stratice des plateformes open sourceBenchmark stratice des plateformes open source
Benchmark stratice des plateformes open sourceFFFOD
 
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...Delphine Malassingne
 
Sael Planifier et réaliser des sites Web
Sael Planifier et réaliser des sites WebSael Planifier et réaliser des sites Web
Sael Planifier et réaliser des sites WebSAEL
 
présentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdfprésentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdfghiz-
 
Webschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le webWebschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le webAlexis Montpeyroux
 
Les Labs d'Argent - CC du Val d'Argent
Les Labs d'Argent - CC du Val d'ArgentLes Labs d'Argent - CC du Val d'Argent
Les Labs d'Argent - CC du Val d'ArgentLes Interconnectés
 
Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...
Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...
Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...Jacques REYNAL
 
Vitrine virtuelle
Vitrine virtuelleVitrine virtuelle
Vitrine virtuellem_rogerp
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webJean-Baptiste Plantin
 
Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016
Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016
Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016Martine Paquet
 
Presentation formation en ligne 2014 (eLearning)
Presentation formation en ligne 2014 (eLearning)Presentation formation en ligne 2014 (eLearning)
Presentation formation en ligne 2014 (eLearning)Simon Hénault
 
Book projets-web
Book projets-webBook projets-web
Book projets-webacoquard
 
Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013
Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013
Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013Rémi Bachelet
 
Retours d'exprience MOOC à l'ENSAM
Retours d'exprience MOOC à l'ENSAMRetours d'exprience MOOC à l'ENSAM
Retours d'exprience MOOC à l'ENSAMsmraihi
 

Ähnlich wie Plan de cours (20)

La gestion de projet d'un cours digital
La gestion de projet d'un cours digitalLa gestion de projet d'un cours digital
La gestion de projet d'un cours digital
 
Guide de projet final
Guide de projet finalGuide de projet final
Guide de projet final
 
Benchmark stratice des plateformes open source
Benchmark stratice des plateformes open sourceBenchmark stratice des plateformes open source
Benchmark stratice des plateformes open source
 
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
 
Sael Planifier et réaliser des sites Web
Sael Planifier et réaliser des sites WebSael Planifier et réaliser des sites Web
Sael Planifier et réaliser des sites Web
 
présentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdfprésentation sur la gestion des projets.pdf
présentation sur la gestion des projets.pdf
 
Webschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le webWebschool CCI du Jura - Contenu de qualité pour le web
Webschool CCI du Jura - Contenu de qualité pour le web
 
Les Labs d'Argent - CC du Val d'Argent
Les Labs d'Argent - CC du Val d'ArgentLes Labs d'Argent - CC du Val d'Argent
Les Labs d'Argent - CC du Val d'Argent
 
Mot de bienvenue au labo vté
Mot de bienvenue au labo vtéMot de bienvenue au labo vté
Mot de bienvenue au labo vté
 
Master 1 intro 2014
Master 1 intro  2014Master 1 intro  2014
Master 1 intro 2014
 
Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...
Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...
Scenari / Moodle - une chaine integree pour la production/diffusion d evaluat...
 
Vitrine virtuelle
Vitrine virtuelleVitrine virtuelle
Vitrine virtuelle
 
Ptdea Quebec
Ptdea QuebecPtdea Quebec
Ptdea Quebec
 
Realiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-webRealiser un-site-internet-chef-de-projet-web
Realiser un-site-internet-chef-de-projet-web
 
Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016
Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016
Présentation Vizwik: Utilisation concrète en salle de classe - 6 mai 2016
 
Presentation formation en ligne 2014 (eLearning)
Presentation formation en ligne 2014 (eLearning)Presentation formation en ligne 2014 (eLearning)
Presentation formation en ligne 2014 (eLearning)
 
Entrepvirtuelle
EntrepvirtuelleEntrepvirtuelle
Entrepvirtuelle
 
Book projets-web
Book projets-webBook projets-web
Book projets-web
 
Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013
Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013
Tournage des vidéos pour un MOOC : cas du Home Studio, coûts - 7-12-2013
 
Retours d'exprience MOOC à l'ENSAM
Retours d'exprience MOOC à l'ENSAMRetours d'exprience MOOC à l'ENSAM
Retours d'exprience MOOC à l'ENSAM
 

Kürzlich hochgeladen

Formation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementFormation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementM2i Formation
 
Exercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionsExercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionslaetitiachassagne
 
Rapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFERapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFEAhmam Abderrahmane
 
Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2JeanLucHusson
 
Semaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxSemaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxMartin M Flynn
 
Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024frizzole
 
La Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniqueLa Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniquessuser4dbdf2
 

Kürzlich hochgeladen (7)

Formation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementFormation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changement
 
Exercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionsExercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositions
 
Rapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFERapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFE
 
Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2
 
Semaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxSemaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptx
 
Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024
 
La Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniqueLa Projection orthogonale en dessin technique
La Projection orthogonale en dessin technique
 

Plan de cours

  • 1. Plan de cours Création site Internet
  • 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 %)
  • 22. Échéancier – semaine 12 • 09.04 • Atelier sur le portfolio • Aucune remise
  • 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%)
  • 25. Échéancier – semaine 15 • Examen pratique final (durant la session d’examens)
  • 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)