Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision 		Révision précédente
Prochaine révision Les deux révisions suivantes
ens:progwebaut2015 [2015/09/14 10:07]
admin Cordier Amelie () créée 		ens:progwebaut2015 [2015/11/17 07:53]
admin Cordier Amelie () [Liens utiles]
Ligne 1: Ligne 1:
 ====== Introduction à la programmation Web ====== ====== Introduction à la programmation Web ======
  
 +<WRAP center round tip 60%>
 +Cette page s'adresse aux étudiants du G4S1, département informatique, IUT Lyon 1. 
 +</WRAP>
 +
 +===== Liens utiles =====
 +
 +  * [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/|Le support de cours]]
 +  * [[https://tomuss.univ-lyon1.fr/2015/Automne/info_4s1-1|Fiche Tomuss du groupe pour le suivi et les notes]]
 +
 +===== Organisation des séances =====
 +
 +^ Date ^ Sujet ^ Évaluation ? ^  
 +| Mer 09 sept | Introduction au Web                   | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/intro.html|Cours]] |
 +| Lun 14 sept | Les bases du HTML (jusqu'aux sections) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/html.html|Cours + exercices]] |
 +| Mer 23 sept | HTML, suite (rendu de l'exercice sur les Colons de Catane) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/slides/html.html#43|Cours]] + Interro 20 mn |
 +| Mer 14 oct  | Introduction à CSS (jusqu'à l'exercice du slide 30) | [[http://liris.cnrs.fr/~pchampin/enseignement/intro-web/css.html|Cours]] + Devoir maison : [[http://flukeout.github.io/|les sélecteurs CSS]] |
 +| Mer 21 oct  |                                       | |
 +| Mer 04 nov  |                                       | |
 +| Mer 25 nov  |                                       | |
 +| Mer 02 dec  |                                       | |
 +| Mar 08 dec  |                                       | |
 +| Mer 09 dec  |                                       | |
 +| Mar 15 dec  |                                       | |
 +| Mer 06 jan  |                                       | |
 +| Mar 12 jan  | DS de promo                           | DS de promo  |
 +
 +
 +
 +===== Consignes pour la réalisation du projet de web - automne 2015 =====
 +
 +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 ====
 +
 +  * Vos pages doivent être valides au sens du W3C ([[http://validator.w3.org/|HTML]] et [[http://jigsaw.w3.org/css-validator/|CSS]]).
 +  * 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
 +  * 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
 +  * L'URL du dépôt GIT contenant les fichiers du projet ainsi que son historique (par exemple en utilisant [[https://github.com/|Github]] ou [[https://bitbucket.org/|Bitbucket]], ou encore [[http://gitlab.com|gitlab]]) .
 +
 +**La date limite d'envoi est les 19 décembre 2015 à 18h00**
  
-^ Date ^  
-https://tomuss.univ-lyon1.fr/=ST-3637432-uQIdgZ2bJDQowNcZJZ4h-cas.univ-lyon1.fr/2015/Automne/info_2s1-1