creation de site

Ce qu’il faut pour créer un site Web
Un nom de domaine
Exemple : club-soft.ch
Qu’est ce qu’un nom de domaine ?
On appelle nom de domaine l’adresse d’un site Internet comme clubsoft.ch par exemple. Il existe plusieurs sortes de noms de domaines :
- les internationaux, en ".com", ".org", ".net";
- les nationaux, en ".ch" (pour la Suisse), ".ca" (pour le Canada)…
Il est important de le déposer, surtout dans le cadre d’une activité
professionnelle, afin d’être le seul à l’utiliser, et donc d’être bien
identifiable par les internautes.
Le nom de domaine est constitué de plusieurs éléments :
- le nom : club-soft
- l’extension : ".ch".
Attention : seuls les lettres de A à Z, les chiffres de 0 à 9 et le "-" sont
admis dans les adresses web.
Quelques codes à connaître :
ch, fr, de, it, uk, us, ca, us, ca ….
com, edu, gov, org, net …
Enregistrer son nom de domaine (URL : Uniform Resource Locator)
Vérifier qu’il est libre (whois.ch pour la Suisse)
Quelques précautions ?
La principale précaution à prendre est de vérifier si le nom choisi n’est pas déposé. Pour cela,
mieux vaut faire une recherche auprès de l’INPI et, si cela est nécessaire, de protéger le nom
sélectionné.
Les tarifs peuvent varier selon l’organisme auprès duquel la demande est faite. Il est donc plus
qu’intéressant de les comparer avant d’engager toute démarche. Enfin, si la personne désirant
déposer un nom de domaine possède déjà un site, elle doit bien penser à mettre en place une
redirection de l’ancienne adresse vers la nouvelle. Il est également important de choisir une
adresse mail en adéquation avec le nom choisi.
Pour déposer un nom de domaine, il faut passer par des organismes spécialisés.
Switch, par exemple, s’occupe des noms en ".ch"; tandis qu’Internic s’occupe des adresses
internationales.
Cependant, il n’est pas possible de contacter ces organismes directement. Ainsi, il est
nécessaire de passer par un autre intermédiaire, appelé "register". Le dépôt d’un nom de
Création d’un site Web par Jean-Paul HENET
Page
1
domaine est payant. Il varie selon l’extension choisie, mais certaines offres proposent
d’acquérir une adresse pour quelques dizaines de francs par an.
Chez qui s’inscrire :
Devant la tarification très variable pratiquée par les sites d'enregistrement de noms de
domaine, n'hésitez pas à comparer les prix à prestations égales. Il faut vérifier si ce prix
comprend ou non la redirection, qui permettra de relier votre future adresse à celle actuelle de
votre site. La fourniture d'une adresse e-mail n'est pas toujours proposée.
Switch pour la Suisse (pour un .ch) Fr. 17.- par an
VTX (pour un .com, .org, .net, …) Fr. 49.- par an
Gandi.net (pour un .com, .org, .net, …) € 13.- par an
Le mode de paiement varie, mais il se fait le plus souvent en ligne, par carte bancaire.
Une fois reçu le mail de confirmation, vous saurez que votre adresse est validée.
Création d’un site Web par Jean-Paul HENET
Page
2
Créer le site
Langages de programmation
HTML
Sans conteste le langage client phare pour les sites web, le HTML gère tout ce qui est mise en
forme d'information (bien que le HTML5 tende à faire plus que de l'affichage). Il est composé
d'un ensemble de balises, et qui ressemble (voir même qui est, si nous simplifions) au XML.
Il est assez particulier car il n'est en réalité qu'un ensemble de règles énoncées par le W3C.
L'interprétation de ces règles est ensuite laissée à la discrétion des créateurs de navigateurs,
qui ne se concertent pas, ce qui se traduit par des affichages assez... disons folkloriques, sur
certains navigateurs créés par Microsoft
PHP
Personne n'a pu passer à coté du PHP, utilisé par les plus grands CMS (wordpress, joomla,
drupal, magento). Il est très facile à déployer, a une excellente documentation, et permet de
faire des choses simples très vite. Il n'est néanmoins pas exempt de défauts: il est tres lourd,
car tout les scripts doivent être lus à chaque appel de page. C'est aussi un langage très "mal
rangé", car il c'est construit au petit bonheur la chance, au hasard des versions. Si votre site est
en php, il sera très simple de trouver de petits bouts de code à ajouter à droite à gauche, pour
avoir, par exemple, un fond qui change en fonction du jour de la semaine, de l'heure, ou autre
JAVA
Le java permet de faire des sites et applications web bien plus rapides et sécurisés
que le php, mais le prix à payer est assez lourd: La consommation en ressources
est assez aléatoire, et l'application pas forcément stable. De plus, il n'est pas
simple de trouver un hébergeur acceptant autre chose que le php. Si vous voulez
faire un serveur pour un chat, ou quoi que ce soit qui demande beaucoup
d'échanges entre serveur et client sans recharger la page, le Java est une bonne
option.
Création d’un site Web par Jean-Paul HENET
Page
3
FLASH
Le nom réel du langage est l'AS3 (ou anciennement AS2, mais soyons à la page). C'est
l'interprétation de l'ECMAScript d'Adobe. C'est un langage très orienté objet, avec la
spécificité de l'ECMAScript, qui sont des listener et des prototypes. Ses avantages sont qu'il
est précompilé, et donc que le code source n'est pas disponible pour le premier passant venu,
et qu'il tourne avec le plugin Flash directement fourni par Adobe. Nous n’avons donc pas de
mauvaises surprises en fonction des navigateurs.
Editeurs de site
•
•
•
•
•
•
•
Adobe GoLive
Adobe Dreamweaver (anciennement Macromedia Dreamweaver)
Microsoft Expression (anciennement Microsoft FrontPage)
Joomla
Mozilla Composer
Webacappella
Easy Web Composer
éditeur HTML WYSIWYG
La structure d’une page HTML
<HTML>
<HEAD>
xxx
<HEAD>
<BODY>
xxx
</BODY>
</HTML>
Exemple de “Head”
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Site du CLUB SOFT (club informatique de Nyon)</title>
<META NAME="Description"
CONTENT="Club SOFT, club informatique de la région lémanique. Ce club a
&eacute;t&eacute; cr&eacute;&eacute; pour former et assister
les d&eacute;butants en informatique">
<META NAME="Keywords"
CONTENT="soft, Soft, SOFT, club, informatique, club informatique, nyon, Nyon, association,
vaud, Vaud, Suisse, suisse, Trelex, trelex, pc, PC, computer, software, Internet, cours, windows, mac,
excel, word, formation, depannage">
<META NAME="language" CONTENT="fr">
<META NAME="Auteur" CONTENT="Jean-Paul Henet">
<META NAME="Identifier-URL" CONTENT="http://www.club-soft.ch">
<META NAME="revisit-after" CONTENT="15 days">
<META NAME="Publisher" CONTENT="Club Soft">
<META NAME="Copyright" CONTENT="Club Soft">
<META NAME="robots" CONTENT="all, index, follow">
</HEAD>
Création d’un site Web par Jean-Paul HENET
Page
4
L’hébergement
Un hébergeur web (ou hébergeur internet) est une entité ayant pour vocation de mettre à
disposition des internautes des sites web conçus et gérés par des tiers.
Il donne ainsi accès à tous les internautes au contenu déposé dans leurs comptes par les
webmestres souvent via un logiciel FTP ou un gestionnaire de fichiers. Pour cela, il maintient
des ordinateurs allumés et connectés 24 heures sur 24 à Internet (des serveurs web par
exemple) par une connexion à très haut débit (plusieurs centaines de Mb/s), sur lesquels sont
installés des logiciels : serveur HTTP (souvent Apache), serveur de messagerie, de base de
données...
Choix d’un hébergeur
Vérifier soigneusement :
- L’espace disque disponible
- Le trafic mensuel autorisé
- Le support technique
- Les adresses e-mail disponibles
- Les comptes FTP
Différents types d’hébergement de site web
Un nombre incalculable de compagnies d’hébergement web foisonnent actuellement sur
internet. Choisir un fournisseur d’hébergement web dépend du type de site web que vous
désirez mettre en œuvre : un site de hobby, un blog ou un e-commerce.
Vous pourrez alors déterminer en conséquence l’hébergement adéquat. Les sites
d’hébergement web les plus utilisés sont les types d’hébergement : partagé, gratuit et dédié.
Création d’un site Web par Jean-Paul HENET
Page
5
Les services d’hébergement gratuits imposent par exemple un emplacement de pubs
indésirables et encombrantes sur les pages web de l’utilisateur qui peuvent vraiment agacer
les visiteurs.
Les autres programmes d’hébergement offrent un bon support, de bonnes options et une
largeur de bande passante intéressante mais requièrent des frais mensuels.
Infomaniak (Genève) (club-soft.ch) annonce 109'000 domaines hébergés Fr. 180.- par an
NextLink (Neuchatel)
Fr. 99.- par an
Une fois le nom déposé, il faudra établir la connexion avec votre page personnelle. En clair, il
s'agit d'indiquer dans un formulaire sur le site d'enregistrement l'adresse physique de votre site
(en général du type http://perso-fai/home-page). Cette redirection (ou reroutage), peut être
payante ou non.
Techniquement, la nouvelle adresse va figurer dans un serveur de nom de domaine (DNS),
qui l'aiguillera vers votre site personnel. Il peut exister un DNS primaire et un DNS
secondaire, ce dernier assurant la continuité en cas de panne du premier.
Le mettre à jour
Liaison FTP (File Transfer Protocol).
File Transfer Protocol (protocole de transfert de fichiers), ou FTP, est un protocole de
communication destiné à l'échange informatique de fichiers sur un réseau TCP/IP. Il permet,
depuis un ordinateur, de copier des fichiers vers un autre ordinateur du réseau, ou encore de
supprimer ou de modifier des fichiers sur cet ordinateur. Ce mécanisme de copie est souvent
utilisé pour alimenter un site web hébergé chez un tiers.
FileZilla
Cute FTP Home
Total Commander
Cyberduck
Indexer son site dans les moteurs de recherche :
Améliorer la visibilité de son site dans les moteurs de recherche
Google, Altavista …
Les mots-clés
Les liens avec des sites amis
La notion de Page Rank
Création d’un site Web par Jean-Paul HENET
Page
6