Le cours de séminaire Informatique portant sur l’initiation à la programmation Web en troisième année de graduat Informatique vise à doter aux étudiants des compétences dans le développement des sites Web.
A la fin du cours de laboratoire Informatique I, l’étudiant sera à mesure de (d’) :
- Créer un site web statique en utilisant le langage HTML5 et CSS3 ;
- Utiliser le Framework Bootstrap pour améliorer le côté frontend des applications web ;
Une démarche de Learning by Doing sera utilisée dans le cours. Un exposé théorique et une pratique sur ordinateur permettrons aux étudiants de bien assimiler le cours.
L’évaluation sera réalisée sur base des travaux dirigés et travaux pratiques. La fin du cours sera sanctionnée par un projet de développement qui sera exposé.
III.2. PLAN DU COURS
Afin d’atteindre les objectifs assignés, le cours est organisé de la manière suivante :
CHAPITRE I : INTRODUCTION AUX TECHNOLOGIES WEB
I.1. Les réseaux Informatique
I.2. La notion de client-serveur
I.3. Un site web statique et dynamique
I.4. Le navigateur
I.5. L’évolution du Web
I.6. Le développement côté client (Frontend) et côté serveur (Backend)
CHAPITRE II : LE LANGAGE HTML 5
II.1. Le langage HTML5
II.1.1. Structure générale d’une page HTML
II.1.2. Les balises
II.1.3. Les attributs
II.1.4. Organiser son texte (Organisation des éléments dans le BODY, Les commentaires, Les paragraphes, Sauter une ligne, Les titres, la mise en valeur, les listes ordonnées et non ordonnées)
II.1.10. Créer des liens (Un lien vers un autre site, un lien vers une autre page de son site, deux pages situées dans des dossiers différents, un lien vers une ancre, un lien qui affiche une infobulle au survol, un lien qui ouvre une nouvelle fenêtre, un lien pour envoyer un email, un lien pour télécharger un fichier)
I.1.5. Les images (Insertion)
I.1.6. Les tableaux
I.1.7. Les formulaires
CHAPITRE III : LE LANGAGE CSS ET LE FRAMEWORK BOOTSTRAP
III.1. Mettre en place le CSS
III.2. Formatage du texte
III.3. La couleur et le fond
III.4. Les bordures et les ombres
III.5. Création d’apparences dynamiques
IV. REFERENCES BIBLIOGRAPHIQUES
1) Bestmomo, Prenez en main Bootstrap, www.openclassroom.com
2) Mathieu Nebra, Apprenez à créer votre site web avec HTML5 et CSS3, www.openclassroom.com
