Cours au département INFO - IUT - UNS

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Introduction au WEB ======


**Ce que vous apprendrez d'un point de vue pratique **
  * A faire des pages webs html « statiques » et CSS 

**Ce que vous n’apprendrez pas dans ce module mais plus tard **
  * Pas de génération dynamique (serveur)
  * Pas d’interaction dynamique (client)


<note>Le contenu de ce module est très largement issu de sources issues du web et des références données à la fin de cette page! Un grand merci à leurs auteurs...</note>

<note warning>

**Le site web est à rendre pour le 23 décembre à 18h (S1A = le 28 octobre à 18h)** 

Il sera entre autre évalué sur : 
  * La validité du site (xhtml, css3)
  * La clarté/beauté du site (absences de fautes entre autre)
  * Le déploiement effectif du site.
  * Tous les éléments qui se trouvent dans le TD "[[2013_2014:s1:docweb:approfondissementhtml:start|Allons plus loin]]"

</note>
===== Planification =====

     * [[2013_2014:s1:docweb:web:start|Partie Web]]
        * [[2013_2014:s1:docweb:html:start|]]
        * [[2013_2014:s1:docweb:css:start|CSS]]
        * [[2013_2014:s1:docweb:approfondissementHtml:start| Allons plus loin en XHTML (3 séances)]]
        * [[2013_2014:s1:docweb:accessibilite:start| Accessibilité du web]]
        * DS & travail sur le projet Tutoré



===== Notation et Rendus =====

La notation de cette partie du module est établie comme suit : 
  - 1 rendu au hasard est évalué : coefficient 1
  - 1 DS qui prendra la forme d'un QCM a priori : coefficient 2
  - 2 à 3 étudiants sont évalués à chaque séance : coefficient 1 pour ces évaluations //(non réalisé en S1A)//
  - Votre page web rendue à la fin du module en respectant toutes les règles : coefficient 2
  - 1 rendu associé au projet tutoré sera évalué dans le cadre de ce module : coefficient 1 (non appliqué aux étudiants en apprentissage)

<note warning>
Deux des rendus seront évalués au hasard.
  * En cas d'absence justifiée le rendu est autorisé une semaine plus tard.
  * L'absence d'un rendu entraîne d'office 1 point de moins sur la moyenne des rendus, même s'il ne s'agit pas d'un rendu qui est évalué, évidemment!
</note>

<box round rgb(200,250,150) rgb(198,226,150) 75%|A rendre au plus tard un jour après la fin du TD > 
Vous devrez, en fin de séance, rendre un compte rendu de votre TP. Ce compte rendu devra OBLIGATOIREMENT respecter les contraintes suivantes :
  * Etre envoyé par email à votre enseignant.
  * Avoir le sujet suivant : [2013][S1X][GY][TDZ]nom1_Prenom1 – nom2_Prenom2 où 
       * X correspond à votre cursus (T= traditionnel, A=Alternance, D=décalé)
       * Y le numéro  du groupe de TD 
       * Z le numero du TD
       * //nom1_Prenom1// et //nom2_Prenom2// les noms et prénoms du binôme.
  * Etre reçu par votre enseignant au plus tard un jour après le TD (ex: TD le mardi => réception du rendu par l'enseignant le mercredi 24h au plus tard)
  * Contenir dans le corps de l’email les questions que vous pourriez avoir (si vous souhaitez avoir une réponse rapide car les compte-rendus ne sont pas évalués immédiatement).
  * Contenir en attachement 1 seul fichier .zip ou .tar.gz contenant lui-même 1 fichier de compte rendu (au format pdf, rtf, doc, docx ou txt) ainsi que les divers fichiers (fichiers de configuration, pages (x)html, CSS) écrits dans le TD.

</box>


<box round rgb(500,250,150) rgb(198,100,150) 75%|VOTRE PAGE WEB > 
  * Comme tous les rendus, votre page web doit être rendue en envoyant un mail à votre encadreur.
  * Il contiendra le lien vers votre page web accessible à l'extérieur de l'établissement.
  * N'oubliez pas d'ajouter en bas de vos pages, le lien vers les validateurs!!
  * Les rendus peuvent se faire jusqu'au **5 janvier 2014 à 18h**.
</box>
===== Références =====

  * **[[http://webtimemedias.nasteolink.com/video-74-25eme-anniversaire-du-web--les-voeux-de-tim-berners-lee| Les 25 ans du Web par Tim Berners Lee , "papa" du web]]**
  *[[http://www.amazon.fr/Introduction-Design-Jennifer-Niederst-Robbins/dp/2841774384|Introduction au design web, Reilly]] Très bon livre pour apprendre les bases du développement Web <html><img src="http://ecx.images-amazon.com/images/I/51c8GdyqvKL._SX342_.jpg" alt="image du livre" width=20%/></html>
  *[[http://www.amazon.fr/Cr%C3%A9ez-votre-premier-site-Web/dp/2746072815|Créez votre premier site Web - De la conception à réalisation Christophe AUBRY (Auteur)]]  <html><img src="http://ecx.images-amazon.com/images/I/51ofVhNzDXL._SX385_.jpg" alt="image du livre" width=20%/></html>
  * [[http://deptinfo.unice.fr/~renevier/introweb/pdf/html-4p.pdf|Cours donné en L3 par Philippe Renevier]]
  * Cours de M. Erol
  * Cours de M. Rey
  * [[http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/HTML5_Tutorial/HTML5_discovery_tutorial|Cours de M. Buffa]]


**en vrac:**
  * https://developer.mozilla.org/fr/
  * http://www.w3fools.com/
  * http://www.teaching-materials.org/
  * http://lea.verou.me/2010/07/organizing-a-university-course-on-modern-web-development/
  * http://css.4design.tl/tutoriels-apprendre-html-css/ (ce site de référence français est l'égal d'alsacrétations d'ailleurs)
  * http://learn.shayhowe.com/html-css/
  * https://tutsplus.com/course/30-days-to-learn-html-and-css/

==== Au sujet de la tricherie ====

Voir ici : http://www.loria.fr/~quinson/Teaching/
<html>
<img src="http://www.loria.fr/~quinson/Teaching/foxtrot-copying.gif" alt="Blague sur la diffusion des corrections"></img>
</html>