Option Web IFIPS 1ère année (2006 ‑ 2007)
Cours
- Semaine du 18 septembre 2006
-
Semaine du 25 septembre 2006
- Introduction à CSS (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Modèle (xhtml | css)
-
Semaine du 2 octobre 2006
- CSS — Notions avancées (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Modèle (xhtml | css)
- Semaine du 9 octobre 2006
-
Semaine du 16 octobre 2006
- Introduction au langage PHP (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Scripts PHP de démonstration
-
Semaine du 23 octobre 2006
- Introduction au langage PHP (suite) (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
-
Semaine du 6 novembre 2006
- MySQL et PHP (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Scripts PHP de démonstration
-
Semaine du 20 novembre 2006
- PHP — notions avancées (pdf | pdf 8 par pages)
- Aide-mémoire (pdf)
- Scripts PHP de démonstration
-
Semaine du 27 novembre 2006
- Introduction à JavaScript (pdf | pdf 8 par pages)
- Exemples
-
Semaine du 11 décembre 2006
- Sécurité, Accessibilité, Aspects légaux (pdf | pdf 8 par pages)
Projets
Modalités d'évaluation
Les projets seront notés suivant les critères suivants. Un barême approximatif (sur 20 points, avec 4 points bonus), est fourni. Ce barême est donné à titre indicatif et pourra être réévalué en fonction des projets effectivement réalisés.
-
Mise en place des différentes technologies vues en cours
(8+2 points). Chaque technologie est évaluée
approximativement par moitié sur la correction du code
(validité, syntaxe correcte, bonne conception), par moitié
sur la complexité des éléments mis en œuvre.
- XHTML (2 points)
- CSS (2 points)
- PHP (2 points)
- MySQL (2 points)
- JavaScript (2 points bonus)
- Fonctionnement du site (liens cassés, erreurs logiques dans le comportement des scripts PHP…) (3 points).
- Investissement personnel particulièrement important (2 points bonus).
- Conception structurelle du site, ergonomie, facilité d'accès (2 points).
- Esthétique, conception graphique (1 point).
-
Rapport rendu, d'une longueur approximative de 5 pages
(6 points).
- Cohérence entre rapport, site Web, projet initial (2 points).
- Choix adéquat, et justifié, des solutions et technologies mises en places (2 points).
- Qualité du contenu du rapport en lui-même (présentation des difficultés, etc.…) (2 points)
Logiciels
Éditeur
On utilisera l'éditeur SciTE tout au long du cours. Il est téléchageable ici
- Se mettre en mode UTF-8 au démarrage de l'éditeur (File/Encoding/UTF-8 Cookie).
- Utiliser le mode Hypertext (F12) ou XML (Shift+F12) pour avoir la coloration syntaxique sur du XHTML. Pour CSS, PHP et autres, utiliser les modes appropriés.
Navigateur
On pourra utiliser n'importe quel navigateur ayant un bon support de CSS 2, en particulier Firefox (libre et gratuit) ou Opera (gratuit).
Serveur Web
Au cas où l'on souhaite tester des programmes PHP/MySQL sur une machine locale, on pourra installer EasyPHP sous Windows, ou indépendamment Apache, PHP et MySQL sur un autre système d'exploitation.
Références
XHTML
- Spécification de XHTML 1.0
- Spécification de XML 1.0
- Spécification de HTML 4.01
- HTML et XHTML — La Référence, O'Reilly
- Validateur XHTML
CSS
- Spécification de CSS 1
- Spécification de CSS 2
- CSS — La Référence, O'Reilly
- Validateur CSS
HTTP
PHP
- Site Web de PHP
- Pratique de MySQL et PHP, Philippe Rigaux, O'Reilly
MySQL
- Documentation de MySQL
- Pratique de MySQL et PHP, Philippe Rigaux, O'Reilly
JavaScript
- Spécification ECMAScript
- Spécifications DOM
- JavaScript — La Référence, O'Reilly
Divers
Tableaux de support des standards du Web par les différents navigateurs