Faire son site et le publier

Kompozer et CSS

Publier avec Filezilla

1 - Demande d'espace Web

Pour héberger notre site sur Internet, nous avons besoin d'un espace web.
Nous pouvons demander cet espace :

Pour faire un choix aller sur les sites Guide-hebergeur.frhébergement et stockage 

logo Free-H.orgNous opterons pour Free-H.org qui, en plus des offres payantes ou semi-gratuites, propose une offre gratuite correcte et surtout sans publicité.



 Première étape : S'enregistrer en créant notre compte client compte OpenIdDeuxième étape : S'inscrire au forum car  toute demande d'ouverture de compte est à faire sur le forum  
Troisième étape : Aller sur le forum / Support technique / Vos comptes gratuits et lire le tuto
"Comment ouvrir un compte gratuit chez Free-H.org". Suivre les instructions.
ouvrir un compte gratuitDemande d'hébergement web à rédiger dans un message du forum (sécurisé)
Quatrième étape

Nous sommes avertis par un nouveau message que notre demande d'hébergement est acceptée, nous devons alors procéder à l'enregistrement du code d'activation de l'offre gratuite MP token compte gratuit en suivant les instructions reçues sur un message personnel.
Chaque 2 mois nous recevrons un message pour réactiver l'offre gratuite.

A tout moment nous pouvons poser des questions sur le forum pour être guidé pas à pas.
Nous obtenons sur le forum la réponse dans les minutes qui suivent.

Il est vivement conseillé, voire indispensable, de cliquer sur l'onglet Support pour consulter le Centre de documentation Free-H
Lire les tutos pour les débutants.

Pour publier notre site, nous nous servirons, comme conseillé par notre hébergeur, de Filezilla qui est libre et gratuit.

2 - Télécharger et Installer  Filezillachoisir setup.exe

Le module Publier de Kompozer est très limité; il vaut mieux utiliser FileZilla,  logiciel FTP de la suite Mozilla. Il permet de se connecter à distance sur un serveur pour y télécharger des fichiers.
Un gestionnaire de site est disponible permettant de répertorier l'ensemble des adresses auxquelles nous sommes amenés à nous connecter régulièrement.
Pour avoir la dernière version et télécharger un programme d'installation permettant de choisir la langue se rendre sur le site de framasoft.
Il faut télécharger le fichier win32-setup.exe et non le fichier zip pour pouvoir choisir  la langue dans le programme d'installation.

En faisant une recherche dans Google, vous pouvons trouver beaucoup de tuturiels sur ce programme. Ils peuvent compléter celui de notre hébergeur et mon petit résumé.
http://www.framasoft.net/article1941.html : pour télécharger le tutotiel  "Maîtriser Filezilla en 5 minutes"
http://www.filezilla.fr/filezilla-tuto1.php : pour consulter le tutoriel sur Internet et voir la version vidéo.

Dans la nouvelle fenêtre, trouver le package correspondant à notre système d'exploitation.
Dans la fenêtre d'enregistrement cliquer sur Enregistrer. Quand le téléchargement est terminé, on obtient un fichier .exe
Installer normalement Filezilla en double cliquant sur ce fichier.
S'il n'était pas en français : Menu Edit / Settings / Language / Français

3 - Paramétrer

Configuration de Filezilla
Les différentes zones dans l'interface Filezilla
a - Disposition de l'interface

Après avoir démarré Filezilla, pour aller dans les Préférences : Menu Edition / Paramètres / Interface / à droite Agencement / dans le menu déroulant Choisir la disposition Explorateur.
Dans cette diposition nous avons 6 zones. 


b - Réglage des paramètres de connexion
Gestionnaire de sites de Filezilla

Menu Fichiers / Gestionnaire de sites.Cliquer sur le bouton Nouveau site et le renommer à notre convenance. Une bonne solution est de donner le même nom de site que celui donné dans le gestionnaire de Kompozer. Par exemple le serveur suivi du nom de domaine.

  1. Onglet Général 
    • Hôte pour Free :ftpperso.free.fr  -  pour Orange : perso-ftp.orange.fr - pour  Free-h : ftp.free-h.org
    • Type de Serveur FTP
    • Type d'authentification : Normale (c'est-à-dire que nous avons un login et un pass)
    • Port : mettre 21. Il n'est pas gardé en mémoire mais Filezilla sait que pour ftp il faut 21.
    • Utilisateur : notre login; pour Orange il faut mettre l'adresse e-mail en entier et il s'agit du compte de messagerie principal
    • Mot de passe
  2. Onglet Paramètres de transfert
    • Mode de transfert : « Passif » ce qui permet d'éviter certains problèmes avec les pare-feu
    • Cocher la case : « Limiter le nombre de connexions simultanées » pour éviter des déconnexions intempestives
    • Nombre maximal de connexions « 1 »
    • Cliquer sur OK et la prochaine fois qu'on reviendra dans le gestionnaire de sites tout le paramétrage est sauvegardé.
    • On peut créer plusieurs sites et les classer dans des répertoires.

4 - Utilisation

Dans Kompozer

Avant de se connecter pour publier son site ou des modifications sur certaines pages il faut, dans Kompozer, nettoyer les balises et indenter le code.

Nettoyeur balises de Kompozer : Action     Nettoyeur balise de Kompozer : Résultat   Nettoyer le code avec Tidy dans Kompozer
Se connecter
PublierAction : cocher "toujours utiliser cette action"
Vérifier sur Internet
L'URL du site nous a été communiquée par notre hébergeur. Se rendre à l'adresse URL de la page que nous venons de publier.
Exemples :
http://josar.free.fr/medias/galerieWeb.html
http://argaud.pagesperso-orange.fr/diaporamas-photos/fleurs-montagne-2010/slides/Raiponce.html
http://apprendre-kompozer.free-h.net/exo-2010-2011/toutankhamon/index.html
Actualiser la page courante pour vider le cache du navigateur, et vérifier que le navigateur affiche bien tous les éléments avec la mise en page désirée. Terminer par un petit coup d'oeil au code pour vérifier qu'il soit bien indexé. 
De temps en temps il est bon de vérifier sur d'autres navigateurs et aussi sur d'autres ordinateurs.Haut de page
 Jos Argaud - Mise à jour 13/12/2012   Pour m'écrire  Document made with KompoZer