En savoir plus

Créer son site Internet
Source YBET
12.1. Introduction
12.2. Langages de programmation d'un site WEB
12.3. L'hébergement
12.4. Bases de programmation de sites INTERNET
12.5. Le transfert FTP du site vers INTERNET
12.1. Introduction.
Les quelques chapitres qui suivent vont permettre facilement de créer et de mettre en ligne un petit site
INTERNET. Créer son site Web n'est pas très compliquée, c'est à la portée de n'importe quel utilisateur
informatique un peu débrouillard, tant que vous ne cherchez pas à tout prix les visiteurs, un graphisme
élaboré ou des fonctionnalités professionnelles (vente en ligne par exemple).
La mise en ligne se fait en 2 parties: la conception en elle même et le transfert sur le site. Le site Web peut
être conçus de différentes méthodes selon le langage de programmation utilisé.
12.2. Langages de programmation d'un site INTERNET
Le langage de création le plus courant est l'HTM (ou HTML). Ce langage est utilisé depuis le départ pour
les pages des sites internet. Il est facile à utiliser, surtout si vous utiliser un logiciel WYSIWYG (What You
see What You Get, ce que vous voyez, vous obtenez) comme FrontPage de Microsoft et Dreamweaver. Les
logiciels de conception de ce type permettent de mettre en page directement l'écran, le programme créant
automatiquement les lignes de programmation. Word et Publisher depuis la version 2000 permettent
également de créer des pages Internet mais sont déconseillé, ils alourdissent le codage des pages, les
rendant plus longues à charger. Vous pouvez utiliser Notepad si vous êtes un adepte de la programmation
en tapant les lignes de codes html.
Le défaut du langage l'HTM est le manque d'interactivité. Vous obtenez une page identique pour tous
visiteurs. La seule "réelle" programmation vient de petites commandes ajoutées que l'on appelle des scripts
ou d'une extension de l'HTML que l'on appelle DHTM. Les extensions de ces pages sont HTM. La page
Internet est décodée sur votre PC.
Le deuxième langage utilisé sur INTERNET est le PHP. Ce langage de programmation permet des
interactivités tel que l'adresse IP du visiteur, choix de la couleur du site selon les préférences du visiteur, ...
Il est souvent couplé à une base de donnée MYSQL. Les pages Internet ne sont plus décodées sur le PC du
navigateur mais bien sur le serveur qui héberge le site. L'hébergement est donc spécifique. Votre
fournisseur d'accès (qui propose un espace d'hébergement gratuit) propose rarement ce type de
fonctionnalité. Ce langage de création de site web nécessite donc un hébergement payant.
Deux solutions sont utilisées pour utiliser le PHP: soit des parties en PHP insérées dans des pages HTM,
soit tout le site en PHP avec une base de donnée MYsql associée. Dans les 2 cas, l'extension des fichiers
reste PHP. Dans la première solution, vous insérez dans des pages HTM des morceaux de code PHP et
reprenez que quelques fonctions intéressantes. Dans le deuxième cas, vous utilisez toutes les fonctionnalités
de PHP - SQL. Un site peut de toute façon être constitué de pages en HTML et de pages en PHP.
Si vous utiliser des pages créées en html incluant des fonctions PHP, vous pouvez télécharger un logiciel de
type EasyPHP pour tester les fonctions directement sur votre PC. Dans certains modules préprogrammés,
l'ensemble de la programmation se fait directement en ligne. Une grosse différence entre un site en PHP pur
et un mélange HTM - PHP: dans le premier cas, un utilisateur pourra choisir les couleurs des pages sur
l'entièreté du site. Dans le cas d'un mélange, cette fonction ne sera accessible (et difficilement
programmable) que sur quelques pages. Par contre, un site "mélange" permet de sauvegarder le site sur
votre PC pièce par pièce (pages par pages) et évite des heures de connexion.
Le troisième langage est l'ASP. Développé par Microsoft, il est équivalent au PHP pour l'interactivité et
offre les mêmes fonctionnalités. Les pages ASP sont également décodées sur le serveur Web avant d'être
transféré. En gros, le PHP est utilisé sur les serveurs de type LINUX (l'implantation sur serveurs Windows
fonctionne avec quelques problèmes de syntaxe du langage php), le langage ASP est utilisé sur les serveurs
sous Windows. PHP est plus facile à mettre en oeuvre mais tient moins la charge pour des applications
lourdes.
Un débutant commencera par créer un site en HTM avec un logiciel comme FrontPage ou Dreamweaver.
Pour un site en PHP, la solution la plus courante (avec un serveur d'hébergement compatible) est de
télécharger un layout gratuit et de remplir les pages. Une multitudes de fonctions et d'applications sont
téléchargeables sur INTERNET librement: forum, livres d'or, site de commerce en ligne, ... La création de
sites directement en PHP ou ASP nécessite suffisamment de connaissances en programmation pour rebuter
la majorité des amateurs.
La page d'entrée du site doit toujours s'appeler INDEX (index.htm, index.php, ... selon le langage).
12.3. L'hébergement du site Internet
Selon le langage de programmation utilisé, l'hébergement sera spécifique.
12.3.1. Caractéristiques des hébergements.
1. Espace alloué. L'espace disque dur que l'hébergeur vous apporte, il varie de 5 MB au GIGA.
2. Adresses mails: de type POP (vous pouvez utiliser directement Outlook Express sur vos adresses
mails) ou par redirection. Par exemple, dans le premier cas, [email protected] sera directement
accessible par Outlook. Dans le deuxième cas, l'adresse sera également utilisée par le visiteur mais sera
redirectionné vers une autre adresse (celle fournie par votre fournisseur d'accès). Selon l'hébergement,
le nombre d'adresses POP sera plus ou moins important. L'espace utilisable pour les fichiers de
transfert peut également être plus ou moins important.
3. Transfert, la quantité de donnée permises par mois. Chez certains hébergeurs, il est illimité, d'autres
acceptent suivant l'offre d'hébergement du site une quantité maximum et facturent les MB en plus.
Remarquez un transfert illimités ne garantit pas une bande passante. Certains hébergements vous
envoie sur un serveur lent si vous dépassez un certain seuil. Pour un petit site, 10 MB par mois est déjà
important.
4. Langages acceptés et composants additionnels. Les langages peuvent être PHP ou ASP (rarement les 2
en même temps). Comme ces langages sont souvent couplés avec des bases de données, vous
retrouverez le SQL mais également pour des hébergements sous Windows Access. Le nombre de bases
de données et leur taille est limitée suivant l'hébergement. Certaines offres permettent de travailler avec
FrontPage vers le site.
5. Type d'hébergement. On retrouve 3 types de serveurs:
a: serveur mutualisé. Un serveur est partagé entre plusieurs sites Web. Cette solution est
suffisante pour les petits sites mais comme le taux de transfert est partagé entre tous les sites, votre accès
peut être lent de temps en tant, en fonction du trafic des autres sites. Les hébergements "gratuit sont tous de
ce type".
b: serveur virtuel. Ce type de serveur ressemble aux serveurs mutualisés mais offre de meilleurs
garanties de bande passante.
c: serveur dédié. Le serveur est entièrement dédié à votre site. Cette solution plus chère est
réservée pour les gros sites. Le serveur peut-être fourni par la société d'hébergement du site ou peut être un
de vos ordinateur. L'hébergeur se contente dans ce cas de vous connecter sur les lignes INTERNET à haute
vitesse.
D'autres caractéristiques de l'hébergement Internet sont également à prendre en compte: bande passante
maximum, trafic mensuel en GB, statistiques visiteurs intégrées, ...
12.3.2. Le choix de l'hébergement
La première solution consiste à utiliser un hébergement gratuit. On retrouve 2 types d'hébergements
gratuits. Votre fournisseur d'accès (FAI) propose gratuitement un espace INTERNET. Cette solution est
généralement stable et n'affiche pas de publicités sur votre site. Revers de la médaille, si vous changez de
FAI, votre site disparaît. Certains sites proposent également des hébergements gratuits. Dans ce cas,
l'hébergeur mettra automatiquement de la publicité sur le site. Cette solution est souvent incompatible avec
les langages de programmation PHP et ASP.
Si votre site envisage de grandir, vous pouvez opter pour un hébergement payant. Dans ce cas, il vous
faudra au préalable acheter un nom de domaine. Chaque pays impose ses propres réglementations pour
l'achat de l'extension.




Les .COM et les .BE sont totalement libres.
Les .LU sont réservés aux ressortissants et sociétés luxembourgeoises
Les .FR nécessite une inscription aux registre de commerce français et sont donc réservés aux
entreprises françaises. Depuis le 11 mai 2004, une certaine libéralisation est intervenue. Les .FR
sont accessibles aux particuliers français sous certaines conditions
Les .NET, .ORG, ... sont également libres mais sont réservés aux organisations.
Evitez d'acheter le nom d'une autre entreprise, d'une marque déposée, ... (même ressemblant), ça vous
évitera des tracas administratifs plus tard.
Selon le trafic sur le site, vous pourrez choisir un serveur mutualisé, virtuel ou dédié. Vérifiez les
possibilités de langage avant de passer le contrat.
12.4. Bases de création d'un site internet.
Avant de créer son site, voyons quelques points importants.
12.4.1. Créer un site pour qui, pour quoi?
Un site Internet doit être vu comme une vitrine de votre entreprise ou association. Ceci va impliquer
quelques particularités en fonction du but recherché. La majorité des sites INTERNET ne dépasseront
jamais les 10 visiteurs par jours. Finalement est-ce le but recherché de recevoir des centaines de visiteurs
par jours, je ne le crois pas. Le site doit donc être en rapport avec vos objectifs.
Une entreprise internationale n'aura pas le même site (au niveau contenu et importance) que le plombier du
quartier ou le club de football d'un petit village. La multinationale gérera ses relations "clients", l'artisan
offrira une vitrine de ses activités tandis que le club sportif reprendra les horaires d'entraînements,
classements et résultats. Un premier conseil, votre site doit être visité par ceux qui sont susceptibles d'être
intéressé par le contenu: si c'est une approche commerciale ou associative, par ceux de la région.
Cette première approche parle déjà de l'importance des moteurs de recherche pour votre site. La majorité
des "designers" feront des sites agréables à visiter mais ... pas visités. Pour une en savoir plus sur le
fonctionnement et l'utilisation des moteurs de recherche, vous pouvez lire le fonctionnement d'un "moteur
de recherche" sur cette formation INTERNET.
12.4.2. La mise en page globale du site en fonction des visites et des moteurs de
recherche
A. Pour qu'un site (et ses pages internes) soit repris sur un moteur de recherche, il doit être inscrit dans ce
moteur de recherche. Comme rien ne garantit que le moteur de recherche que vous utilisez est celui que
les autres internautes utilisent, plus le nombre de moteurs inscrit est important, plus votre site sera visité.
B. Un moteur de recherche lit les textes, il ne décode pas les images. Mettre 15 photos de footballeurs sur
une page de votre site n'apportera pas de visiteurs intéressés par le football, le texte explicatif des photos,
oui. Par contre, la page de présentation en texte reprenant régulièrement le mot "football" ou le mot
"footballeur" aura nettement plus de chance de se retrouver dans les moteurs et donc d'être visitée. En plus,
rien ne dit que la recherche se fera sur footballeur ou sur footballeurs (au pluriel). Pour un moteur de
recherche, les 2 termes sont souvent différents.
C. Un moteur (et le visiteur) suit les liens. Les liens peuvent être de type "texte", image, bouton ou même
animation FLASH. Le visiteur suivra probablement ces 4 types de liens. Par contre, tous les moteurs de
recherche suivent les liens textes. Quelques uns lisent les liens de type bouton ou image (mais ce n'est pas
la majorité), les liens en flash commencent à être suivis (mais les moteurs ne lisent pas les textes contenus
dans l'animation flash). Le résultat est simple, un site ne reprenant sur sa page d'entrée que des liens de type
image, bouton ou pire une animation Flash ne sera pas ou peu visité par le moteur de recherche sur les
pages internes et aura de ce fait que peu de chance d'être référencé correctement. Si vous mettez une image,
un bouton ou une animation flash comme lien sur votre page d'entrée, insérez en dessous un lien texte.
D. Une fois vos pages référencées dans les moteurs de recherche, personne ne sait par quelle page le
visiteur va rentrer. Si vous ne mettez pas vos coordonnées sur chaque page (ou un lien vers la page
d'entrée par exemple), un visiteur risque de se retrouver sur une page unique, intéressante peut être, mais
inutilisable pour votre image de marque et encore moins pour un contact mail ou téléphonique.
E. Plus le nombre de liens à partir d'autres sites est important, plus votre site sera visité. Ceci est encore
plus valable si la page qui pointe vers votre site est très visitée. Les moteurs de recherche utilisent
également ces liens externes pour positionner vos pages. Plus il y a de liens externes qui pointent vers votre
site, plus il a de chance d'être intéressant et donc d'être positionné dans les premières pages.
F. La conception d'un site doit reprendre quelques aspects "INTERNET". Pour être vue, une page doit être
chargeable rapidement. Plus vous mettez des photos sur une page, plus le temps de chargement sera long
et plus le visiteur risque de quitter la page avant son affichage. Qui patienterait 10 minutes pour afficher
une photo? Pour INTERNET, la résolution des photos doit être celle de l'écran, soit 72 dpi ou même moins.
Si vous souhaitez mettre un nombre important de photos sur une page Internet, vous avec 2 solutions:
1. créer une photo miniature avec un lien vers la photo en "grandeur nature"
2. couper la page en plusieurs pages.
C'est de même pour les animations FLASH. Une animation de 400 KB prendra avec un modem 55.600kb
plus de 72 secondes.
La programmation d'un site INTERNET se fait par descriptif de pages. Ceci signifie que l'aspect d'un site
avec une résolution d'écran de 800 X 600 ne sera pas le même si le visiteur utilise une résolution de 1024 *
768. Si vous souhaitez un aspect plutôt fixe, une solution est d'utiliser des tableaux (mais ça ralentit le
chargement).
G. Les META sont utilisées par quelques moteurs de recherche pour vous positionner. Les META sont des
informations de chaque page. La plus célèbre est celle dénommée "TITLE" reprenant le titre de la page
(celui qui est affiché dans la barre d'outils de Windows). D'autres META existent reprenant le programme
que vous utilisez pour créer le site par exemple mais 2 META importantes sont utilisées: Description et
KeyWords (mots clefs).
Ces META se définissent soit en "Propriétés de la page", soit directement en HTLM. La META keyword
n'est pas utilisée par Google. Par contre, MSN l'utilise en grosse partie. Chaque page doit reprendre ses
propres META pour un référencement correct. Pour la liste et description des META
H. Les annuaires permettent d'inscrire votre site et mettent (généralement) un lien en retour. Pour être
répertorié, vous inscrivez votre site dans un formulaire reprenant le titre de votre site, votre URL et une
description. Ces annuaires sont généralement de "type mineur", lisez n'apportent que peu de visiteurs mais
améliorent dans certains cas le référencement.
Quelques "petits moteurs" utilisent en plus les liens réciproques pour être en haut des moteurs de
recherche, être donc souvent visité et pouvoir mettre de la pub (payante) sur la page d'entrée. Généralement
le lien est dans une sous-page du moteur de recherche avec peu de chances d'être intéressante, mais la
réciprocité demande souvent que le lien de votre page vers ce site se trouve en première page (la plus
importante). Si ce lien est inséré sur la page d'entrée de votre site, le gagnant devient nettement
l'annuaire.
I. Les cadres sont souvent utilisés pour l'esthétique des sites. Cette manière de procéder est plus
accueillante. Pour une page constituée de 3 cadres, le moteur de recherche verra 4 pages qu'il référence
chacune de manière autonome.
L'utilisation de cadres va vous obliger à bricoler dans les liens et dans les textes des pages. Par exemple,
supposons cette page comme page d'entrée pour le site du village de Lambermont. Si le visiteur tape
l'adresse du site, il se retrouvera sur la page complète (la page 1). Soit la page suivant la conception cidessous, les liens fictifs sont repris en bleu. La hauteur et la couleur des textes n'interviennent pas dans la
recherche.
Bienvenu sur le site du village de Lambermont: les activités, l'agenda des manifestation
Lambermont (commune de Florenville) vous présente quelques unes de ses
activités.
Le comité des Fêtes
Les activités écoulées:
Le club de VTT
La fête 2005: bal, cochon de lait
Les actions TELEVIE
Les activités TELEVIE 2006
Contact Lambermont:
[email protected]
Agenda des prochaines manifestation de Lambermont:
TELEVIE, soirée jeux de société
VTT nocturne
Jusque là, rien de bien particulier, on retrouve de nombreux sites HTM utilisant cette structure comme page
d'entrée ou comme pages intérieures. Voyons un peu où le visiteur va se retrouver pour une recherche.
"Lambermont" va amener le visiteur sur la page 1 (la page d'entrée du site) contenant comme titre "Le
village de Lambermont", les 3 autres pages reprises individuellement seront également reprises (et pas
forcément dans l'ordre 1, 2, 3 et 4) puisqu'elles incluent le mot Lambermont.
"Village Lambermont" va se retrouver sur la page 1 (l'entête). Comme cette page ne reprend pas de liens
vers d'autres pages, le visiteur quittera le site sans possibilité de poursuivre sa recherche.
"Activités Lambermont" va se retrouver sur la page 4 ou sur la page 2. Remarquez qu'il y a de forte
chances que le mot utilisé sur cette page soit "activités" et non activité. Si la recherche est "activité
Lambermont", aucune recherche n'affichera les pages du site. Si la page n'a pas de liens vers la page
complète (la page 1) ou vers des sous-pages, il reste de nouveau coincé. La page 4 doit avoir un lien vers la
page 1.
"Bal Florenville" va amener le visiteur sur la page 4 de nouveau. (commune de Florenville) et plus bas: la
fête 2003: bal, même si ce n'est pas votre but.
Par contre, "action TELEVIE" va amener le visiteur sur la page 3. De nouveau, pas de liens vers la page
d'entrée ... Par contre "Activités TELEVIE" affichera la page 4 et pas la page 2 d'en-tête, le mot TELEVIE
n'est pas repris dans l'en-tête.
Ceci explique que la majorité des sites réalisés par des professionnels utilisent des tableaux et non des
cadres.
12.5. Le transfert du site vers INTERNET.
Le publication d'un site html passe par des logiciels de transferts de type FTP. On en trouve une
multitude sur INTERNET à télécharger en gratuit, à l'essais 30 jours ou payants. Les coordonnées à rentrer
pour accéder au site de cette manière sont fournis par l'hébergeur du site Web.
Une fois la connexion établie, il ne reste plus qu'à transférer les fichiers de votre disque dur (à gauche) vers
l'hébergement de votre site INTERNET (à droite) en sélectionnant les fichiers / dossiers à transférés et en
utilisant les flèches.
12.5.6. Référencement
Nous avons déjà parler de référencement avec le chapitre sur les moteurs de recherche. Le référencement
d'un site web dans Google, yahoo, msn, ... apporte près de 80% des visiteurs. Cette étape consiste à
s'inscrire dans ces moteurs, dans des annuaires, ... Même si votre site est correctement fait, reprenant les
mots importants, rien ne garantit un positionnement correct sur les recherches. Différentes techniques
peuvent être utilisées, elles diffèrent d'un moteur à l'autre.
Quelques règles globales importantes pour la création d'un site web:
1.
Plus le nombre de pages de votre site est élevé, plus il est facile de monter dans les requêtes. Créer
un site d'une page n'est donc pas réellement utile.
2.
Les textes des liens sont pris en compte pour référencer la page suivante. Par exemple, les liens
vers la page d'accueil doivent plutôt reprendre un texte explicite que le texte "accueil" ou même "Pour le
site informatique, cliquez ici".
3.
Les photos ne sont pas indexées. Une page ne reprenant que des photos (sans textes explicatifs),
n'attirera pas de visiteurs, sauf par "Google images".
4.
Le site doit être fait pour le visiteur: navigation aisée à l'intérieur du site: atteindre la page
d'accueil, contact, ... directement, sous rubriques clairement établies en graphisme et liens.