Comment créer son site
Web?
Etape 1
La première étape de la création d'un site web consiste à définir quel sera le
contenu du site et comment ce contenu sera organisé. Pour cela, il faut mettre sur papier tout ce que vous
désirez présenter à vos visiteurs. Ne vous préoccupez pas de ce que vous êtes ou non capable de réaliser. Ne
vous contentez pas de passer une heure ou deux sur votre liste. Prenez le temps de la composer. Garder là sur
vous, pour pouvoir y ajouter toutes les idées qui vous viennent à l' esprit.
Le meilleur truc pour réussir son site, est de vous mettre à la
place de celui qui viendra vous rendre visite. Posez-vous la question : que voudriez-vous trouver sur un site qui
traite le même sujet que le vôtre?
Ce travail devrait vous prendre une bonne semaine.
Quand vous aurez l' impression d' avoir tout écrit ce que vous désiriez faire,
mettez-vous à la recherche des sites qui ont le même thème que le votre. Lancez votre recherche avec différents
moteurs de recherche. Visitez le plus de sites possibles. Retenez principalement ce qui vous a sembler manquer
sur les sites visités. Si vous trouver un site qui ressemble à ce que vous voudriez faire, remettez-vous au
travail. Quelqu'un d' autre a déjà eu votre idée.
Il est important de créer un site original et qui se démarque des
autres. Le succès du site en dépends. Si vous êtes le 650ème site à présenter exactement de la même manière le même
sujet, personne ne reviendra le visiter.
Une fois que vous êtes certain de l' originalité de ce que vous
désirez présenter, reprenez votre liste. Commencez à la trier. Mettez dans une colonne ce que vous savez être
capable de faire et dans la seconde colonne ce que vous ne savez pas faire. Si la colonne de ce que vous ne savez
pas faire est plus longue que l' autre, pas de panique. ne vous découragez pas. Je connais un internaute ont la
colonne de ce qu' il savait faire était pratiquement vide. Il a retroussé ses manches, et arrive maintenant à
présenter un site de plus 300 pages...
Il faut maintenant commencer à trier les sujets. Les mettre par
groupe de similitudes. Si vous faites un site pour présenter une chanteuse, mettez dans un groupe tout ce qui
concerne ses chansons, dans un autre tout ce qui concerne ses tournées etc..
Vous venez de construire le début de l'arborescence de votre site
et de son menu.
La partie des idées que vous savez ne pas pouvoir réaliser actuellement formeront l'
étape suivante de votre site. Travaillez bien votre votre menu. Essayer de le rendre le plus logique possible. Ne
perdez pas de vue que c' est grâce à lui que vos visiteurs trouveront ce qu 'ils cherchent.
|
Lorsque vous visitez un site, vous passez d'un document à l'autre en cliquant sur des liens.
Ces documents ressemblent beaucoup à des pages papiers; c'est pourquoi on parle de "pages web".
Le principe qui permet de lier ces documents entre eux est appelé hypertexte. Créer un site web
consiste donc à créer des pages et à les relier entre elles par des liens hypertextes placés.
|
Etape 2
La seconde étape consiste à se mettre à la recherche des logiciels nécessaires à
la construction de votre site. Il est possible, avec un peu de patience, de se les procurer sans débourser un
centime. Non pas en cherchant des versions piratées mais en se tournant vers les logiciels libres ou les logiciels
gratuits.
Pour monter correctement un site, il faut 4 types de logiciels
différents
- Un logiciel de dessin pour travailler l' aspect de votre site. Même si votre
site contiendra en grande majorité du texte, il faudra lui donner un aspect agréable. Il faudra parfois aussi
insérer des images pour illustrer vos propos.
Au cours de ces années passées en ligne, nous avons découvert
un certain nombre d'outils performants et souvent GRATUITS, vous pouvez en user et en
abuser...
-
GRAPHISME:
La
possibilité de créer vos propres graphismes professionnels pour vos sites et vos pages de vente avec
des designs époustouflants et totalement GRATUITEMENT...AdKreator
- Des Templates pour créer vos sites et vos pages de vente
aussi bien qu'un graphiste professionnel "High Impact Templates" allez-y, c'est vraiment
TOP et GRATUIT...
Construisez vos bannières professionnelles pour pas un sou...c'est ici "Instant Banners Kreator" vous allez en prendre plein les yeux...
Enfin , un petit dernier pour la route..."InstantGraphicCreator" totalement
GRATUIT et particulièrement E P O U S T O U F L A N T....
|
Logiciel La Boîte à couleur
La Boîte à couleurs est un logiciel gratuit écrit pour Windows par Benjamin Chartier. Ce
"gratuiciel" simple d'emploi vous permet d'obtenir et de modifier très simplement les codes d'une
couleur. La Boîte à couleurs vous permet la sélection d'une couleur visuellement, via 3 types de
nuanciers, ou à l'écran en utilisant une pipette paramétrable. C'est un outil indispensable pour
parfaire le design de vos pages Internet.
Site - Téléchargement
|
Le captureur
|
Logiciel Le captureur
Un logiciel de capture d'écran écrit par Philippe Truillet pour Windows 95/89 et NT 4.0. Le
Captureur est un outil simple, efficace et indispensable : en un clic vous récupérez n'importe quel
partie de votre écran et vous générez une image .bmp ou .jpg. Vous ne pourrez plus vous en
passer.
Site - Téléchargement
|
-
-
Un logiciel de construction de pages Web. Ils se divisent en deux types
de programmes :
- les éditeurs simple dont le plus connu sous Windows est Notepade. Si
vous utilisez ce genre de programmes, il vous faudra entre les lignes de code les unes après les
autres. Cela suppose donc une connaissance de base en HTML.
- Les éditeur WISWIG qui, comme un traitement de texte, vous permettent
de faire votre mise en page en temps réel. Le programme traduit au fur et à mesure vos constructions en
code compréhensible par les navigateurs. Décriés par de nombreux puristes du code, ils sont pourtant
les instruments parfaits pour un débutant.
- Des navigateurs. Il est importants d' utiliser plusieurs types de
navigateurs pour vérifier le résultat de votre travail. Une commande peut donner des résultats très différents
sur Opéra ou sur Internet Explorer. N' oubliez pas que même si Internet Explorer est le navigateur le plus
utilisé, vous allez avoir des visiteurs qui viendront avec Netscape ou Firebird. Ils ont le droit de voir le
site sous la forme que vous avez décidé de lui donner.
- Un logiciels de transfert de fichiers. Lorsque vous réalisez vos pages,
vous les créer et les testez sur votre ordinateur. Lorsque le résultat correspondra à vos attentes, vous devrez
les mettre chez un hébergeur pour que les autres internautes puissent en profiter. Certains logiciels de
construction de page web possèdent une option de transfert de fichier qui est directement intégré. Si vous
utilisez ce type de logiciel, les programmes ne transfert ne vous seront pas utiles.
Les logiciels
de dessins
Voici quelques propositions de logiciels de dessin qui sont non payants, car ce sont des logiciels libre ou des
logiciels gratuit (Gratuiciels).
- The Gimp
Le logiciel de dessin le plus connu sous Linux a été porté sous Windows. Il est souvent comparé à
PhotoShop. Bien que demandant un peu de temps pour le maîtriser, il apporte absolument tout ce dont vous
aurez besoin.
Type : Gratuit
Langue : Français
Adresse : WinGimp
Pixia
Un petit logiciel de graphisme aux possibilités étonnantes. A l' aise dans la retouche d' image et le
traitement de photos, il est très performant pour la création graphique. Il Possède une gestion de calques,
de masques et de transparents.
Type : Gratuit
Langue : Français
Adresse : Pixia
Tutoriels : Aide
- Paint Shop
Le plus connu de tous les logiciels de dessin. Assez facile d' utilisation et intuitif. Son seul défaut :
n' être gratuit que durant 30 jours.
Type : Gratuit 30 jours
Langue : Français
Adresse : Jasc
Tutoriels : Le site de Nicou, Tout sur php
- Zpaint
Logiciel pour créer des boutons
Très utile pour les débutants
Type : Gratuit
Langue : Anglais
Adresse : steffengerlach.de
Tutoriels :
- DeKnop
Un des meilleures logiciel pour créer facilement des boutons
Type : Gratuit
Langue : Anglais
Adresse : Sam Francke
Tutoriels :
- Font Magic
Logiciel permettant de créer des titres en 3 dimensions pour vos pages.
Type : Gratuit
Langue : Anglais
Adresse : FontMagic.com
Tutoriels :
Les éditeurs HTML
Voici quelques propositions d'éditeurs HTML qui sont non payants, car ce sont des logiciels libre ou des
logiciels gratuit (Gratuiciels).
Voir
section: ÉDITEUR DE SITE WEB GRATUIT

 |
Logiciel Notepad++
Notepad++ est un éditeur de source avec mise en relief de la syntaxe et mise en forme de cette
dernière. Vous pouvez écrire vos pages Internet en HTML, en PHP,... Ce logiciel vous permet de
colorer les mots définis par l'utilisateur. De plus, Notepad++ possède une fonction multi-vues qui
permet à l'utilisateur d'éditer différents documents à la fois et même d'éditer le même document en
synchronisant 2 vues différentes.
Téléchargement
|
HTML Tidy
 |
Logiciel HTML Tidy
HTML Tidy est un logiciel recommandé par le W3C. Sa finalité première est de nettoyer les
fichiers HTML des erreurs (ex. éléments qui se chevauchent) et de tout ce qui est interdit par les
recommandations HTML. Vos pages ainsi nettoyées seront plus rapides à charger et grâce au respect
des normes W3C seront vues proprements sur tous les navigateurs.
Téléchargement
|
Front Page Express
 |
Logiciel Front Page Express
Logiciel entièrement gratuit qui vous permettra de faire vos premiers pas dans la création de
site Internet. Même s'il possède peu d'options, il est l'outil idéal pour apprendre et construire
votre premier site. Ce logiciel était inclus dans les anciennes version d'Internet Explorer. Il
vous permet de générer des pages HTML.
Téléchargement
|
Le concept de ce code en Javascript me semblait si original, et répondant à une demande réelle que je voulais le
faire connaitre aux visiteurs de ce site.
C'est un vrai éditeur WISWIG en Javascript.
Testez-le c'est
l'adopter...
Les logiciels de FTP
Définiton d'un serveur FTP
Système logiciel installé sur une machine serveur ou machine serveur dédiée dont le rôle est de servir
des fichiers sur des réseaux de TCP/IP. Généralement utilisé en contexte Internet/Intranet. |
Voici quelques propositions de logiciels de transfert qui sont non payants, car ce sont des logiciels libre ou des
logiciels gratuit (Gratuiciels).
- FileZilla
C'est un logiciel libre très bien conçu. Son interface propose un gestionnaire et éditeur de connexions et une
double fenêtre paramétrable, type explorateur.
Type : Gratuit
Langue : Français
Adresse : FileZilla
Tutoriels :
-
SmartFTP
Un très bon client FTP.
Type : Gratuit
Langue : Français
Adresse : SmartFTP
Tutoriels :
LEECHFTP
 |
Logiciel LEECHFTP
Idéal pour débuter et transférer vos premières pages Internet vers votre hébergeur. Non
seulement ce client FTP est totalement gratuit, mais très complet, il offre la plupart des
options utiles et pousse le luxe jusqu'à autoriser un nombre de sessions illimité. Bref,
Leech FTP est un outil de rêve pour les webmasters comme pour les acharnés du
téléchargements et d’ailleurs, pour absolument tout le monde.
Site web - Téléchargement
|
Etape 3
Le choix de l' hébergeur.
Toujours dans l' esprit de faire un site gratuit, il existe de nombreuses offres d' hébergement gratuit. L'
hébergement gratuit a le désavantage de pouvoir être remis en question et de vous voir "mis à la porte". Si cet
inconvénient est accepté, alors rien ne vous empêche de vous lancer dans l' aventure.
Mais lequel choisir? C' est la première étape de la création d'un site qui est souvent déterminante dans le
choix. Si vous désirez faire un site avec de nombreuses images, l' espace mis a disposition est déterminant. Si
vous prévoyez d' adjoindre des pages interactives, ce seront les prestations de l' hébergeur qui seront
importantes.
Une partie interactive vous tente, mais vous n' connaissez rien. Rassurez-vous tout le monde s' est retrouvé dans
ce cas. Il ne faut surtout pas abandonner cette partie de votre projet. Construisez votre site statique et mettez
le à disposition des internautes. Ceci fait, lancez vous dans l' apprentissage d' un langage de programmation. Mais
lequel choisir entre ASP, JSP, ASP.net ou PHP pour ne citez que les principaux.
ASP : Langage dérivé du Visual Basic, il est assez facile à apprendre. Il se trouve principalement sur des
machines Windows. Son successeur, ASP.net est en train de se mettre en place. ASP est donc certainement appelé à
disparaître prochainement, du fait qu' il est lié à Windows et que Microsoft voudra pousser ASP.net
ASP.net : Présenté par Microsoft comme le langage d' avenir, il a un énorme défaut par rapport à ASP: Il n' est
pas vraiment possible de créer des pages dynamiques dans ce langage sans utiliser un programme commercial. Fini la
période où un simple éditeur de texte suffisait pour construire des pages.
JSP : Langage dérivé du C. Plus difficile à apprendre et assez peu utilisé sur les sites.
PHP : Langage lié au logiciel libre, à Linux et au serveur Apache. Ce langage évolue rapidement et devient très
performant. Très lié au serveurs Linux, il a l' avantage de se retrouver chez les hébergeurs qui les utilises. En
plus de la fiabilité de ces serveurs, il faut en relevé le prix souvent minime de l' hébergement.
A vous de faire votre choix selon vos obligations et vos envies.
Voici quelques hébergeurs qui offrent gratuitement de l' espace et des services. La liste peut rapidement
changer, car le monde des fournisseurs gratuits est très mouvant, naissances et morts se succèdent à un rythme
effréné.
| EUROWER |
Espace |
illimité |
| |
Accès FTP |
Oui |
| |
Compte mail |
10 comptes POP3 |
| |
Programmation |
HTML, PHP, MySQL |
| |
Langue |
Français |
| |
Remarque |
| FATE BACK |
Espace |
60 Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
1 POP3 |
| |
Programmation |
HTML |
| |
Langue |
Anglais
|
| |
Remarque |
Sans bannière ni popup |
| |
|
|
| FORTUNE CITY.fr |
Espace |
25 Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
|
| |
Programmation |
HTML |
| |
Langue |
Français |
| |
Remarque |
|
| |
|
|
| iFRANCE |
Espace |
100 Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
|
| |
Programmation |
HTML, ASP, Access |
| |
Langue |
Français |
| |
Remarque |
|
| |
|
|
| WAZANET |
Espace |
50Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
POP et Webmail |
| |
Programmation |
HTML |
| |
Langue |
Français |
| |
Remarque |
Une bannière de pub à insérer vous même |
| |
|
|
| XMSITES |
Espace |
100Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
pop3 |
| |
Programmation |
HTML |
| |
Langue |
Anglais |
| |
Remarque |
|
| |
|
|
| WebDynamit |
Espace |
50Mo web + 20Mo SQL |
| |
Accès FTP |
Oui |
| |
Compte mail |
Adresse mail avec webmail |
| |
Programmation |
HTML, PHP 4, MySQL |
| |
Langue |
Français |
| |
Remarque |
Logo WebDynamit au choix à mettre sur la page d'accueil |
| |
|
|
|
Troll Prod Inc.
|
Espace |
50 Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
Webmail et Pop3 |
| |
Programmation |
HTML, PHP 4, ASP |
| |
Langue |
Français |
| |
Remarque |
|
| |
|
|
| TuxFamily Free Network Services |
Espace |
|
| |
Accès FTP |
Oui |
| |
Compte mail |
POP3 et Imap |
| |
Programmation |
HTML, PHP4, MySQL |
| |
Langue |
Français |
| |
Remarque |
particulièrement axés sur Linux et le libre. |
| |
|
|
| Voila Mon Site |
Espace |
100Mo |
| |
Accès FTP |
Oui |
| |
Compte mail |
|
| |
Programmation |
HTML |
| |
Langue |
Français |
Etape 4
Utilisez un outil pour comprendre ce qui se
passe sur votre site.
|
XITI: Outil d'analyse d'audience gratuit
Lorsque votre site sera accessible vous aurez besoin de savoir combien vous avez de
visiteurs
- qui sont-ils?
- comment ont-ils accédé votre site (Google, Annuaire.com,...)?
- quels mot clés ont-ils utilisé?
- quelles sont les pages les plus visitées ?
- ...
et beaucoup d'autres informations indispensables pour comprendre ce qui se passe sur votre
site.
Je vous conseille Xiti.com, ce site vous propose (même en version gratuite) des tableaux sur la
fréquentation de vos sites remarquables. Pour celà, vous aurez juste à ajouter sur chacune de vos
pages le script que vous donnera Xiti.com.
Vous disposerez avec ce site d'un support sans faille. Ils réagissent dans la journée si vous
rencontrez le moindre problème (j'ai fais appel à leur support et je confirme).
Inscrivez-vous : Xiti.com
|
|