Planning des séances
/
Objectifs
/
Recommandations
/
Evaluations
Apprendre à décrire et développer des documents et interfaces web.
Les technologies et outils du web (world wide web) abordés ici :
- Html
- HyperText Markup Language, langage permettant de décrire et structurer une page web.
- CSS
- Cascading StyleSheets, qui permettent de mettre en forme un document html (entre autres).
- Javascript
- Langage de script utilisé coté client (et serveur) pour les pages web interactives.
- GIT
- Gestion de sources et contrôles de version.
- Serveur Apache
- Serveur http open source très répandu.
- Wordpress
- Système de gestion de contenu - CMS (Content Management System)
En particulier, on insistera sur
- La séparation contenu-structure-présentation.
- L'ergonomie.
- La conformités aux standards.
- De l'aide ? le web est ton ami
- Tout connaître serait une gageure. Il faut s'aider des recommandations et spécifications du
W3C, et de sites
qui décrivent de manière plus ou moins exhaustive les différents langages et
technologies du web. w3schools, Mozilla Developer Network,
Alsacreations en sont de très bons exemples.
- Pour coder ?
- Pour le développement de vos pages (en tp), utilisez un éditeur de texte qui met à votre disposition
des facilités de codage : coloration syntaxique, complétion, fermeture de balises automatiques, etc ...vim à l'aide de
bons plugins, Sublimetext qui est très complet. Les
deux sont installés sur les machines
de l'iut.
- Pour tester ?
- Si vous utilisez firefox (ce que je vous conseille)
- Installez l'addon firebug ou utilisez l'inspecteur
natif de firefox pour inspecter (entre autres) l'html et le css en "temps réel" de vos pages.
- Utilisez la vue adpatative pour simuler différents supports d'affichage,
Toutes vos pages doivent être vérifiées sur le service de validation du w3c
.
- Outils mis à votre disposition
-
Un serveur web (dwarves.arda ou dwarves.iut-fbleau.fr) permet de servir vos pages placés à la racine de votre compte dans le répertoire
public_html à travers l'url :
http://dwarves.arda/~votrelogin
Un serveur mysql où vous disposez d'un compte qui tourne également sur dwarves. Une interface web de gestion à cette url :
http://dwarves.arda/phpmyadmin
Un serveur gogs de dépôts git sur le serveur dwarves.
https://dwarves.iut-fbleau.fr/git
Le module sera évalué pour moitié sous la forme d'un (micro)-projet, et pour l'autre par un contrôle machine.