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 un des sujets listés sur 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
• 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.

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 le serveurlinserv1 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