Editeur de texte Notepad++

Installation de Notepad++

Nous allons voir dans ce chapitre comment utiliser Notepad++ et comment créer une page web à partir de cet éditeur.

notepad++

Téléchargement du logiciel:

Installation:

raccourcie notepad++Lancer l'installateur et suivez la procédure pour enregistrer Notepad++ sur votre ordinateur.
Une fois fait, vous vous retrouvez avec un raccourcie comme celui-ci.
Cliquez sur l'icone de Notepad++ pour l'ouvrir.



Sélection du langage :

Sélectionnez "Langage" dans la barre du haut puis "HTML".

Sélection du langage notepad++

Voila, nous pouvons maintenant commencer notre première page LOL.

Créer une page avec Notepad++

Pour créer une page web avec Notepad++, rien de plus simple. Nous prenons dabord la structure de base d'une page comme ci dessous:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/ 
TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 <head>
 <title>Ma première page</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 </head>
<body>
 
</body>
</html>

Ce qui nous donne comme résultat sous Notepad++ :

notepadd++-structure de base

Enregistrer un fichier :

Pour enregistrer un fichier, nous allons procéder en 2 étapes.

Première étape, création d'un dossier sur votre bureau.

Faite un simple clique droit de votre souris sur votre bureau puis faite: Nouveau -> Dossier .
Renommer ce dossier en ce que vous voulez (moi je l'ai nommé "site"). Ce dossier servira à enregistrer vos fichiers XHTML.

créer un dossier

Seconde étape, enregistrer le fichier XHTML dans votre nouveau dossier.

Nous retournons sous Notepad++ dans laquelle notre page de base XHTML nous attend. Cliquez sur l'onglet "Fichier" en haut à gauche du menu puis sur "Enregistrer sous ...". Une nouvelle fenêtre s'ouvre vous permettant de sélectionner le dossier que vous avez créé. Avant d'enregister le document, vous devez renseigner la partie "Nom du fichier" et  "Type".

Nom du fichier correspond au nom que vous allez donner à votre page. Pour ma part je vais la nommer "Index".
Le type correspond à l'extension de votre fichier. Nous sommes actuellement sur du XHTML, nous choisissons donc dans cette partie du ... XHTML .

C'est fait ?

Reste plus qu'à cliquer sur le bouton "Enregistrer".

En image :

enregistrer un document XHTML sous Notepad

logo lumièreUn moyen plus rapide pour enregistrer un document sous Notepad++ est de cliquer directement sur le logo représentant une "biscotte" sous l'onglet "Edition" lol.

Et après ...?

Rendons nous sur le dossier qui contient le fichier XHTML fraichement créé. Pour moi, il se trouve donc sur mon bureau dans le dossier "site".

document XHTML
Ce dossier contient normalement 1 fichier XHTML ... sinon dit, votre 1ere page lol.
Allé, soyons fou et cliquons sur ce fichier pour voir ce qui se passe!

grrrr Hoooo, c'est vide, tout sa pour rien, tu t'est foutu de nous!

Heuuuuu .. ouai ! .................................................................... Mais non.

En réalité cette page n'est pas si vide que ça à y regarder de plus près...

Dabord, elle contient tout les éléments de base d'une page XHTML.

Elle contient un DOCTYPE permettant de dire au navigateur que la page est du XHTML et quelle est la version utilisé.
Elle indique dans quelle langue est rédigée votre page.
Elle indique quelle type d'encodage utilise la page.
Elle indique aux moteurs de recherches quelle est son titre.

Et toc ...!

Voir/déposer un commentaire (2) | Signaler un problème