Dans le cours : HTML : Les images responsive

Installer les outils - Tutoriel HTML

Dans le cours : HTML : Les images responsive

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Installer les outils

“

Pour débuter, nous allons passer en revue les outils dont vous aurez besoin pour tirer pleinement partie de cette formation. Alors, il y a deux outils indispensables. Le premier, c'est un navigateur web, et là, n'importe quel navigateur web moderne fera l'affaire, vous n'êtes pas obligé d'utiliser le même que moi. Deuxième outil indispensable, c'est un éditeur de code. Pour ma part, je vais utiliser Visual Studio Code, mais de nouveau, vous n'êtes pas obligé d'utiliser le même éditeur que moi, d'ailleurs n'hésitez pas à utiliser l'éditeur de code avec lequel vous êtes habitué à travailler. J'ai choisi VS Code parce que c'est un excellent éditeur, c'est édité par Microsoft, c'est gratuit, c'est très populaire parmi les développeurs web. VS Code existe pour toutes les plateformes, nous avons des versions pour MacOS, Windows et Linux, et puis surtout dans VS Code, il y a un énorme écosystème d'extension. Si vous choisissez d'utiliser VS Code, eh bien la première fois que vous ouvrirez le logiciel, vous tomberez sur un écran qui ressemble à celui-ci, Il sera probablement en anglais d'ailleurs cet écran, et je vous invite alors à cliquer sur l'icône des extensions qui se trouve ici, tout à fait à gauche, Et vous allez installer deux extensions dans VS Code. La première, c'est le French language Pack for Visual Studio Code. Cette extension vous permet d'avoir VS Code en français. La deuxième extension dont nous aurons besoin, c'est le Live Server. Cette extension installe un petit serveur web de test sur votre machine, vous allez voir que c'est très pratique et très facile à utiliser. Pour installer ces extensions, c'est très simple, il vous suffit de taper un mot clé ici dans le champ de recherche, et une fois que vous trouvez alors l'extension dans les résultats, il suffit de cliquer sur le petit bouton bleu Installer que vous découvrirez dans les résultats de votre recherche. Donc voilà pour les deux outils indispensables, le navigateur web et l'éditeur de code. Il y a encore deux autres outils, mais ceux-là sont optionnels. Le premier des deux, c'est un éditeur d'image Bitmap, Et dans mon cas, je vais utiliser Adobe Photoshop, mais n'hésitez pas de nouveau à utiliser n'importe quel éditeur d'image bitmap un peu professionnel à votre disposition. L'autre outil optionnel, ce sera aussi un éditeur d'image, mais un éditeur d'image vectoriel cette fois. Ce sera pour moi Adobe Illustrator, mais là aussi, n'hésitez pas à utiliser le logiciel d'image vectorielle à votre disposition. Eh bien voilà, nous sommes prêts à débuter cette formation sur les images en HTML.

Table des matières