Le Club Informatique

de Bethoncourt

Création d'un site Web avec Front Page Express

Avertissement : Cette page d'initiation n'a pas la prétention de faire un cours complet. Pour tout connaître il faudrait le contenu d'un livre de 200 pages au minimum.

Un site Web c'est une page ou un ensemble de pages consultables sur Wold Wide Web. Nous allons voir comment  :

Créer un nom de domaine ou de site
Pour créer un site il faut par définition plusieurs éléments. D'abord un hébergeur ou nom de domaine. Ensuite un logiciel d'édition pour créer ses pages Web. Et un logiciel ou client FTP pour faire le transfert du PC sur le site.

Il faut aussi sur son PC d'autres utilitaires pour mettre en forme les photos, les textes, les masques.

Pour commencer chacun est affilié à un hébergeur ou FAI (Fournisseur d'Accès Internet) car nous disposons d'une passerelle pour nous connecter. C'est Wanadoo, Alice, Free,  etc... Chacun en plus de sa messagerie ou boîte au lettre, offre ce qu'on appelle un espace Perso. En plus on peut se réserver un nom de domaine qui sera personnel et que l'on peut faire gérer par une société comme 1&1 ou Amen.

La différence entre une adresse perso et un nom de domaine est importante. Par exemple si on est amateur de capsule de bouteille de cidre on peut créer chez son hébergeur un site "Ma collection de capsules de bouteilles de cidre" et le nom chez son hébergeur pourra être "http://macollectiondecapsules.chez.wanadoo.fr/perso/henri". Pas facile à retenir ni à donner comme adresse. Par contre un nom de domaine pourra être "www.macollectiondecapsule.fr". Plus facile déjà.

En plus un nom de domaine est gardé à vie. Alors qu'une page perso peut changer si on change de FAI.

Seule différence entre une page perso chez un FAI et un nom de domaine, le premier propose entre 100 à 150Mo de place alors que le second ne propose que 5 à 10Mo. Mais même avec 5Mo on loge entre 15 à 50 pages suivant la taille des fichiers et photos.

Pour créer un nom de domaine on peut le réserver chez www.1and1.fr ou www.amen.fr . Personnellement je préfère le premier pour sa convivialité. Dès que vous êtes dans la page d'accueil vous pouvez tester  pour voir si votre nom de domaine est disponible en .fr, .com ou autre. Il ne reste plus qu'à souscrire un abonnement à l'année et attendre que votre nom de domaine soit disponible.

Pour votre page perso chez votre FAI vous faites aussi pareil sauf que là c'est gratuit. Mais cependant vous pouvez commencer directement avec votre espace sur votre nom de domaine.

La documentation
Sans elle impossible d'utiliser à fond  toutes les possibilités du HTML. Je ne vous conseille pas "Créez votre site WEB" de Micro Application ou "Le site WEB pour les Nuls". Il n' a guère d'exemple sur ces livres qui font souvent référence à des générateur de site plutôt qu'au développement.
Regardez plutôt du coté des éditions Compétence Micro qui font des petits documentation que l'on trouve dans les Presses et buralistes. Ou alors "Créer sa page Web" aux éditions CampusPress à la FNAC ou FORUM.
Je vous conseille des documentations simples et qui décrivent bien le langage HTML aussi.

Créer une page avec Front Page Express
Et une page c'est celle d'accueil. Pour cela il faut utiliser un logiciel d'édition. Le plus simple c'est le Bloc Note de Windows. Mais là il faut écrire ligne à ligne tout le langage HTML. Si ce n'est pas votre point fort abandonnez. Un autre éditeur est Word. Il peut générer des pages HTML mais il est si lourd que je vous conseille d'abandonner aussi. Le mieux est Front Page Express. Ce logiciel est gratuit et il est fourni avec la suite bureautique de Microsoft Office 2000 ou Microsoft Office Pro. Il se peut qu'il ne soit pas installé. Aussi il est nécessaire de refaire parfois une installation.

FPE est donc un logiciel de création de page Web. On tape et on met en forme en mode direct ou Winding et derrière FPE crée le code HTML correspondant. D'ailleurs FPE possède trois modes d'édition. Le Normal, le HTML et l'Aperçu.

Dans le mode Normal on écrit et on fait la mise en forme du document un peu comme avec un traitement de texte. Il y a un correcteur orthographique, on peut ajouter des images, des sons, des liens vers d'autres sites ou d'autres pages.

En principe la construction d'un site s'organise comme suit :

Dans cet exemple Index.htm est la page d'accueil du site. Par des liens on peut rediriger le visiteur vers des sous-pages comme Page_1.htm, Page_2.htm, etc...

Sur un site la première page doit toujours être nommée index.htm ou index.html. Ensuite les autres pages sont nommées en fonction de leur présentation. Exemple la page sur les liens aura pour nom page_liens.htm et la page du local local_cib.htm.

Autre règle mettre des noms courts, sans blancs ou espaces, sans accents ni caractères comme #{@]%§ par exemple. En fait un nom de page doit être le plus court possible en 8 à 16 caractères maxi.

De plus une page de site doit toujours rester bien lisible. Pas de photos immenses trop longues à charger, ni de tableaux qui prennent trop de place en largeur.  Beaucoup d'ordinateurs ont des écran encore en 15' comme les portable et un affichage en 800x600 car certaines personnes ont des problèmes de vision. Donc si vous insérez des photos limitez les à 640x480 en affichage direct et surtout à un poids ne dépassant pas 50Ko. Attention aux logiciels qui redimensionnent les photos sans en réduire le poids. Je vous recommande PaintShopPro (non gratuit hélas) qui réduit bien les images pour le Web ou encore XnView qui est gratuit et en français.

Si on désire mettre une photo de bonne définition dans ce cas mettre une vignette en 180x120 pixels qui pointera vers une image en 1280x1024. Mais dans ce dernier cas penser que l'image ne s'ouvrira qu'aux dimensions maxi de l'écran. Donc inutile de mettre du 2560x2048, elle ne s'ouvrira pas mieux parfois que 800x640. Seul avantage la page à lire s'affiche plus vite.

Pensez aussi aux connexions ADSL en 128Ko et même en 56Ko. Il y en a encore beaucoup en France. Les écrans 19' TFT et le haut débit 1,2Mo ou plus ne sont pas une généralité hélas. Et songez aussi aux pays moins favorisés qui lisent les sites français mais n'ont pas les moyens de connexions rapides.

Pour vos pages pensez aussi à assurer un retour à l'accueil ou en haut de document si nécessaire. Il ne faut pas que le visiteur se sente prisonnier dans une page. Il doit pouvoir retourner à l'accueil directement. Pour cela utilisez les renvois à la page d'accueil ou en haut de page comme ici.

Sur votre accueil mettez un compteur de visiteurs. Ca ne coûte pas cher, c'est gratuit, et cela vous permet de voir le nombre de visites sur votre site. Vous pouvez mettre un compteur général et un compteur particulier sur vos pages vous voir la fréquentation. Comme compteur j'utilise celui du site 123compteur.com. D'autre sont aussi disponible. Il suffit sur Google de faire une recherche avec "compteur web".

 

Mettre à jour le site
Ici il faut utiliser ce qu'on appelle un client FTP. Ce logiciel permet de mettre en correspondance directe votre PC et votre page perso sur le FAI. Comme logiciel je vous recommande Filezilla. Il est gratuit, en français et très simple. On peut faire le passage d'une partie à une autre par des glisser-coller.

D'abord dans le logiciel il faut déclarer l'accès au site en entrant l'adresse puis l'identifiant et le mot de passe. Avec cela la connexion peut se faire. Quand on clique sur l'ouverture de connexion le contenu du domaine FAI s'affiche avec ses fichiers.