Outils pour utilisateurs

Outils du site


cours2011:concepts_et_outils_pour_internet:publication_de_fichiers

Publication de fichier

pour les login, c'est le login ldap
pour les password : le numéro INE 

Normallement tout les étudiants on leur numéro INE.



Les dépots sur
sftp://[email protected]/home/SRC1_2011_2012/username/web

Faire un projet avec Aptana

Lancez Aptana

Au démarrage il vous demande ou placer les fichiers : “le workplace”. C'est un dossier ou sera tous vos projets.

Choisir un dossier dans “Mes Documents” : nommez ce dossier “Aptana” de préférence.

Lors des lancements suivants d'Aptana, vous devrez resélectionnez le dossier.

Important : Ne pas cocher l'option servant à mémoriser le dossier du “Workplace”. Cela ne fonctionne pas et oblige à éditer les fichiers de configuration pour réparer le problème !

Faire un projet

Aptana propose différents types de projet qui sont préconfigurés pour différent besoin.

Vous avez juste besoin d'un projet “Web” :
“Fichier/new/Web Project” ou

Lui donner un nom : “projet-individuel-S1”

Faire des dossiers

Vous pouvez utiliser Aptana comme navigateur de fichiers et crée des dossiers et fichiers par le menu contextuel :

Ou ouvrir le dossier avec l'explorateur :

Puis faire les dossiers comme d'habitude.

Quand vous retournez sous Aptana vous pouvez avoir besoin de rafraîchir la liste des fichiers (”F5” ou commande du menu contextuel).

Faire les dossiers de votre projet

Faire les dossiers suivants :

projet-individuel-S1/     // le dossiers fait par Aptana (ne pas le recréer)
     index.html           // voir code plus loin (pas un dossier, un fichier)
     charte-graphique.pdf // la charte graphique complète (pas un dossier, un fichier)
     dossier-com.pdf	  // contenu,  principes de navigation, intentions graphiques (pas un dossier, un fichier)
     maquettes/                   // Les différentes sources du projet
          maquette-axure/         // La maquette exportée par Axure
          maquette-axure.rp       // Le fichier source d'Axure (pas un dossier, un fichier)
          maquette-graphique/     // Fichiers sources graphiques (.psd)
          site-code-html-seul/    // Le site sans code CSS ni autres éléments graphiques
                                  //  (doit comporter un fichier index.html aux minimum 
                                  //   et des liens entre les différents fichiers)
     site/           // Ou vous placerez votre site fini (HTML+CSS+images)

Code du ficher ”index.html” :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Projet individuel Semestre 1 de __votre_nom__</title>
  </head>
  <body>
    <h1>Projet individuel Semestre 1 de __votre_nom__</h1>
    <p>Groupe : __votre_groupe__</p>
    <ul>
      <li><a href="charte-graphique.pdf">La charte graphique complète</a> ([[http://senente.fr/cours/projets/charte-graphique|à rendre au plus tard le vendredi 21 octobre à 12h, Xavier SENENTE]]</li>
      <li><a href="dossier-com.pdf">Contenu,  principes de navigation, intentions graphiques</a> ([[http://davidmalsot.blogspot.com/2011/10/dossier-communication.html|à rendre avant le
jeudi 20 octobre 2011à 12 h, David MALSOT]])</li>
      <li>À rendre au plus tard le vendredi 21 octobre à 12h, pierre PRACHT
        <ul>
          <li><a href="maquettes/site-code-html-seul/">Le site au format HTML sans CSS</a></li>
          <li><a href="maquettes/maquette-axure/">Maquette Axure</a> et son "<a href="maquettes/maquette-axure.rp">fichier source</a>"</li>
        </ul>
      </li>
      <li>
      <li><a href="maquettes/maquette-graphique/">Les maquettes graphiques des différentes pages</a></li>
      <li><a href="site/">Le site fini</a></li>
    </ul>
  </body>
</html>

Publier des fichiers

Pour publier des fichiers, l'on peut utiliser un client spécifique (ex: FileZilla) ou Aptana.

Dans un premier temps, vous allez utiliser FileZilla pour mettre en place le dossier du projet et remplacer le fichier index.html par un comportant un lien vers ce dossier.

Utilisation de FileZilla

Définir un site par : “Fichier /Gestionnaire de Sites… CTRL+S”

  • Faire un nouveau site nommé “src-projet”
  • L'hôte est : “src-projet.pu-pm.univ-fcomte.fr”
  • Le protocole : “SSH”
  • Le type d'authentification : “Normale”
  • L'Identifiant : votre login LDAP
  • Le mot de passe : Votre numéro INE

Dans l'onglet avancé, rentré le chemin du dossier par défaut :

  • Le Dossier distant par défaut : ”/home/src_2011_2012/__login_ldap__/web” remplacer ”__login_ldap__” par votre login LDAP.

Connectez-vous.

À la première connexion vous allez voir le dialogue suivant :

  • Cocher : “Toujours faire confiance à cet hôte…”

Faire un dossier

Une fois connectée, faire un dossier pour votre projet : “projet-individuel-S1”

Publier un fichier

En local, faire un fichier HTML (nommé ”index.html”) ou télécharger celui du serveur (web/index.html).

Le faire avec le code suivant :

<!DOCTYPE html>
<html>
  <head>
    <title>Site de __votre_nom__</title>
  </head>
  <body>
    <h1>Réalisations de __votre_nom__</h1>
    <ul>
      <li><a href="projet-individuel-S1/">Projet individuel Semestre 1</a></li>
    </ul>
  </body>
</html>

Le placer sur le serveur à la place de celui présent dans le dossier ”web”.

Maintenant reste à publier les fichiers de votre projet…

Publier avec Aptana

Les renseignements à saisir sont les mêmes que pour “FileZilla” :

  • Allez dans “Projet explorer”
  • Développer l'icône de votre projet.
  • Par le menu contextuel sur “Connexions” : demander “Add new connexion…”.
  • Rentrer les renseignements comme précédemment (le mot de passe et le numéro INE).
  • Pour le dossier “Remote Path:” utilisez le bouton “Browse” (cela permet de vérifier le login et évite une saisie fastidieuse).

Maintenant vous pouvez synchroniser les fichiers :

Vérifier que cela a bien fonctionné en allant voir votre site avec un navigateur.

cours2011/concepts_et_outils_pour_internet/publication_de_fichiers.txt · Dernière modification: 2011/10/17 22:00 (modification externe)