COMMENT CRÉER UN SITE WEB
Faite une recherche
par mot clé sur cette page uniquement
Faite une recherche
par mot clé sur toutes les pages de mon site
Introduction
Editeurs HTML de base
Éditeurs HTML WYSIWYG (What You See Is What You Get)
Éditeurs HTML de type convertisseur
Logiciels de retouche d'images/photos
FTP (File Protocol Transfer)
Organisation des fichiers
Nom de domaine
Hébergement
Site Web
Pour créer un site Web, il vous faut normalement trois logiciels; un logiciel d'édition HTML, un logiciel d'édition d'images (facultatif) et un logiciel de transfert FTP. Codage HTML
Avant de choisir un logiciel d'édition HTML, il est important de se familiariser avec son codage.
Le codage HTML représente la charpente d'un site Web. Pour ceux qui n'ont aucune notion de base en programmation, voici quelques ouvrages utiles disponibles en français sur le Web. Logiciels d'édition HTML
Il y a trois groupes d'éditeurs HTML; le premier avec lequel on code directement du HTML qui s'affiche à l'écran. Cet éditeur est muni d'une barre d'outils qui permet l'intégration automatique de certaines balises. Un exemple de ce genre d'éditeur est le HTML Writer dont la « Version 0.9 Beta 4 » (discontinuée en 1995) est offerte gratuitement sur Internet. Éditeur HTML de base
La majorité des éditeurs HTML ont été
conçus par et pour des utilisateurs anglophones qui n'utilisent
(presque) pas de signes diacritiques (les accents).
Les anciens éditeurs HTML sont munis d'une commande spéciale pour convertir les caractères spéciaux.
Pour utiliser ce logiciel, ainsi que d'autres anciens modèles, on doit aussi télécharger VBRun300.dll disponible gratuitement sur Microsoft.
Le processus est simple et facile, écrivez votre texte normalement avec tous les accents, allez ensuite dans la barre du haut de l'éditeur, et cliquer sur la touche de conversion des caractères et tous les accents vont se coder automatiquement.
La barre d'outils diffère d'un éditeur à l'autre. Dans l'exemple de gauche, on doit cliquer sur « HTML » et ensuite sur « Convert Ext. Char. » puis enregistrer.
Ce type d'éditeur est facile à trouver gratuitement sur le Web. Vous n'avez qu'à écrire « &éacute;diteur html gratuit » ou « editor html free » dans Google pour les repérer.
Un avantage de ce genre d'éditeur est qu'il vous permet d'apprendre malgré vous le codage HTML assez rapidement.
Exemples d'éditeurs HTML payants :
Parmi les éditeurs payants les plus connus, on retrouve :
Dreamweaver de Macropedia, FrontPage de Microsoft, WebExpert 4.0 de Visicom Media,
GoLive d'Adobe, et WebEditor de Namo.
Un éditeur payant fait généralement tous le codage HTML à votre place, mais il ne produit pas nécessairement un bon site Web. L'utilisateur doit veiller à ce que les principes de l'architecture Web soit respectée (choix des polices, des couleurs, des images etc.).
Éditeurs HTML gratuits
Logiciels d'étition d'images payants
Les logiciels d'édition d'images les plus connus sont
Logiciel de transfert FTP Comme il a été dit précédemment, certains éditeurs sont munis de leur propre application FTP. Pour les autres éditeurs HTML, on doit utilser un logiciel FTP.
Logiciels FTP Payants Logiciels FTP gratuits
Le protocole File Transfert Protocol (FTP) sert à télécharcher les fichiers créés par l'éditeur HTML vers le serveur d'hébergement.
Leech FTP (Mac)
FileZilla
Autres logiciels FTP
Comment procéder :
Entrer les renseignements demandés dans le profil de session (Session Profile) comme dans l'image ci-dessus; le nom du site que vous voulez créer (Profile Name), le nom de votre serveur (Host Name),
l'identité de l'usager (User ID) et le mot de passe. Le type d'hôte est généralement déjà inscrit, sinon, utiliser la barre d'espacement. Cliquer sur O.K. et un carré à deux écrans va apparaître.
Le premier écran « système local » contient tous les fichiers créés pour le site Web. Le deuxième écran « système distant » est destiné à recevoir les fichiers sur le site d'hébergement.
Pour transférer un fichier de votre ordinateur vers le serveur, sélectionnez-le dans système local de l'écran et cliquez sur la flêche pointant vers la droite. Pour transférer un fichier du système distant vers le système local, cliquez sur la flêche pointant vers la gauche.
« Filezilla est un client FTP libre, gratuit et en français qui permet de transférer des fichiers (sons, images, vidéos, html etc.) de votre ordinateur vers votre page perso ou votre site Internet.
Pour configurer votre client, vous aurez besoin du nom d'hôte du serveur ftp (fourni par votre fournisseur ou hébergeur), de votre login et mot de passe. La prise en main reste ensuite très intuitive : sur une fenêtre, les fichiers sur votre ordinateur, dans une autre, l'arborescence de vos pages sur le serveur distant (votre site en ligne). Le transfert d'une fenêtre à l'autre se faisant par double clic sur le fichier que l'on veut transférer ou par double clic. » -- Tutoriels.com
« Votre page Web commence dans votre répertoire personnel dans un dossier (ou répertoire) appelé public_html. C'est à cet endroit que vous placerez tout le matériel relié à votre site Web (fichiers et dossiers). Nom de domaine : Domain Name System (DNS)
Le nom de domaine permet à l'utilisateur de choisir le nom spécifique de son adresse, ceci est particulièrement intéressant pour les entreprises ou organismes qui ont besoin d'être repéré facilement grâce à leurs adresses. « La procédure d'obtention des noms de
domaine générique (.com, .net .org) Traditionnellement,
on distingue les noms de domaine génériques
des noms de domaine géographiques.
Du fait de leur connotation internationale, les premiers sont les plus
populaires. Il s'agit essentiellement des
« .com »,
« .net »,
« .org ». Ces noms de domaine
peuvent être enregistrés par n'importe quel
registraire quelque soit le pays du requérant. Au Canada
trois nouveaux registraires de « .com »
viennent d'être accrédités par ICANN,
l'organisme privé qui administre au niveau international le
système des noms de domaine (www.icann.org Les noms de domaines géographique
L'attribution des noms de
domaine géographiques
relève d'une toute autre organisation - donc hors des
compétences de ICANN. Les domaines
« .ca »,
« .fr »,
« .uk », par exemple, sont
administrés par des organismes nationaux selon une charte de
nommage propre à chaque pays. Au Canada, le domaine
« .ca »
est géré par une équipe informatique
de l'Université de Colombie Britannique. Le
répertoire des noms de domaine « .ca » doit
être transféré d'ici
l'été 2000 à un nouvel organisme, l'Autorité
canadienne pour les enregistrements Internet ou ACEI
(ou, en anglais, la Canadian Internet Registration Agency,
CIRA, www.cira.ca). Ce registraire
assumera la gestion du domaine canadien et veillera à
l'application d'une nouvelle politique d'attribution. En attendant
cette restructuration les anciennes règles d'attribution
sont toujours en vigueur. » -- Les noms de domaine au Canada : ".ca" et ".com" /Par Maître Pierre-Emmanuel Moyse.Organisation des fichiers
public_html : Ce répertoire est pour tous les documents que vous allez mettre sur le Web.
index.html : Ceci est le nom du fichier de votre page d'entrée. Elle ne possède pas son propre répertoire. »--Programme Rescol (Sask.)
Lorsque que vous envoyez les fichiers, faites attention au nom qu'ils ont sur le serveur. Les majuscules et les minuscules ont de l'importance i.e. « index.html », « Index.html » ou « INDEX.HTML » sont reconnus comme trois fichiers différents.
Le fichier de la « La page d'accueil » généralement nommé « index.html » est celui qui doit être transféré en premier pour avoir un apercu de votre site sur le Web.
« Après que vous avez terminé une page, ou plusieurs, il est important de télécharger les fichiers pour vérifier que tout le contenu de votre page Web fonctionne correctement. N'attendez pas d'avoir terminé tout votre site pour télécharger et tester. Il est facile d'avoir une fausse impression de sécurité, parce qu'on voit sa page Web sur l'écran.
Vérifier tous les hyperliens, ce sont souvent des erreurs toutes simples qui causent des problèmes d'accès et des liens rompus. Vérifier qu'ils renvoient bien où vous voulez.
Vérifier pour vous assurer que l'on voit tous les médias (graphiques, images et autres) que vous avez téléchargés se trouvent bien sur votre page. »--Programme Rescol (Sask).
Ces adresses se terminent par : .com, .net, .org, ... .
Ex. d'une adresse de domaine : http://www. monentreprise.com
Pour avoir ce genre d'adresse vous devez vous inscrire dans la base de donnée internationale Internic,
organisme international régissant les nom de domaines. La gestion de ces millions
de noms est attribuée à des « Registrar » qui ont la responsabilité de voir a l'inscription et au renouvellement des noms de domaine.
Les « Registrar » fournissent à l'usager un accès à l'administration de son nom de domaine qui peut rediriger ce nom vers l'hébergement de son choix. Toutefois, il est souvent plus efficace et moins coûteux de faire l'acquisition d'un nom de domaine et de l'hébergement au même endroit. Un nom de domaine est obligatoire pour utiliser un espace d'hébergement, sauf si celui-ci est gratuit.
Le tarif de ce service (sans l'hébergement) est d'environ 35$ US par année.
Les adresses des sites non inscrit dans Internic porte le nom de l'hébergeur payant ou gratuit du site : Ex. d'une adresse non enregistrée : http://pages.videotron/motchoisi
Liste des extensions à caractère général : Webmsaster.hub
Extension
Signification
Portée
.aero
Aéronautique
industrie du transport aérien
.biz
Business
Activité commerciale
.com
Commercial
Activité commerciale
.coop
Coopératives
associations et coopératives
.edu
Education
institutions scolaires supérieures
américaines
.info
Information
Information
.int
International
organisation internationales reconnues
.net
Networks
Réseau internet
.org
Organisations
Organisation
.mil
Militaire
défense américaine
.museum
Museum
musée
.name
Personal
aucune
.pro
Professional
activités professionnelles
.gov
Government
gouvernement américain
Pour vérifier si le nom de domaine que vous vouler utiliser est déjà enregistré ou pour obtenir des informations sur un nom de domaine en particulier, utiliser le service Whois Search.
Entrer dans la boîte de recherche le nom de domaine précédé de www.
Ex. : www.google.com, www.commentcamarche.net, www.davignon.qc.ca, etc.
Si vous faites la recherche de : www.commentcamarche.net, vous obtiendrez les renseignements suivants
commentcamarche.net
domain: COMMENTCAMARCHE.NET
owner-name: Commentcamarche
owner-address: Jean-Francois Pillou 20, rue de l'armorique
owner-address: 75015
owner-address: Paris
owner-address: France
admin-c: JFP18-GANDI
tech-c: JFP18-GANDI
bill-c: JFP18-GANDI
nserver: didier.commentcamarche.org 62.23.221.104
nserver: nestor.commentcamarche.org 193.19.219.211
nserver: ns6.gandi.net
reg_created: 1999-12-10 13:13:18
expires: 2006-12-10 13:13:18
created: 2003-03-02 03:56:14
changed: 2006-04-11 21:22:01
person: Jean-Fran?s Pillou
nic-hdl: JFP18-GANDI
address: QUIDEA SARL
address: 18 avenue des Champs Elys?
address: 75008
address: PARIS
address: France
phone: +33.612345678
e-mail: 91bcf69f5f3f89c3ba76afef04278977-jfp18@contact.gandi.net
lastupdated: 2006-07-03 12:04:01
Registration information: http://www.gandi.net
ColbaNet : 10 Mo Cogeco : 10 Mo GlobbeTrotter : 5 Mo MegaQuébec : 10 Mo |
|
1 Méga-octet (Mo) = 1 Mega-Byte (Mb) = 220 octets = 1024 ko = 1 048 576 octets.
Hébergement gratuit sans abonnement Internet avec publicité
Certains serveurs vous offre aussi de l'hébergement gratuit en échange de de publicité. Cette publicité peut aller d'une simple bannière à des barres de menu horizontal ou vertical (avec ou sans pops-ups) prenant le tiers de votre espace Web gratuit.
Parmi ceux-ci, offrant un service en français; un seul représentant québécois CyberQuébec : 10 Mo et plusieurs serveurs européens parmi lesquels Voila : 100 Mo, iFrance : 100 Mo, Lycos (France) : 50 Mo,
et Francité : 2 Mo
.
Hébergement gratuit sans abonnement Internet et sans publicité
J'ai trouvé jusqu'à maintenant 2 serveurs répondant à ces caractéristiques ;
Freazer : 25 Mo, site en français, FTP intégré.
f2g.net : 15 Mo, site en anglais, choix de FTP intégré ou de d'un logiciel FTP personnel.
© Rédaction et conception graphique :
Nicole Davignon
Québec, Québec, 2005
Dernière mise à jour : 8 juillet 2006