Les outils de base nécessaires à la conception Web sont incroyablement simples. Outre un ordinateur et une connexion Internet, la plupart des outils dont vous avez besoin pour créer un site Web sont des logiciels, dont certains sont peut-être déjà installés 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 tel que Notepad sous Windows 10, TextEdit sur Mac ou Vi ou Emacs sous Linux. Vous saisissez le code HTML, enregistrez le document en tant que fichier Web et ouvrez-le dans un navigateur pour vous assurer qu'il ressemble.
Si vous souhaitez plus de fonctionnalités que celles que vous trouvez dans un éditeur de texte brut, utilisez plutôt un éditeur HTML. Les éditeurs HTML reconnaissent le code et peuvent identifier les erreurs de code avant de lancer le fichier. Ils peuvent également ajouter des balises de fermeture que vous avez oubliées et mettre en évidence les liens rompus. Ils reconnaissent et prennent en charge d'autres langages de codage tels que CSS, PHP et JavaScript.
Il existe de nombreux éditeurs HTML sur le marché et ils varient du logiciel de base au logiciel de niveau professionnel. Si vous débutez dans la rédaction de pages Web, l’un des éditeurs WYSIWYG (ce que vous voyez est ce que vous obtenez) peut fonctionner de manière optimale. Certains éditeurs affichent uniquement le code, mais avec certains d'entre eux, vous pouvez basculer entre les vues de codage et les vues visuelles. Voici quelques-uns des nombreux éditeurs Web HTML disponibles:
- Komodo IDE et son interface conviviale conviennent aux développeurs Web débutants et avancés. La fonctionnalité de saisie semi-automatique de Komodo IDE est particulièrement pratique pour les nouveaux développeurs car elle sait écrire du code pour des éléments communs tels que des liens. Le logiciel prend en charge le codage couleur de différents types de codage tels que HTML, CSS et de nombreux autres langages de codage. Komodo IDE est un logiciel multi-plateforme fonctionnant sous Windows, Mac et Linux.
- CoffeeCup éditeur HTML s'adresse aux nouveaux développeurs qui sont plus intéressés par l'apprentissage du code que par une interface visuelle. Cet éditeur robuste est fourni avec des modèles et des vérificateurs de validation pour que votre code soit sans erreur. Il inclut la complétion de code et prend en charge d'autres langages de codage que vous pouvez utiliser avec HTML. Les débutants apprécieront lorsque le logiciel met en évidence les erreurs dans le code, explique pourquoi elles sont apparues et indique au développeur comment les corriger. CoffeeCup HTML Editor s'exécute sous Windows.
- Mobirise est un éditeur HTML pour les personnes qui ne veulent pas s’impliquer avec du code. Il s’agit de choisir un thème, puis de faire glisser et de déposer des éléments sur la page. Ajoutez du texte comme dans un éditeur de texte standard 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 est gratuit.
Navigateurs Web
Testez vos pages Web dans un navigateur pour vous assurer qu'elles vous ressemblent avant de lancer la page. Chrome, Firefox, Safari (Mac) et Internet Explorer (Windows) sont les navigateurs les plus populaires. Vérifiez votre code HTML dans autant de navigateurs que vous avez sur votre ordinateur et téléchargez également des navigateurs moins connus, tels qu'Opera.
Éditeur graphique
Le type d’éditeur graphique dont vous avez besoin dépend de votre site Web. Bien qu'Adobe Photoshop soit le standard idéal pour travailler avec des photos, vous n'avez peut-être pas besoin de tant de puissance. Vous préférerez peut-être un programme graphique vectoriel pour le travail de logo et d'illustration. Quelques éditeurs graphiques à examiner pour une utilisation de base du développement Web incluent:
- GIMP est un programme de retouche photo gratuit et à code source ouvert offrant de nombreuses fonctionnalités de ses concurrents plus onéreux. En tant que logiciel open source, il est disponible pour Windows, Mac et Linux.
- Photoshop Elements pour Mac et PC est un éditeur d’image qui est une version allégée de son nom mais avec beaucoup de puissance pour travailler avec des graphismes pour le Web.
- Corel PaintShop Propour PC contient presque tous les outils utiles que vous trouvez dans Photoshop et une interface facile à utiliser.
- Inkscape pour Windows, Mac et Linux est un éditeur de graphiques vectoriels gratuit. Cette alternative au plus coûteux Adobe Illustrator dispose de suffisamment de puissance pour un travail de conception simple et des graphiques Web.
Client FTP
Vous avez besoin d’un client FTP pour transférer vos fichiers HTML et les images et graphiques correspondants sur votre serveur Web. Bien que FTP soit disponible via la ligne de commande sous Windows, Macintosh et Linux, il est beaucoup plus facile d’utiliser un client. Il existe de nombreux clients FTP de bonne qualité disponibles, notamment:
- FileZilla est un client FTP gratuit disponible pour Windows, Mac et Linux. Il prend en charge les transferts de fichiers par glisser-déposer et dispose d'une fonctionnalité de pause et de reprise pour le téléchargement de fichiers volumineux.
- Cyberduck est un logiciel libre, multi-plateformes, à code source libre, reconnu pour son intégration transparente avec les éditeurs externes et son interface utilisateur attrayante.
- FTP gratuit et FTP direct sont fabriqués par la même société. Free FTP est un client minimaliste, mais il répond à tous les besoins de base en matière de transfert de fichiers. Direct FTP est une version premium offrant des fonctionnalités avancées. Les deux versions sont prises en charge par Windows 7,8 et Vista, mais seul le Direct FTP convient à Windows 10.
- Transmettre est un client FTP premium, réservé aux Mac. 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 du marché.
