Créer un site internet pour débutant

J'ai décidé de consacrer un tutoriel à la création d'un site web. Cet article s'adresse à des utilisateurs débutants. Je tenterai d'être le plus clair possible et de simplifier au maximum. Je vais séparer ce tutoriel en trois parties comme suit:

La première partie sera consacrée à des généralités sur le site web et à sa conception. J'évoquerai à cette occasion le HTML et les logiciels WYSIWYG.

Lors de la deuxième partie, j'aborderai l'hébergement de votre site web et la création du nom de domaine.

Enfin sur la dernière partie, je terminerai en expliquant la manière de mettre en site le ligne et donnerai quelques informations sur la manière de faire connaitre votre site.

Comment est constitué un site internet ?

Un site internet est un ensemble de pages web interconnectées, accessibles en ligne via un navigateur. L'interconnexion se fait par ce qu'on appelle un lien, il s'agit d'une partie de texte cliquable et qui redirige vers une autre page. Un site web permet de présenter des informations, des services, des contenus sur divers sujets, et ce à un public mondial. Il est à noter que sur tout site web il y a une page d'entrée. Elle porte très souvent le nom 'index' (index.hml, index.php,etc...)

Qu'est ce qu'une page web ?

Une page web est un document numérique affiché dans un navigateur internet. Elle contient généralement du texte, des images, et parfois d'autres éléments multimédias, le tout structuré à l'aide de code appelé HTML.

L'HTML (HyperText Markup Language) est un langage de balisage utilisé pour créer et structurer le contenu des pages web. Il utilise des balises pour définir les différents éléments d'une page, comme les titres, les paragraphes, les images et les liens.

Exemple d'une page web et de balises.

Le HTML permet uniquement d'afficher de l'information. Elle ne permet pas d'interaction avec l'utilisateur. Pour créer des sites web dynamiques, on utilise un autre langage complémentaire appelé le PHP. Il permet d'ajouter des fonctionnalités interactives aux pages web, comme traiter des formulaires, gérer des bases de données, ou personnaliser le contenu pour chaque visiteur. Nous n'irons pas plus loin concernant le PHP car il s'adresse à des personnes plus aguerries. Il est toutefois important de le mentionner car si vous vous intéressez davantage au HTML, vous vous apercevrez rapidement que ses possibilités sont limitées. Un site web plus évolué nécessite donc de compléter le HTML avec un autre langage dit de programmation comme le PHP.

Si après avoir lu ces quelques lignes, vous commencez déjà à vous décourager pensant que allez devoir écrire des lignes et des lignes de code. Rassurez vous il existe des solutions qui vont vous épargnez tout cela.

Avec quel outil créer ses pages web ?

Il existe deux possibilités: utiliser un logiciel sous Windows ou concevoir votre site avec un service en ligne. Je vais traiter uniquement de la première possibilité qui permet de mieux comprendre ce que l'on fait.

Le logiciel est un éditeur WYSIWYG (What You See Is What You Get). Le terme WYSIWYG est un acronyme pour "What You See Is What You Get", qui se traduit en français par "Ce que vous voyez est ce que vous obtenez". Un éditeur WYSIWYG permet à l'utilisateur de voir à l'écran pendant l'édition ce qu'il verra dans la version finale, une fois le document enregistré ou publié.

Par exemple, dans un éditeur de texte WYSIWYG, si vous appliquez une mise en forme en gras à une partie du texte, vous verrez immédiatement ce texte en gras à l'écran, et c'est exactement ainsi qu'il apparaîtra une fois la page web terminée. Ce type d'outil rend le processus de création beaucoup plus intuitif et visuel.

Il existe plusieurs logiciels de ce type. Nous allons en illustrer quelques uns:

Google SitesUn outil simple de Google pour créer des sites web basiques.
KompoZerUn éditeur WYSIWYG (What You See Is What You Get) facile à utiliser pour les débutants.
BlueGriffonUn autre éditeur WYSIWYG, plus moderne que KompoZer.
Microsoft Expression WebAnciennement payant, maintenant gratuit et assez facile à prendre en main.

BracketsUn éditeur de code léger avec aperçu en direct, bon pour les débutants qui veulent apprendre le code.

Votre site web composé de multiples pages html est enfin prêt. Pour l'instant ce site se trouve sur votre PC, si vous ouvrez votre page index.html, vous pouvez circuler sur les différentes pages de votre site. Mais comment fait-on pour rendre ce site visible au monde entier ? Nous le verrons dans le prochain tutoriel.