Accueil du site > Créer un Site Web & CMS > Comment créer un site Web ?

Comment créer un site Web ?

Tout d’abord qu’est ce qu’un site web ?
Un site web est un ensemble de "pages", composées de texte de d’images ( parfois plus comme des animations, des vidéos ). Elles sont reliées entre elles par des "liens" ( là ou vous cliquez pour vous déplacer d’une page à l’autre ).

Un site web possède une adresse ou url, que vous pouvez voir dans la barre d’adresse de votre navigateur :

Qui crée des sites Web ?

- Des sociétés, des commerçants, des particuliers ... créent des sites web pour promouvoir leur activités, ces sites leur servent de véritables vitrines, et ont donc un but promotionnel.
- D’autres proposent des services web ( par exemple le moteur de recherche google, le site de votre banque ), ou les sites administratifs qui vous permettent de réaliser vos démarche en ligne ...
- Il y a également des sites d’informations, des webzines ... Ce sont les équivalents numérique des journaux et magazines.
- Et plein d’autres : les boutiques en ligne, les blogs ....

- La particularité de la création de sites web, c’est que tout le monde peut s’y lancer : créer son site web ne nécessite quasiment aucun investissement ( pour 100€ / an, on peut avoir un site qui peut accueillir un nombre confortable de visiteurs ), ni aucune démarche administrative.
- Ainsi derrière les sites les plus populaires du Web, on retrouvent autant des sociétés professionnelles que des étudiants qui consacrent un peu de leur temps libre ( voire beaucoup ).

- Par exemple, le site de Judgehype.com, un site dédié aux jeux vidéos, géré par une équipe de 2 personnes, l’un des sites francophones les plus visités :

La création de site web

Concrètement comment crée-t-on un site web ?

Il y a 3 grandes manière de créer des sites web :

I/ La méthode facile, automatisée

C’est certainement le moyen le plus facile et rapide de créer un petit site web :

- Des sociétés, comme le fameux Skyblog par exemple, vous permettent de créer un site web en 2 clics 3 mouvements : Vous vous inscrivez sur leur site en fournissant une adresse e-mail, choisissez un mot de passe/login. Et, magique ! Votre blog lenomdevotreblog.skyblog.com est prêt à l’emploi. Il ne vous reste plus qu’a vous logguer et à rédiger des articles. On vous offre souvent la possibilité de personnaliser légèrement l’apparence de votre blog entre autre.

- D’autres services similaires existe pour créer des forums de discussions, et des "vrais sites" ( pas des blogs ).

- Les sociétés qui vous proposent ce genre de services, rentabilisent souvent grâce à la publicité affichés sur tous les sites qu’elles accueillent

Avantage : C’est très simple à faire, même les plus jeunes ( 10 ans ) ont leur propres blogs, et contribuent au Web !

Inconvénient : le degré de contrôle que vous avez. sur l’apparence et le fonctionnement de votre site est très limité : vous pouvez tout juste choisir le thème de votre site, changer une ou deux couleurs. Quand au fonctionnement, vous ne pouvez pas modifier son fonctionnement ( un blog reste un blog, impossible de changer la structure du site par exemple ). De plus votre site n’a pas une "vraie" adresse web ( vu qu’elle se termine par .skyblog.com )

II / Construire soi-même son propre site web, en partant de rien

En effet vous pouvez rédiger intégralement votre site web, en partant de quasiment rien, vous aurez juste besoin d’un éditeur de texte tout bête comme le notepad de Windows par exemple. Pour ce faire vous aurez besoin d’apprendre 2 langages, le Html et le CSS :

Tous les sites web, sans exception, sont "rédigés" dans un "langage" ou code si vous preferez, appelé Html ( Hypertext Markup Language ), qui est secondé par le CSS ( Cascading Style Sheet ), voici un exemple de code html :

<h2><span>A la une sur Web Rank Info</span></h2>
<p><strong><em>Conférence + atelier référencement</em></strong></p>
<h3>Formation au référencement</h3>
<a href="http://www.ranking-metrics.fr/sem.cgi?source=wri"><img src="http://www.ranking-metrics.fr/images/rm/formation-rm-120-90.gif" style="float: left; margin: 0 8px 0px 0; width: 120px; height: 90px;" alt="Séminaire formation référencement" title="Cliquez ici pour voir tous les détails" /></a>
<p>Si vous souhaitez améliorer le référencement de votre site, un très bon moyen est de suivre une <a href="http://www.ranking-metrics.fr/sem.cgi?source=wri">formation</a> assurée par des spécialistes&nbsp;! A chaque session la théorie est expliquée en détails le matin, et la pratique explorée l'après-midi.</p>

<p>Cette formation est organisée par Olivier Duffez (WebRankInfo) et Fabien Facériès (AgentWebRanking). Vous pouvez bénéficier d'une convention de formation.</p>
<h3>Pour en savoir plus</h3>
<p><a href="http://www.ranking-metrics.fr/sem.cgi?source=wri">informations et réservation</a></p>                            <br class="cleaner"/>
                         </div>

                         <hr />

C’est un fichier texte Html, autrement dit une page web, étrange non ? Pas du tout, c’est là qu’intervient votre navigateur internet ( Internet Explorer, ou Mozilla Firefox, Opera ... ), le rôle principal de ce navigateur est d’interpréter ce code incompréhensible afin de le transformer en une jolie page web. Si vous êtes sous Firefox, appuyez donc sur Ctrl-U, vous verrez alors le code Html correspondant à la page que vous êtes en train de lire !

Le Html en 2 mots

Ce langage repose sur l’utilisation de balises ( des chiffres et des lettres entourées de symboles < et > ), ces balises fonctionnent soit par paire et vont donc agir sur ce qu’elle contiennent :

<h1>Titre</h1>
<p>paragraphe</p>

soit seuls, et indiquer une "action" ponctuelle, par exemple :

<!-- Le code ci-dessous afficher une image -->
<img src="http://monsite.com/image.jpg"/>

Intervient ensuite le CSS, qui sert à contrôler l’apparence de la page, ex :

h1 { color: red ;}

img {border:1 px solid black ;}

p {background-image:url(fond.jpg);  left:200px;}

Ainsi le titre sera écrit en rouge, l’image aura une bordure noire d’un pixel, le paragraphe aura une image de fonc, et sera d"calé de 200px par rapport à la gauche. Ca a l’air simple à première, c’est le cas, ces 2 langages sont simples d’accès et d’apprentissage, mais pour créer des pages web vraiment design et sophistiquée, il faudra vraiment les maitriser, et là ce n’est pas de la tarte !

Mais, une fois que vous avez rédigé ces fichiers html et css, qu’est ce qu’on en fait pour les mettre en ligne ??

Les serveurs, l’hébergement

Comment fait-on "mettre" ces fichiers sur Internet pour que tout le monde puisse accéder à votre site internet ??

Eh bien il y a ce que l’on appelle des serveurs : En bref les serveurs sont des ordinateurs où sont stockés les fichiers de votre site web, les sociétés qui gèrent ces serveurs sont appelées hébergeurs parce qu’elles "hébergent" littéralement votre site web. Ces fameux serveurs sont des ordinateurs comme le vôtre ou le mien, excepté quelques points :

- Ils sont allumés 24H/24H, tout simplement dans le but que votre site soit accessible à n’importe quelle heure de la jourée.
- Ils ont une grosse connexion internet, n’ont pas de clavier, ni d’écran ni de souris ... Il y a juste un unité centrale, vu que ces ordinateurs sont uniquement gérés à distance.

Les hébergeurs disposent généralement de véritables "entrepôts" de serveurs : des couloirs remplis de centaines de serveurs entassés les uns sur les autres :

Un serveur, puis un couloir de serveurs :

Mais est-ce possible de faire son propre serveur chez soi et donc de ne pas avoir recours aux services d’un hébergeur ? Oui c’est tout à fait possible, mais il faut pas mal de connaissances techniques, et surtout du bon matos.

Sachez qu’en général un serveur héberge plein de sites web en même temps, on parle d’hébergement mutualisé, les sites avec un gros traffic requièrent quand à eux, un serveur à eux tout seul, voire plus :s, on parle alors d’hébergement dédié

Le client FTP

Maitenant, comment transférer ces fichiers html et css sur votre serveur ?
Eh bien ces transferts sont effectués via des logiciels appelés Client FTP, FTP pour File Transfert Protocol : Ces logiciels vous permettent d’une part d’envoyer des fichiers de votre ordinateur sur votre serveur, et vice versa :

La page d’acceuil de votre site correspond au fichier index.html ( www.monsite.com = www.monsite.com/index.html ), puis les sous-dossiers crées sur votre serveur engendreront alors des "sous-dossiers" dans l’adresse de votre site, ( ex www.monsite.com/sousdossier/page.html ). Ensuite à vous de mettre des liens hypertexte afin de relier le tout.

Les hébergeurs

Ou trouver un hébergeur pour monsite web ?

Déjà la plupart des FAI ( fournisseurs d’accès à internet ) proposent souvent des petits espaces web sur leurs serveurs ( genre monsite.free.fr ). Renseignez-vous auprès d’eux, vous obtiendrez alors tous vos identifiants et mots de passe ftp. Il existe d’autres hébergeurs gratuits, comme Lycos ou Ifrance. Et vous l’avez deviné, des hébergeurs payants, avec plus d’espace des bonnes performance, plein d’outils divers et varié .. Et surtout la possibilité d’avoir une "vraie adresse" web pour votre site.

Conclusion

Si l’on compare ces 2 méthodes, ce sont en fait les mêmes ... oOo Dans le 1er cas, les sites du style Skyblog s’occupent déjà de tout ce qui est serveurs, ftp etc .... Et également des fichiers Html et CSS : il sont déjà fait la mise en page, c’est à dire qu’ils ont déjà créer des "modèles" de site. Il ne vous reste plus qu’a remplir avec du texte tout simple, Skyblog ayant déjà fait le travail du Html CSS, c’est en quelque sorte des sites webs en kit que l’on vous fournit dans ces cas.

Maintenant, vous l’avez peut-être deviné, lorsque vous voulez mettre à jour votre site web, il vous faut :
- rapatrier le fichier à modifier du serveur vers votre PC, le modifier, puis le réexpédier, ce qui peut être très très lourd ... ( imaginez un site de plusieurs milliers de pages qui se met à jour tous les jours ... )

C’est là qu’entrent en scène les fameux CMS !! A suivre ( voir menu, avec un peu de chance les article sur les CMS sont déjà sortis lorsque vous lirez ces lignes :) ).

Rédigé par Vinh CHUC

Liens Commerciaux

Articles dans la même rubrique :

Un commentaire, un avis, une suggestion ?

Posté par Cash Advance , le 2008-02-18 21:24:21

Payday Loans Payday Loans Cash Advance

Spip Gimp Vim Ogg Vorbis Ogg Theora Konqueror
Valid XHTML 1.0 Strict Valid CSS! RSS Valid ! CC
Site déposé sur CopyrightFrance.com reference 38Z8181
Apache PHP Mysql Ubuntu Linux Linux Wikipedia
Stop Internet Explorer Firefox