====== 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 un des sujets listés sur [[2017_2018:s1:webdoc:themes|cette page]]
       * 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.

Vous pouvez choisir de travailler **seul ou en binôme**.

<note tip>
C'est le moment de vous faire plaisir ! 
Faites un site qui vous plait (en respectant les thèmes indiqués tout de même) ! 

N'hésitez pas à piocher et adapter des bouts de code 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>

===== 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 le serveur''linserv1'' dans un dossier ''www'' à la racine de votre répertoire personnel.
         * Accès local via https://linserv-info-01.iutnice.unice.fr/~votreidentifiant/
         * Accès extérieur via http://lindmz.unice.fr/users/etudiant/n/nomIdentifiant/www (NOTE: à confirmer !!)

Vous pouvez pour ce faire utilisez le logiciel Filezilla.

** Connexion et transfert de fichiers **

Vous pouvez transférer vos fichiers à l'aide de ''FileZilla''.

Allez dans le menu ''Fichier>Gestionnaire de Sites'' (ou Ctrl+S).

Cliquez sur "nouveau site" et choisissez un nom (ce nom n'a aucune importance).

Renseignez les informations suivantes : 
  * Hôte : linserv-info-01.iutnice.unice.fr
  * Protocole : SFTP - SSH File Transfert Protocol
  * Type d'authentification : normale
  * Identifiant: votre identifiant habituel (compte étudiant)
  * Password : votre mot de passe
  * Port (facultatif) : 22

Lancez la connexion, vous devriez voir des répertoires dans site distant. 

Créez un dossier ''www'' (clic droit dans Site distant, puis "Créer un dossier"), 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 : https://linserv-info-01.iutnice.unice.fr/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


** En ligne de commande **

Pour vous connecter sur ce serveur, en ligne de commande, utilisez ''ssh''.

Pour créer le dossier:
''mkdir www'' 


Créer une page de test html, par exemple en exécutant dans ssh :
''echo "coucou" > www/index.html''