Projet : Démontrez vos compétences

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
• 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 récupérer ce code contenant un exemple de changement dynamique de feuille de style : 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

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

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