Les mystères de la création d'une page Web...

Outils / Logiciel HTML? / HTML / Logiciel FTP ? / À savoir / Exercices / Aide

1. Outils nécessaires pour l'entretien d'un site Internet : 2 logiciels

2. Comment fonctionne un logiciel HTML?

Deux approches offertes sur tous les logiciels

Logiciels payants : DreamWeaver, WebExpert, Adobe Go LIVE 6.0 et 7.0 et version française en formule d'essai 30 jours (ZIP), Frontpage (suite Office)

Logiciels gratuits (gratuiciel) : Netscape Composer et Frontpage Xpress

Didactiel de Netscape Composer - Barre d'outils et marche à suivre pour la mise à jour d'un site
Didactiel Adobe Go Live (anglais)

3. Document HTML

Pour en savoir plus sur le HTML, consultez ce document...

4. Comment fonctionne un logiciel FTP?

Utilité : Monter sur un server les fichiers que l'on souhaite rendre accessible par Internet.

Suggestion : WS_FTP (Gratuiciel) ou Cute FTP 6.0 (période d'essai, 60 $ pour l'achat)

-> WS_FTP est amplement suffisant pour les besoins du CRÉER et de COPERNIC.

Description : Le protocole standard de transfert de fichiers sur l’Iternet entre différentes machines s’appelle FTP (File Transfer Protocol ou Protocole de transfert de fichiers) et il existait bien avant qu’apparaisse le Web. C’est le moyen le plus simple qui soit pour transférer une présentation Web d’une machine à l’autre. Pour certains d’entre vous, ce sera là une première, mais, avec un peu de soin, vous en sortirez vivant.

Il existe de nombreux logiciels de client FTP sur toutes les plates-formes (PC, Mac, UNIX), chacun avec ses avantages et ses inconvénients. Les grands services en ligne vous proposent eux aussi des logiciels ou des applications de transfert masquant les détails les plus délicats. Les étapes que nous allons décrire sont valables dans l’ensemble pour tous les logiciels de FTP, à condition que ceux-ci soient de véritables programmes de transfert complets, c’Est-à-dire pouvant fonctionner dans les deux sens. Les navigateurs qui permettent de faire du FTP ne fonctionnent souvent que dans le sens serveur vers client, aussi ne conviennent-ils pas toujours pour ce travail.

 

Joindre un serveur FTP

Les étapes énumérées ci-après concernant WS_FTP, mais leur succession sera à peu près la même avec d’autres logiciels et sous d’autres plates-formes, pour peu qu’elles aient une interface utilisateur graphique.

1.Sur Internet, lancez le logiciel FTP. Il affiche son écran d’accueil.

 

1.Indiquez le nom de la machine à laquelle vous voulez vous connecter dans la boîte de saisie Host Name. Ce nom débutera par ftp

2.Indiquez le nom d’utilisateur (User ID)

3.Indiquez le mot de passe (Password)

4.Cliquez sur SAVE lors de la première utilisation de WS_FTP pour conserver en mémoire les caractéristiques du server (Host name)

5.Cliquez sur OK pour amorcer votre tâche.

 

Transfert de fichiers

Modifiez éventuellement les options de transfert en bas de la fenêtre. (ASCII, binary, auto)

Le ASCII convient aux fichiers HTML et le binary aux fichiers d’images. L’utilisation de binary en tant qu’option par défaut montre que ça fonctionne bien pour le transfert de fichier. Évitez le transfert d’images en ASCII.

L’écran est divisé en 4 fenêtres blanches.

Sur l’ordinateur personnel Sur le serveur en ligne

Dossiers sur votre ordinateur (à l’image de l’Explorateur Windows). Seulement les répertoires sont affichés.

Pour accéder à un dossier, double-cliquez dessus. Pour revenir en arrière (dans le répertoire contenant celui dans lequel vous êtes), double-cliquez sur les deux points (..) en haut des dossiers.

Dossiers sur le serveur. (à l’image de l’Explorateur Windows). Seulement les répertoires sont affichés.

Pour accéder à un dossier, double-cliquez dessus. Pour revenir en arrière (dans le répertoire contenant celui dans lequel vous êtes), double-cliquez sur les deux points (..) en haut des dossiers.
Fichiers et leurs extensions présents dans le répertoire sélectionné dans l’encadré en haut à gauche. Fichiers et leurs extensions présents dans le répertoire sélectionné dans l’encadré en haut à droite.

Pour transférer un fichier d’un endroit à l’autre, sélectionnez le fichier désiré (si plusieurs fichiers sont nécessaires, enfoncez la touche CTRL sur le clavier en même temps que vous cliquez sur les fichiers désirés. Les fichiers sélectionnés seront ombrés. Ensuite, cliquez sur la flèche indiquant le sens vers lequel vous désirez voir le transfert s’effectuer. Le ou les fichiers sélectionnés seront automatiquement copiés dans le dossier ouvert de l’autre fenêtre. Pour la mise à jour d’un site comme celui du CRÉER et de COPERNIC, seuls les fichiers HTML seront nécessaires à copier.

L’encadré inférieur indique les détails des transactions effectuées entre l’ordinateur personnel et le serveur. Il peut servir de référence pour connaître le compte-rendu de vos travaux.

Les fichiers téléchargés sont donc prêts à être modifiés. Une fois le correctif apporté, l’exercice pour replacer le fichier sur le serveur sera le même, de façon opposée. Il est TRÈS important de replacer le fichier dans le même dossier d’où il provient pour que le changement soit effectif.

Vous n’êtes pas certain que le fichier a bien été monté sur le serveur ? Vérifiez la date et l’heure du fichier !

5. Il est toujours bon de savoir que…

  • index.html est la page d'accueil d'un site. Cette page s'ouvre par défaut sur un site lorsqu'on n'indique pas un fichier précis à ouvrir dans l'adresse (exemple : www.creer.qc.ca ouvre par défaut le fichier index.html en page d'accueil)
    •
  • Pour partir sa propre page Web : il existe une panoplie d'hébergeur gratuits pour un espace Web (Geocities, Tripod, Chez, Multimania, etc.). Ils fonctionnent tous de la même façon : vous devez vous enregistrer, choisir un nom de domaine (formation_net dans le cas de cette page), etc. Certains offres des services d'éditeur intégrés qu'il peut être intéressant lors de la réalisation d'une première page. Les critères partageant le choix d'un hébergeur au détriment d'un autre se décide par l'espace disque disponible (10 Mo est habituellement un très bon départ), la possibilité d'avoir un compte de courriel associé au site (à l'image de hotmail), l'interface exploité, etc.

    Ces options sont intéressantes, mais les hébergeurs gratuits ont pour contrainte qu'ils affichent de la publicité (sous forme de pop-up, de fenêtre qui s'ouvre lors de la visualisation du site) et qu'ils peuvent fermer le site à tout moment (bien que je n'en aie jamais vu se fermer de la sorte, ils sont habituellement tenaces...)
  • Un élément qui n'affiche pas sur votre page peut s'expliquer par deux raisons... Soit l'image référé n'a pas été monté sur le serveur FTP, soit le lien appelé par la page Web ne rejoint pas ce fichier. C'est souvent le cas lorsque l'on monte une page avec un éditeur et que l'on tente de le mettre en ligne.
    •
  • Lors de la mise à jour d'un site, toujours conservé une copie de la précédente version au cas où une erreur se produirait lors de nos travaux... Il est également sage de prévisualiser le résultat de nos travaux sur notre ordinateur à l'aide des navigateurs installés sur notre ordinateur afin de voir le résultat... avant tout le monde!
    •

     

    6. EXERCICES!

    Créer une page Web ''Gestion par bassin versant''

    1. Insérer un texte
    2. Insérer en titre Mot de notre ministre de façon centrée, grossir l'écriture et modifier la couleur
    3. Modifier le fond de la page (couleur noire)
    4. Modifier la couleur de l'écriture (couleur jaune)
    5. Mettre les hyperliens en rouge
    6. Insérer une image dans le coin supérieur droit de la page
    7. Insérer un alinéa au début de chaque paragraphe
    8. Insérer un lien hypertexte sur ''ministère de l'Environnement'' à l'adresse http://www.menv.gouv.qc.ca
    9. Insérer un lien courriel sur ''Thomas J. Mulcair'' à l'adresse [email protected]
    10. Sauvegarder votre fichier et identifier votre fichier par votre prénom
    11. Ajouter votre fichier sur ce serveur Geocities (me voir pour les coordonnées du serveur) N'oubliez pas d'ajouter l'image!
    12. Afficher votre page Web à l'aide d'un navigateur en affichant l'adresse http://www.geocities.com/formation_net/prenom.html

    Ça fonctionne? Bravo!

    7. Aide

    Guide en ligne pour construire une page Web

    Dictionnaire de balise HTML
    Vous trouvez des balises qui ne sont pas indiquées ci-haut? Vérifiez à l’intérieur du glossaire…

    Autres informations à savoir de la création d’une page Web Pour en apprendre davantage sur le montage de site Internet, sans nécessairement que ça englobe la programmation mais d’autres aspects (imagerie, audio, logiciels, etc.) Consultez ce site... J'y ai tiré plusieurs éléments d'information présent dans ce document.

    Autre site expliquant comment faire une page Web - http://www.chez.com/xav59/Entree2.html

    Monter sa propre page Web avec Frontpage - www.microsoft.com/frontpage/ 1

    setstats 1

    Hosted by www.Geocities.ws

    1