COMMENT CRÉER UN SITE INTERNET ?

Le Blog : C'est un peu comme un site Internet ... C'est gratuit, on sait par qui il est hébergé (Skyrock etc). L'hébergeur fournit l'espace d'hébergement et un logiciel qui vous permet de créer un site "clés en mains".
Mais on manque de liberté :  vous devez travailler en ligne, vous ne pouvez faire que ce que l'hébergeur vous autorise, la présentation est un peu standard, et la pub obligatoire !
Personnellement, c'est surtout les pubs intempestives qui me hérissent le poil.

Le site Internet : C'est la liberté totale, sans la pub ! C'est gratuit, comme le blog.
En général, les hébergeurs fournissent un espace largement suffisant.
Si vous voulez encore plus de volume, plus de rapidité, un nom de domaine personnel, c'est payant.

Je vous propose ici de créer un site Internet gratuit, sans pub, qui va aussi vous permettre de faire votre vente en ligne facilement.

Le nécessaire :

1) Demander un espace pour site personnel à votre FAI (fournisseur d'accès Internet) : orange, nordnet, sfr, alice ...
La demande se fait en ligne, et en général, vous recevez les mots de passe par courrier papier. (à conserver soigneusement.)

2) Télécharger 2 logiciels gratuits en français:
Un éditeur html : 
BlueGriffon qui permet de créer vos pages html comme vous le désirez. http://bluegriffon.org/
ou Share Point Designer 2007 gratuit sur http://www.microsoft.fr
Le mieux, c'est Sharepoint Designer (Frontpage 12.0) mais ce n'est pas le plus simple.

Si vous utilisez l'éditeur gratuit de votre FAI, vous aurez certainement droit à de la pub !

un logiciel FTP : FileZilla qui permet de charger ces pages dans l'espace alloué par votre FAI. http://sourceforge.net/projects/filezilla/

Pour la suite : Ne confondez pas : Internet Explorer et Explorateur Windows

Le principe:
On crée les pages du site sur le disque dur avec l'éditeur html : de cette façon, rien ne se perd et on peut vérifier avant d'envoyer.
On envoie ensuite les pages crées ou modifiées sur l'espace Internet fourni par votre FAI. (avec FileZilla).

Remarque importante : avec Sharepoint Designer n'utilisez que l'éditeur Wysiwyg (What you see is what you get)
N'utilisez pas les autres fonctions * créer un site * publier sur le site * contrôler les liens etc
Ces fonctions ajoutent des fichiers de contrôle un peu partout et polluent les répertoires.
En plus, si vous utilisez ces fonctions, il faut que l'espace hébergeur soit configuré avec les extensions Frontpage.

Comment pratiquer ?

1) Réserver un dossier du disque dur
Il faut d'abord créer votre site dans un répertoire de votre disque dur.
Ouvrez l'Explorateur Windows, sélectionnez votre disque dur (C:)
Avec le bouton droit de la souris, créez un nouveau dossier que vous appelez "site_perso", par exemple.
Vous pouvez plus tard ouvrir "site_perso" et créer à l'intérieur des sous-dossiers.
un sous-dossier "images", un sous-dossier "photos" ....
Ce n'est pas obligatoire, vous pouvez tout mettre dans le même dossier, mais à la longue, il n'y a plus moyen de s'y retrouver.
Ne mettez ni majuscule ni accent dans les noms de fichier ou dossier.

Si, vous voulez essayer directement allez au paragraphe 4 !

2) Créer la page modèle.
C'est elle qui va vous servir à créer toutes les autres.
Vous ouvrez BlueGriffon, vous faites la page comme vous le désirez.
Vous l'enregistrez sous "cequevousvoulez" dans le dossier "site_perso".
Voici un exemple de page modèle : modele.html
On peut se contenter de htm, ça marche quand même.

3) Créer la page de départ.
En général, il est obligatoire de l'appeler "index.htm" sinon, votre FAI vous indique ses spécifications.
Avec BlueGriffon, vous ouvrez la page modèle et vous y ajoutez tout ce que vous voulez ...
Vous l'enregistrez sous "index.html".
Cette page va permettre de déclencher les autres pages.

4) Créer les autres pages :
C'est le même système.
Je vous donne ici un site complet que vous modifierez à votre convenance.
modele.html       index.html    annonces.html    championnats.html   liens.html    meteo.html   
nouvelles.html    programme.html    vente.html
Enregistrez-les
Vous ouvrez chaque fichier en cliquant dessus, et vous les enregistrez dans votre dossier "site-perso.

Vérifiez :
Ouvrez l'Internet Explorer. Cliquez sur Fichier ...Ouvrir ....  Parcourir
et allez cliquer sur index.html
Modifiez ces fichiers avec BlueGrifffon à votre convenance et vérifiez à nouveau.

5) Envoyez tout ça sur Internet :

Configurer FileZilla:
Ouvrir FileZilla. Cliquer sur 'Fichier' puis 'Gestionnaire de sites' puis 'Nouveau site'
Dans l'onglet "Général", vous complétez : Hôte, Identifiant, et mot de passe avec ce que vous a indiqué votre FAI.
Dans l'onglet "avancé"  rubrique "dossier local" vous écrivez C:\site_perso
(l'antislash \ est obligatoire, attention !)
Modifiez le nom du site sinon ce sera : Nouveau site
Mettez "Site Albert" par exemple à la place de Nouveau site
puis Cliquez sur OK et fermez.

Envoyer sur votre site Internet.
Ouvrir FileZilla
En haut à gauche cliquez sur le petit triangle noir puis sur "Site Albert".
Si vous avez bien travaillé, du côté gauche, c'est votre ordinateur et du côté droit votre site Internet.
Vous cliquez avec le bouton droit sur ce qui est à gauche, et vous l'envoyez ....  jusqu'à ce que tout soit envoyé.

6) Vérifiez.
Vous ouvrez l'Internet Explorer.
Dans la barre du haut vous écrivez le nom de votre site fourni par votre FAI. et appuyez sur Entrée
Si vous avez bien travaillé, votre site va s'afficher.
Sinon, vérifiez tout et recommencez !

Pour tout le reste (photos, images, son, vidéos etc.) il faut essayer et s'entraîner ...
Je vous aiderai, à la demande: djtaquet@nordnet.fr

Astuces :

Installer le dictionnaire français dans BlueGriffon :
Cliquez sur édition puis orthographe, puis langue puis télécharger des dictionnaires.
Sur la page dictionnaires du site BlueGriffon, cliquez sur le dictionnaire français et enregistrez-le dans un répertoire de votre disque dur.
Retour dans l'éditeur BlueGriffon : cliquez sur Outils, modules complémentaires, extensions.
En haut à droite à côté de l'étoile, cliquez sur le petit triangle, puis "installer un module depuis un fichier".
Vous allez sélectionner le dictionnaire à l'endroit ou vous l'avez enregistré puis OK.
Après redémarrage de BlueGriffon, la correction est en français ..

 

Si vous êtes arrivés sur cette page sans passer par la page
 de départ qui définit les frames (cadres), vous n'avez pas le plan 
du site sur la gauche. Dans ce cas, cliquez  ICI.

JavaScript Menu of Milonic