Mis à part un ordinateur et une connexion Internet, la plupart des outils dont vous avez besoin pour créer un site Web sont logiciels, dont certains sont peut-être déjà sur votre ordinateur. Vous avez besoin d'un éditeur de texte ou HTML, d'un éditeur graphique, de navigateurs Web et d'un client FTP pour télécharger des fichiers sur votre serveur Web.
Choisir un éditeur de texte ou HTML de base
Vous pouvez écrire du HTML dans un éditeur de texte brut tel que Bloc-notes sous Windows 10, TexteModifier et Sublime Text sur un Mac, ou Vi ou Emacs sous Linux. Vous créez le codage HTML de la page, enregistrez le document en tant que fichier Web et l'ouvrez dans un navigateur pour vous assurer qu'il ressemble à ce qu'il est censé.
Si vous souhaitez plus de fonctionnalités qu'un éditeur de texte brut, utilisez plutôt un éditeur HTML. Les éditeurs HTML reconnaissent le code et sont capables d'identifier les erreurs de codage avant de lancer le fichier. Ils peuvent également ajouter des balises de fermeture que vous oubliez et mettre en évidence les cassures
liens. Ils reconnaissent et prennent en charge d'autres langages de codage tels que CSS, PHP et JavaScript.Les nombreux éditeurs HTML sur le marché varient du niveau basique au niveau professionnel. Si vous débutez dans la rédaction de pages Web, l'un des WYSIWYG (Ce que vous voyez est ce que vous obtenez) les éditeurs pourraient fonctionner le mieux pour vous. Certains éditeurs n'affichent que le code, mais certains vous permettent de basculer entre les vues de codage et les vues visuelles. Voici quelques-uns des nombreux éditeurs Web HTML disponibles:
- IDE de Komodo et son interface conviviale conviennent aux développeurs Web débutants et avancés. La fonction de saisie semi-automatique de Komodo IDE est particulièrement pratique lorsque vous écrivez du code pour des éléments communs tels que des liens. Le logiciel prend en charge le codage couleur de différents langages de codage tels que HTML, CSS et bien d'autres. Komodo IDE fonctionne sur Windows, Mac et Linux.
- Éditeur HTML CoffeeCup est particulièrement utile pour les nouveaux développeurs qui sont plus intéressés par l'apprentissage du code que par une interface visuelle. Cet éditeur robuste est livré avec des modèles et dispose de vérificateurs de validation pour vous aider à garder votre code exempt d'erreurs. Il inclut la complétion de code et prend en charge d'autres langages de codage vous pouvez utiliser en conjonction avec HTML. Le logiciel met en évidence les erreurs, explique pourquoi elles sont apparues et vous indique comment les corriger. CoffeeCup HTML Editor fonctionne sous Windows.
- Mobiliser est un éditeur HTML pour les personnes qui ne veulent pas s'impliquer dans le code. Il s'agit de choisir un thème puis en faisant glisser et en déposant des éléments sur la page. Ajoutez du texte comme vous le feriez dans un éditeur de texte classique et insérez des images, des vidéos ou des icônes, le tout sans écrire de code; Mobirise fait cette partie pour vous. Mobirise est disponible pour Windows et Mac, et il est gratuit.
Navigateurs Web
Les sites Web peuvent avoir une apparence différente d'un navigateur à l'autre, il est donc crucial de tester vos pages Web pour vous assurer qu'elles ont l'apparence et qu'elles fonctionnent comme prévu. Chrome, Firefox, Safari (Mac), Opéra, et Edge (Windows) sont les navigateurs les plus populaires.
Vous devez également tester l'apparence et le fonctionnement de vos pages dans les navigateurs mobiles. La plupart des navigateurs de bureau offrent la possibilité d'afficher des sites Web dans des fenêtres de tailles différentes. Par exemple, une multitude d'outils de test est disponible dans Google Chrome à l'adresse Vue > Développeur > Outils de développement. Sélectionnez l'icône du smartphone en haut à gauche de la fenêtre du développeur pour voir n'importe quelle page dans des fenêtres de tailles différentes et des systèmes d'exploitation mobiles.
Éditeur graphique
Le type d'éditeur graphique dont vous avez besoin dépend de votre site Web. Adobe Photoshop est l'étalon-or, mais vous n'aurez peut-être pas besoin d'autant de puissance. De plus, vous aurez peut-être besoin d'un programme de graphisme vectoriel pour le travail de logo et d'illustration. Voici quelques éditeurs graphiques à consulter pour le développement Web de base:
- GIMP est un programme de retouche photo gratuit et open source qui offre de nombreuses fonctionnalités de ses concurrents les plus chers. Comme logiciels open source, il est disponible pour Windows, Mac et Linux.
- Éléments Photoshop pour Mac et PC est une version allégée de son homonyme mais possède de nombreuses fonctionnalités.
- Corel PaintShop Pro for PCs contient presque tous les outils que vous trouverez dans Photoshop dans une interface facile à utiliser.
- Inkscape pour Windows, Mac et Linux est un éditeur de graphiques vectoriels gratuit. Cette alternative à l'illustrateur Adobe, plus coûteux, a des capacités plus que suffisantes pour des travaux de conception simples et des graphiques Web.
Client FTP
Vous avez besoin d'un client FTP (protocole de transfert de fichiers) pour transférer vos fichiers HTML et les images et graphiques de prise en charge vers votre serveur Web. FTP est disponible via la ligne de commande sous Windows, Macintosh et Linux, mais un client FTP dédié est beaucoup plus facile à utiliser. Le haut Clients FTP inclure:
- FichierZilla (gratuit) est disponible pour Windows, Mac et Linux. Il prend en charge les transferts de fichiers par glisser-déposer et dispose d'une fonction de pause et de reprise pour télécharger des fichiers volumineux.
- Cybercanard est un logiciel gratuit, open source et multiplateforme connu pour son intégration transparente avec des éditeurs externes et son interface utilisateur attrayante.
- FTP gratuit et FTP direct sont fabriqués par la même entreprise. Free FTP est un client minimaliste qui répond aux besoins de base en matière de transfert de fichiers. Direct FTP est une version premium qui offre des fonctionnalités avancées. Les deux versions sont prises en charge par Windows 7, 8 et Vista, mais seul Direct FTP convient à Windows 10.
- Transmettre est un client FTP premium pour Mac uniquement. Il facilite les transferts exceptionnellement rapides et prend en charge Amazon CloudFront.
- FTP mignon est un puissant client FTP premium que vous pouvez utiliser pour effectuer jusqu'à 100 transferts en même temps. Il est considéré comme l'un des clients FTP les plus sécurisés disponibles.