Dans cet article, nous listons les logiciels nécessaires pour éditer, mettre en ligne ou consulter un site web.
| Prérequis : | Vous devriez déjà connaître la différence entre une page web, un serveur web et un moteur de recherche. |
|---|---|
| Objectifs : | Connaître les logiciels qui sont nécessaires pour créer, éditer, mettre en ligne ou consulter un site web. |
La plupart des logiciels nécessaires au développement d'un site web peuvent être téléchargés gratuitement sur Internet. Quelques liens seront fournis au fur et à mesure de l'article. Vous aurez besoin d'outils pour :
- Créer et éditer des pages web
- Téléverser (uploader) vos fichiers vers votre serveur web
- Visualiser votre site web.
Tous les systèmes d'exploitation (ou presque) possèdent par défaut un éditeur de texte et un outil pour visualiser des sites web (qu'on appellera un navigateur web). Seul l'outil qui permet de transférer les fichiers vers votre serveur web pourrait manquer à l'appel.
Pédagogie active
Il n'y a, pour le moment, pas de matériau pour la pédagogie active. Cependant, vous pouvez contribuer.
Aller plus loin
Créer et éditer des pages web
Pour créer et éditer un site web, vous aurez besoin d'un éditeur de texte. Les éditeurs de texte permettent de créer et de modifier des fichiers dont le contenu est du texte, sans aucune mise en forme (d'autres formats comme RTF vous permettent d'ajouter une mise en forme sur un fichier (comme le gras ou le soulignement) mais ils ne sont pas utilisables pour écrire des pages web). Le choix d'un éditeur de texte est important car vous allez devoir l'utiliser de façon intensive lorsque vous allez construire votre site.
Tous les systèmes d'exploitations possèdent un éditeur de texte basiques par défaut. Ces éditeurs sont plutôt simples à manipuler mais n'ont pas toutes les fonctionnalités qui sont utiles dans le cadre du développement web. Si vous souhaitez choisir un autre éditeur que celui par défaut, il y en a une myriade qui sont disponibles, dont certains gratuits. Les éditeurs de texte tiers pourront inclure des fonctionnalités supplémentaires comme la coloration syntaxique, l'auto-complétion, le repli de sections, la recherche avancée, etc. Voici une très courte liste d'éditeurs disponibles :
| Système d'exploitation | Éditeur natif par défaut | Éditeur tiers |
|---|---|---|
| Windows | Bloc-notes | Notepad++ |
| Mac OS | TextEdit | TextWrangle |
| Linux | Vi (tout système UNIX) GEdit (Gnome) Kate (KDE) LeafPad (Xfce) |
Emacs Vim |
Voici une capture d'écran qui illustre l'allure d'un éditeur de texte avancé (ici Notepad++) :
Transférer des fichiers vers un serveur web
Lorsque votre site web est peaufiné, testé et est prêt à être publié, vous devrez téléverser (uploader) vos fichiers vers votre serveur web (pour l'achat de l'espace serveur, voir l'article combien ça coûte de publier quelque chose sur le Web ?). Une fois que vous disposez d'un serveur via votre fournisseur, celui-ci vous enverra les informations d'accès FTP (pour File Transfer Protocol ou protocole de transfert de fichiers). Le téléversement des fichiers vers un serveur web est une étape importante dans la publication d'un site web et nous la décrivons beaucoup plus en détails dans un article à part. Voyons tout de même une liste de clients FTP basiques :
| Système d'exploitation | Logiciel client FTP | |
|---|---|---|
| Windows | WinSCP | FileZilla (tout système d'exploitation) |
| Linux | Nautilus (Gnome) Konqueror (KDE) |
|
| Mac OS | Cyberduck | |
Visualiser des sites web
Comme vous le savez sans doute déjà, vous avez besoin d'un navigateur web pour visualiser des pages web. De nombreux navigateurs existent que vous pouvez utiliser de façon personnelle. Toutefois, lorsqu'on développe un site web, il faut au moins le tester sur les navigateurs les plus utilisés afin de s'assurer que le site fonctionne pour la plupart des personnes :
Si votre site s'adresse à un public particulier (par exemple un pays spécifique ou une plate-forme donnée), vous pourrez avoir à tester votre site sur des navigateurs supplémentaires comme Opera, Dolphin ou UC Browser.
Cela se complique quand on réalise que certains navigateurs ne fonctionnent que sur certains systèmes d'exploitation. Apple Safari ne fonctionne que sur iOS et Mac OS, Internet Explorer ne fonctionne que sur Windows, etc. Face à ce problème, mieux vaut tirer parti de services comme Browsershots ou Browserstack. Browsershots fournit des captures d'écran de votre site, tel qu'il est rendu dans les différents navigateurs. Browserstack vous permet de complètement contrôler des machines virtuelles afin que vous puissiez tester votre site sur les environnements les plus fréquents. Sinon, vous pouvez mettre en place votre propre machine virtuelle mais cela demandera quelques connaissances (si vous choisissez cette option, Microsoft met à disposition, sur modern.ie, une machine virtuelle prête à être utilisée).
Dans tous les cas, vous devrez tester votre site sur de vrais appareils, notamment pour les appareils mobiles. La simulation mobile en est encore à ses débuts et est moins stable que la simulation d'ordinateur fixes. Bien entendu, acquérir des appareils mobiles représente un certain budget et nous vous conseillons de consulter l'initiative Open Device Lab. Vous pouvez également partager les appareils à plusieurs si vous souhaitez tester sur un maximum de plates-formes sans trop dépenser.
Prochaines étapes
- Certains de ces logiciels sont libres et/ou gratuits, d'autres ne le sont pas. En savoir plus sur le coût d'un site web.
- Si vous souhaitez en apprendre plus sur les éditeurs de texte et choisir celui qui sera le plus adapté, consultez notre article sur comment choisir, installer et paramétrer son éditeur de texte.
- Si vous vous demandez comment publier votre site web sur le Web, jetez un coup d'œil à « Comment transférer des fichiers vers un serveur web ».