====== 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) 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... **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]]" ===== 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) 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! 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. * 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**. ===== 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 image du livre *[[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)]] image du livre * [[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/ Blague sur la diffusion des corrections