Pré-requis
- Informatique de base
Introduction à la conception de sites web
Année 2010-2011 - Licence DIST L3- Université Claude Bernard Lyon 1
Objectifs du cours
- Introduction aux concepts des langages à balises et à XML
- Introduction à HTML et aux feuilles de style (CSS)
- Introduction à la gestion de site web
Plan du cours
- Langages à balises
- XHTML et sites web
- XHTML + CSS
Organisation pédagogique
- 3 séances de 3h de Cours - TD - TP en salle machine
Planning des séances
| Jour | Horaire | Salle | Cours | Enseignant |
|---|---|---|---|---|
| lundi 24 janvier 2011 | 9h-12h |
Ariane 15 |
Séance 1 |
Yannick Prié |
| lundi 7 février 2011 | 9h-12h |
Ariane 15 |
Séance 2 |
Yannick Prié |
| lundi 7 février 2011 | 14h-17h |
Ariane 16 |
Séance 3 |
Yannick Prié |
Matériel pédagogique
Remarque : les supports de cours disponibles ci-dessous résultent d'un travail avec de nombreux autres documents (livres, cours, pages web, etc.). De la même façon qu'il réutilise certains de leur contenus, il peut lui-même être réutilisé librement, pourvu qu'il soit fait mention de la source - par exemple cette page web - si l'emprunt est significatif. Tous commentaires bienvenus à yannick.prie (at) liris.cnrs.fr
- Les grandes lignes du cours
- Séance 1
- Séance 2
- Conception d'un première page web : son CV
- Conception d'une autre page : ses domaines d'intérêt
- Conception d'une page d'accueil pour son site personnel
- Publication sur le web
- Conception d'un première page web
- Par exemple, fabriquer son CV
- Conception d'une seconde page web
- Par exemple, une page qui décrit ses domaines d'intérêt, une passion
images, liens vers l’extérieur
- Par exemple, une page qui décrit ses domaines d'intérêt, une passion
- Conception d'une page d'accueil pour son site personnel
- Mise en relation toutes les pages du site
- Organisation du site
- images dans un dossier images
- Publication du site web
- utilisation d'un logiciel de transfert de fichiers (FTP)
- Séance 3
- Améliorations variées du site web
- utilisation d'un feuille de style CSS globale
- Génération automatique de pages avec des outils bureautique
- Outil visuel de conception de pages web
- par exemple KompoZer
- Exploration du contenu XML d’un flux RSS
- Utilisation d’un aggrégateur
- Par exemple netvibes
Sur le web
- Références HTML et CSS sur le site du W3C
- Troisième cours PCI sur le World Wide Web
- Cours XHTML / CSS plus complet, chez les SIB M1