From c0b4832a1956255c94cb2d45b1f1737ac63e3984 Mon Sep 17 00:00:00 2001 From: Leonid Vinogradov Date: Fri, 10 May 2024 20:48:29 +0300 Subject: [PATCH] [fr] remove links to Internet Explorer and UC Browser (#20226) * remove links to Internet Explorer and UC Browser * updt: refreshing content to latest source commit --------- Co-authored-by: tristantheb --- .../what_software_do_i_need/index.md | 244 ++++++++++++++---- 1 file changed, 192 insertions(+), 52 deletions(-) diff --git a/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md index 7641694b72d737..ba950e6c18f826 100644 --- a/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md +++ b/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md @@ -1,8 +1,12 @@ --- title: De quels logiciels ai-je besoin pour construire un site web ? slug: Learn/Common_questions/Tools_and_setup/What_software_do_I_need +l10n: + sourceCommit: 721a334af54dd04cbd005bb91edc2c8ce2ad4744 --- +{{QuicklinksWithSubPages("Learn/Common_questions")}} + Dans cet article, nous listons les logiciels nécessaires pour éditer, mettre en ligne ou consulter un site web. @@ -11,7 +15,7 @@ Dans cet article, nous listons les logiciels nécessaires pour éditer, mettre e
Prérequis : Vous devriez déjà connaître - la différence entre une page web, un serveur web et un moteur de recherche. @@ -27,25 +31,27 @@ Dans cet article, nous listons les logiciels nécessaires pour éditer, mettre e
-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 : +Vous pouvez télécharger gratuitement la plupart des programmes dont vous avez besoin pour le développement Web. Nous fournirons quelques liens dans cet article. + +Vous aurez besoin d'outils pour : -1. Créer et éditer des pages web -2. Téléverser (_uploader_) vos fichiers vers votre serveur web -3. Visualiser votre site web. +- 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. +Presque tous les systèmes d'exploitation incluent par défaut un éditeur de texte et un navigateur, que vous pouvez utiliser pour afficher des sites Web. Par conséquent, il vous suffit généralement d'acquérir un logiciel permettant de transférer des fichiers vers votre serveur Web. ## Pédagogie active -_Il n'y a, pour le moment, pas de matériau pour la pédagogie active. [Cependant, vous pouvez contribuer](/fr/docs/MDN/Débuter_sur_MDN)._ +_Il n'y a, pour le moment, pas de matériau pour la pédagogie active. [Cependant, vous pouvez contribuer](/fr/docs/MDN/Community/Contributing/Getting_started)._ ## 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 **{{Glossary("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. +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](/fr/docs/Glossary/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 basique par défaut. Ces éditeurs sont plutôt simples à manipuler mais n'ont pas certaines fonctionnalités utiles au 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 : +Tous les systèmes d'exploitations possèdent un éditeur de texte basique par défaut. Ces éditeurs sont plutôt simples à manipuler mais n'ont pas certaines fonctionnalités utiles au 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 : @@ -71,12 +77,42 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d @@ -85,7 +121,8 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d @@ -110,11 +168,15 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d @@ -148,24 +244,33 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d
  • - TextEdit
    • @@ -94,14 +131,35 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d
  • - Vi + Vi (tout système UNIX)
  • - GEdit (Gnome) @@ -128,18 +190,52 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d (KDE)
  • - LeafPad (Xfce) + LeafPad + (Xfce)
-Voici une capture d'écran qui illustre l'allure d'un éditeur de texte avancé (ici Notepad++) : +Voici une capture d'écran qui illustre l'allure d'un éditeur de texte avancé (ici Notepad++) : + +![Impression d'écran de Notepad++.](notepadplusplus.png) + +Voici une capture d'écran d'un éditeur de texte en ligne : -![Screenshot of Notepad++.](NotepadPlusPlus.png) +![Impression écran de ShiftEdit](shiftedit.png) ### 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 ?](/fr/docs/Learn/How_much_does_it_cost)). 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), souvent en donnant une URL SFTP, un nom d'utilisateur, un mot de passe et d'autres informations nécessaires à la connexion au serveur. Sachez toutefois que le FTP est une technique vieillissante et que de nouveaux systèmes commencent à devenir populaires, comme [RSync](https://en.wikipedia.org/wiki/Rsync) et [Git/Github](https://help.github.com/articles/using-a-custom-domain-with-github-pages). +Lorsque votre site web est peaufiné, testé et est prêt à être publié, vous devrez téléverser (uploader en anglais) 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 ?](/fr/docs/Learn/Common_questions/Tools_and_setup/How_much_does_it_cost)). 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), souvent en donnant une URL SFTP, un nom d'utilisateur, un mot de passe et d'autres informations nécessaires à la connexion au serveur. Sachez toutefois que le FTP est une technique vieillissante et que de nouveaux systèmes commencent à devenir populaires, comme [RSync](https://en.wikipedia.org/wiki/Rsync) et [Git/Github](https://help.github.com/articles/using-a-custom-domain-with-github-pages). > **Note :** FTP est par nature non sécurisé. Vous devez toujours vous assurer que votre fournisseur d'hébergement vous autorise à vous connecter de manière sécurisée, c'est-à-dire via SFTP (_Secure_ FTP) ou via RSync avec SSH. -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](/fr/docs/Learn/Upload_files_to_a_web_server). Voyons tout de même une liste de clients FTP basiques : +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](/fr/docs/Learn/Common_questions/Tools_and_setup/Upload_files_to_a_web_server). Voyons tout de même une liste de clients FTP basiques : @@ -179,43 +284,78 @@ Le téléversement des fichiers vers un serveur web est une étape importante da - + - + + + + + +
WindowsWinSCP + WinSCP + - FileZilla (tout système - d'exploitation) + FileZilla + (tout système d'exploitation)
Linux - Nautilus - (Gnome)
Konqueror (KDE) + Nautilus + (Gnome)
+ Konqueror + (KDE)
Mac OSCyberduck + Cyberduck +
ChromeOS +
    +
  • + ShiftEdit + (tout système d'exploitation) +
    • +
+
### 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](http://en.wikipedia.org/wiki/List_of_web_browsers) 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 : +Comme vous le savez sans doute déjà, vous avez besoin d'un navigateur web pour visualiser des pages web. De [nombreux](https://fr.wikipedia.org/wiki/Liste_de_navigateurs_web) 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 : -- [Mozilla Firefox](https://www.mozilla.org/firefox/new/) -- [Google Chrome](https://www.google.fr/chrome/browser/) -- [Microsoft Internet Explorer](http://windows.microsoft.com/fr-fr/internet-explorer/download-ie) -- [Apple Safari](http://www.apple.com/safari/) +- [Mozilla Firefox](https://www.mozilla.org/fr/firefox/new/) +- [Google Chrome](https://www.google.com/chrome/) +- [Apple Safari](https://www.apple.com/safari/) -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](http://www.opera.com/), [Dolphin](http://dolphin.com/) ou [UC Browser](http://www.ucweb.com/ucbrowser/). +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](https://www.opera.com/fr) ou [Konqueror](https://apps.kde.org/fr/konqueror/). -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](http://browsershots.org/) ou [Browserstack](http://www.browserstack.com/). 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](https://modern.ie), une machine virtuelle prête à être utilisée). +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](https://browsershots.org/) (en anglais) ou [Browserstack](https://www.browserstack.com/) (en anglais). 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 configurer vos propres machines virtuelles, mais cela nécessite une certaine expertise. Voir [Stratégies pour effectuer des tests : constituer un laboratoire de tests](/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#putting_together_a_testing_lab) pour plus d'informations. -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](http://opendevicelab.com/). Vous pouvez également partager les appareils à plusieurs si vous souhaitez tester sur un maximum de plates-formes sans trop dépenser. +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 (en anglais)](https://www.smashingmagazine.com/2016/11/worlds-best-open-device-labs/#odls-have-opened-doors-for-idls). 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.](/fr/docs/Learn/How_much_does_it_cost) -- 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](/fr/Apprendre/Choisir_installer_paramétrer_un_é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 »](/fr/docs/Apprendre/Upload_files_to_a_web_server). +- 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.](/fr/docs/Learn/Common_questions/Tools_and_setup/How_much_does_it_cost) +- 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](/fr/docs/Learn/Common_questions/Tools_and_setup/Available_text_editors). +- 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 »](/fr/docs/Learn/Common_questions/Tools_and_setup/Upload_files_to_a_web_server).