Le cours
Vous êtes prêts à lire ce syllabus ? Super ! Voici brièvement
quelques conventions typographiques utilisées dans ce syllabus.
Celles-ci vous permettront de mieux percevoir la structure de ce
syllabus mais également de distinguer les points importants.
Le menu principal (bleu) se trouve en haut de la page et se
compose de 6 rubriques. Chaque rubrique est divisée en section et
sous-section. A gauche un menu (orange) permet de naviguer
rapidement à l'intérieur d'une rubrique. Ce menu propose également
un rappel des différents liens intéressants de la rubrique (bleu
marine).
Les conventions typographiques :
Je suis une section
Je suis une sous-section
Je suis une sous-sous-section
Je suis en évidence. Je suis donc une clé du paragraphe qui
me contient.
Je suis un mot du langage HTML ou CSS
Je suis une information
complémentaire pour
votre culture générale. Vous pouvez m'ignorer.
Je suis important. Vous ne pouvez pas m'ignorer.
Introduction
Pourquoi un cours d'Introduction au Web?
Vous désirez connaître la date de sortie du prochain Harry Potter?
Vous voulez vendre vos anciens jeux PS2? Vous recherchez des
informations sur l'Inde? Envoyer une carte de voeux? Un conseil
universel : Allez sur le Web! C'est quoi le Web? Comment ça marche?
Comment créer un site? Comment publier un site? ...
Commençons par la définition : Internet est un réseau
informatique mondial. Ni plus ni moins, Internet est un outil
universel de communication (parmi d'autres).
Le but du cours est de vous ouvrir quelques portes sur le web
et ses nombreuses technologies. Il s'agit d'une introduction; à la
fin du cours, vous serez capables de comprendre le code source d'un
site Web et de créer un site web correctement (respectant les
critères normatifs) en HTML et CSS.
HTML5 et un peu d'histoire
Dans le cadre de ce cours, nous avons choisi de vous exposer
les standards du langage de balisage pour le Web propres au HTML5.
C'est le standard actuel recommandé par le W3C (World Wide Web
Consortium). Le W3C est un organisme international dont le but est
de développer des standards ouverts afin de permettre l'évolution et
la croissance du Web. Les navigateurs(Firefox, Chrome, Internet
Explorer) que vous utilisez suivent ces standards et les
implémentent. C'est ainsi que les navigateurs peuvent vous afficher
le rendu d'une page HTML5.
Avant le standard HTML5, deux autres standards étaient en
concurrence. Le HTML 4.0.1 qui est l'ancêtre du HTML5 et le XHTML 2
(le XHTML 1 fut un premier essai) basé sur le langage XML, que vous
étudierez en deuxième année. Vous serez peut-être encore confrontés
à ces 2 autres standard qui restent utilisés aujourd'hui. Le langage
HTML 4.0.1, tout comme HTML 5 n'est pas très rigoureux, vous pouvez
oublier de fermer une balise par exemple et malgré cela votre page
HTML s'affichera correctement. Cependant l'oubli de cette balise
handicapera fortement des programmes lisant votre code HTML5 dans le
but par exemple de référencer votre site Web. Le langage XHTML est
né de cette faiblesse, il permet quant à lui d'avoir un contrôle
plus strict sur code XHTML.
En résumé, ce qui importe dans ce cours, c'est la production d'un
document HTML vierge de tout élément de style; ce qui correspond au
respect de la norme HTML 5. Vous trouverez la norme HTML5 complète ici .
Nous vous présenterons ici un résumé de la norme de la manière la plus concrète possible.
Attention à ceux qui ont déjà créé des sites Web: beaucoup de gens
savent concevoir un site Web mais peu le font correctement !
Assurez-vous de bien maîtriser tous les concepts véhiculés dans ce
cours avant de croire que le tour est joué;. Profitez-en pour
améliorer davantage vos compétences!
E-learning
Le fonctionnement de ce cours se veut original car nous savons
que certains d'entre vous sont déjà des
développeurs Web, d'autres ont déjà
gouté aux technologies Web mais d'autres encore les ignorent
totalement.
Nous avons choisi de pratiquer de l'eLearning. KeKseKça?
Selon l'Union Européenne,
l’e-learning est l’utilisation des nouvelles
technologies multimédias de l’Internet pour améliorer la qualité de
l’apprentissage en facilitant d’une part l’accès à des ressources et
à des services, d’autre part les échanges et la collaboration à
distance.
Dans le cadre du cours d'introduction au web, vous disposez de
théories et d'exercices articulés dans un parcours pédagogique. Vous
disposez également de forums pour toutes vos questions.
La méthodologie employée pour ce cours permettra
à chacun d'avancer à son rythme et de prendre en main
son évolution. En somme, vous êtes
maîtres de votre apprentissage.
E-syllabus
Cette année nous nous basons essentiellement sur ce syllabus
en ligne que vous êtes en train de lire.
Cette théorie est mise en lien avec les exercices dans le parcours
pédagogique.
Le parcours pédagogique vous présente également un ordre de lecture du syllabus;
il est donc préférable de suivre cet ordre lors d'un premier apprentissage.
Organisation
Le cours en tant que tel s'étend sur 11 semaines.
Des vidéos et ce syllabus vous donneront les éléments essentiels pour pouvoir réaliser un
premier site Web.
L'apprentissage se fera en e-learning c'est-à-dire à distance et à votre rythme pendant 7
semaines.
Durant ces semaines, vous réaliserez un parcours pédagogique composé d'un syllabus en ligne à lire,
de QCMs à effectuer et finalement d'exercices à faire.
Pour le premier exercice, vous serez guidé par des références vers le syllabus. Le deuxième exercice
sera sans aide.
Ensuite, vous réaliserez en groupe un projet HTML après la Toussaint. C'est sur ce projet que repose
l'évaluation.
L'évaluation (partie HTML)
L'évaluation :
Autres Ressources
Il existe une multitude de possibilités pour apprendre le HTML
et les CSS. Les professeurs encouragent les étudiants à effectuer
des recherches par eux mêmes : sur le Web(OpenClassRoom par ex., site W3schools, site Alsacreation), à
la bibliothèque, ... .
Les liens utiles proposés ci-contre vont dans ce sens.
Toutefois, la matière du cours est celle qui se trouve sur
MooVin.