====== Projet : Démontrez vos compétences ======

===== Objectif =====

L'objectif de ce projet est de rendre un site web **complet**. 
Votre site devra contenir au minimum : 
   * au minimum trois pages différentes
       * sur les sujets qui vous intéressent (dans la limite du raisonnable)
       * comprenant le contenu pertinent vu en TD ou non (images, formulaires, vidéos, inclusion de cartes, ...)
       * présentant une structure pertinente avec ce contenu
   * [[2016_2017:s1:webdoc:td5|un menu "dynamique"]] commun aux trois pages
   * différentes feuilles de styles, pour toutes les pages, illustrant des changement dans les couleurs mais également de structure et d'adaptabilité
   * votre CV au format HTML et un lien de téléchargement de votre CV en PDF (anglais ou français, selon votre choix)

Tout site est amené à évoluer et souvent à être maintenu par plusieurs personne. Le code que vous rendez doit refléter votre volonté d'aider les prochains à comprendre vos choix techniques.

Votre site sera évalué en fonction de:
   * l'application des principes de séparation des préoccupations entre les éléments de contenu et de mise en forme,
   * la qualité de la mise en forme (utilisation des sélecteurs, des éléments de mise en forme etc),
   * la complexité de la mise en forme (transition CSS, transformations, etc),
   * la conformité du site (n'oubliez pas les validateurs du W3C !),
   * l'adaptabilité de la mise en page au support,
   * la qualité des commentaires,
   * l'évolutivité du code,
   * l'originalité du contenu.

<note tip>
C'est le moment de vous faire plaisir ! 
Faites un site qui vous plait ! 
Au besoin reprenez des éléments de votre exposé si vous manquez d'imagination. 

N'hésitez pas à piocher et adapter des bouts de code dans vos compte-rendus des TD précédents.
</note>

<note warning>Attention à la taille de votre site ! Votre archive zip doit faire moins de 20 mo ! Prenez garde à la taille des images / vidéos.</note>
===== Feuille de style dynamique =====

Vous pouvez récupérer ce code contenant un exemple de changement dynamique de feuille de style : {{:2015_2016:s1:webdoc:code_projet.zip|}}

Pour l'utiliser dans vos propres codes suivez les règles suivantes : 
   * copiez collez tout le code (balises incluses) de ''<script type="text/javascript">'' jusqu'à ''</script>'' dans votre propre head
   * Créez une balise ''<select>'' possédant l'identifiant ''choixCSS'' et possédant l'attribut : ''onchange="changeCSS()"''
   * Créez les différentes ''<option>'' du select en précisant comme ''value'' le chemin du fichier CSS

<note tip>Si vous le souhaitez vous pouvez utiliser des liens au lieu d'un select, à vous de chercher comment !</note>

===== RAPPEL : Rendre votre page web accessible depuis l'extérieur =====

Pour en savoir plus : 
http://wiki.unice.fr/display/IntraSIDI/ProgWeb


<note tip>**Pour rendre votre page web accessible depuis l'extérieur** </note>

**Vous êtes sur Sophia ou sur Nice :**

Vous devez déposer vos fichiers web sur ''lindmz.unice.fr'' dans un dossier ''web'' à la racine de votre répertoire personnel sur ce serveur : (putty->linserv1) et modifier les droits (chmod 755) ou en utilisant le lien suivant : [[https://wiki.unice.fr/display/IntraSIDI/LINUX01]]
         * Accès extérieur via http://lindmz.unice.fr/users/etudiant/n/nomIdentifiant/web
         * Accès local via http://linserv1/users/etudiant/n/nomIdentifiant/web/


**Vous êtes sur Sophia :**

Pour vous connecter sur ce serveur, en ligne de commande, utilisez ''ssh'', puis créez le dossier:
''mkdir web'' ou utilisez ''putty''

Si vous vous appelez ''doe'', rendez vous  à l'adresse http://lindmz.unice.fr/users/etudiant/d/doe/web/ pour valider qu'il n'y ait pas d'erreur.

Créer une page de test html, par exemple par 
''echo "coucou" > web/index.html''

Retourner sur http://lindmz.unice.fr/users/etudiant/a/alt01/web/ pour vérifier que son contenu apparaît.

Si tout fonctionne, vous pouvez transférer vos fichiers à l'aide de ''Winscp''.

**Si cela ne fonctionne pas :**

Ouvrez le logiciel ''FileZilla'' présent dans le répertoire réseau ''R:'' : il s'agit d'un client FTP, un logiciel capable de se connecter à un serveur en utilisant le protocole FTP, afin de transférer des fichiers.
Renseignez les informations suivantes : 
  * Hôte : linserv3
  * Login : votre identifiant
  * Password : votre mot de passe
  * Port : 22

Lancez la connexion, vous devriez voir des répertoires dans site distant. 
Créez un dossier ''web'' (clic droit dans Site distant, puis Créer un répertoire), ouvrez le et transférez les pages du dernier TD dedans. 

Vous devriez pouvoir y accéder au sein de l'université à partir de l'adresse suivante : http://linserv1/users/etudiant/n/nomIdentifiant/web/ où **nomIdentifiant** correspond à votre identifiant.
L'accès est également possible de l'extérieur à partir de cette adresse : http://lindmz.unice.fr/users/etudiant/n/nomIdentifiant/web