Contenu | Menu | Rechercher :
Le réseau des étudiants | Contact
Vous êtes ici : Le réseau social des étudiants ==> Les outils nécessaires à la conception de pages Web

Les outils nécessaires à la conception de pages Web

Avant de passer à la guerre Il faut s'équiper d'armes. C'est exactement ce à quoi nous allons se consacrer dans ce chapitre, on va se faire une armada d'armes Que de belles aventures nous attendent !

Introduction aux éditeurs de pages web

Pour créer une page web on peut se servir d'une gamme de programmes :

En général la plupart des webmasters y compris moi se servent de ces derniers car ils facilitent énormément le travail et comme vous le savez très bien un webmaster est avant tout quelqu'un de très fainéant html_xhtml_css

Les éditeurs ASCII

Bloc-notes

Le Bloc-notes est un éditeur de texte. Ne faites pas confusion entre un éditeur de texte et un logiciel de traitement de texte comme le Word, le premier permet d'enregistrer le texte brut alors que le second permet d'ajouter divers styles au texte (choix de la police, italique, gras, couleurs, bordures etc.). Voici à quoi ressemble le Bloc-notes :

Bloc-notes

La partie encerclée par le rouge représente les coordonnées du curseur de la souris, dans cette image dans le début à gauche de salut ce qui correspond à la cinquième ligne et la quatrième colonne. Si cette barre n'apparaît pas cliquez sur affichage puis cochez la barre d'état (elle peut être utile, en repérage des fautes, si par exemple le navigateur vous communique qu'il y a une faute dans telle ligne et telle colonne).

Notepad++

notepad++

Comme vous pouvez le constater, l'interface d'édition est plus conviviale et le code est coloré pour distinguer les balises, leurs attributs et les données qu'elles contiennent. Autre chose à signaler. Pour créer une page web rendez-vous dans le menu langage puis choisissez HTML.

Dans la barre d'état se trouvent des informations utiles en partant du gauche à droite, il y a en premier lieu le langage utilisé dans cet exemple HTML (HyperText Markup Language), puis le nombre total des caractères dans le document, ensuite les coordonnées du curseur comme dans le Bloc-notes.

Vous vous demandez certainement qu'est ce que ça va afficher ce bout de code. Eh ben une simple page qui affiche page d'essai comme titre dans la barre qui se trouve en haut de votre navigateur, et une petite phrase qui contient "salut tout le monde".

Quoi tout cela pour une simple misérable phrase html xhtml css pourquoi vous me regardez comme ça je suis pour rien moi html css xhtml

Les éditeurs WYSIWYG

Dreamweaver

Dreamweaver

C'est avec lui que j'ai crée la page que vous êtes en train de lire, la zone encerclée par le rouge vous offre trois possibilités de travail :

FrontPage 2000

front-page

Il ressemble à Dreamweaver, lui aussi propose les trois modes de travail comme vous pouvez le voir en bas de l'image. Mais FrontPage 2000 est doté d'un correcteur syntaxique très avancé par rapport à celui de Dreamweaver cs3 et c'est pour cela que je l'utilise parfois.

Choix entre les éditeurs de pages Web

Si vous n'avez pas d'argent html css xhtml utilisez le Notepad++, dans le cas contraire servez vous du Dreamweaver de préférence sinon FrontPage, et si vous êtes carrément quelqu'un de très riche pourquoi ne pas recourir à un webmaster html css xhtml comme moi, je suis sûr qu'on pourra conclure de bonnes affaires html css xhtml Ah là je rigole, j'arrive à peine de gérer mon site, et je n'ai pas l'intention de me lancer dans de nouvelles aventures.

Chapitre suivant : Les navigateurs Web (browsers) : Internet Explorer, Firefox, Netscape et Opera.

Cacher ce panneau   Accéder à la version étendue du chat

Cacher ce panneau