Introduction à la programmation Web
Cette page s'adresse aux étudiants du G4S1, département informatique, IUT Lyon 1.
Liens utiles
Organisation des séances
Date | Sujet | Évaluation ? |
---|---|---|
Mer 09 sept | Introduction au Web | Cours |
Lun 14 sept | Les bases du HTML (jusqu'aux sections) | Cours + exercices |
Mer 23 sept | HTML, suite (rendu de l'exercice sur les Colons de Catane) | Cours + Interro 20 mn |
Mer 14 oct | Introduction à CSS (jusqu'à l'exercice du slide 30) | Cours + Devoir maison : les sélecteurs CSS |
Mer 21 oct | Suite du cours de CSS | Cours |
Mer 04 nov | Séance de projet (1) | cf. consignes ci-dessous |
Lun 16 nov | Les tableaux | Cours + exercices |
Mer 25 nov | TP Noté | Oui - Sujet du TP noté |
Mer 02 dec | Séance de projet (2) | cf. consignes ci-dessous |
Mar 08 dec | Fin du cours (fin des CSS et formulaires) | Cours |
Mer 09 dec | Séance de projet (3) | cf. consignes ci-dessous |
Mar 15 dec | Séance de projet (4) | cf. consignes ci-dessous |
Mer 06 jan | Séance de projet (5) | cf. consignes ci-dessous |
Mar 12 jan | DS de promo | DS de promo |
Modalités d'évaluation du module
L'évaluation se fera en trois parties (évaluation en contrôle continu, Projet et DS de promo) selon les pondérations suivantes :
- Contrôle continu : 30% (constitué de 5% pour l'interro 1, 5% pour le TP_Catane et 20% pour le TP noté du 25 novembre)
- DS de promo : 30%
- Projet : 40%
Consignes pour la réalisation du projet de web
L'objectif du projet est de produire un site sur la thématique sérieuse de votre choix : votre CV, un concept informatique, un sujet d'actualité, etc. Si vous avez un doute sur la validité de votre sujet, faites le valider le plus tôt possible. Le site doit être exclusivement en HTML5/CSS. Toute autre technologie sera simplement ignorée dans la notation finale, mais elle n'est pas interdite dans la réalisation.
Liste minimale des pages que le site devra comporter
- Page d'accueil
- Sommaire
- 3 pages de contenu (minimum)
- Une page “à propos de l'auteur”
- 2 pages supplémentaires en cas de travail en binôme.
De plus, un menu doit être visible sur toutes les pages.
Ces données sont fournies à titre indicatif… vous pouvez ajouter toute page qui vous semblerait utile.
Critères généraux de notation
- La structure de votre site doit être correcte (organisation des ressources en répertoires, nommage correct des fichiers, etc.).
- La présentation de votre site devra s’adapter à la largeur de l’écran, afin de présenter une ergonomie différente (et appropriée) sur un écran d’ordinateur et sur un smartphone.
- Les pages doivent avoir un aspect uniforme.
Grille de notation (le barème ne sera pas communiqué) :
- Utilisation des structures de base du HTML
- Utilisation pertinente des sections
- Mise en place de liens externes / internes et pertinence
- Utilisation de listes
- Formulaire (soit un lien vers l'exercice sur la calculatrice, soit votre propre formulaire intégré dans votre projet)
- Meta-données
- Qualité des CSS
- Structuration des CSS
- Richesse des CSS
- Responsive design
- Respect des consignes (toutes les pages sont présentes, bien nommées et bien organisées, modalités de rendu respectées)
- Qualité visuelle
- Exploitation des ressources disponibles
- Validation CSS et HTML
Modalités de rendu
Chaque groupe devra envoyer par email à amelie.cordier AT univ-lyon1.fr :
- L'URL à laquelle le site est visible
<note important> La date limite d'envoi est le 9 janvier 2016 à 18h00</note>
Comment accéder à votre public_html en FTP
Vous disposez tous d'un répertoire public_html. Tout ce que vous mettez dans ce répertoire est visible sur le web via l'URL : http://iutdoua-webetu.univ-lyon1.fr/~votrelogin (votrelogin étant de la forme p123456)
- Hôte : iutdoua-samba.univ-lyon1.fr
- Port : 990
- Chiffrement : FTP sur TLS
- Authentification : par mot de passe
- Mode de connexion : passif