Depuis mercredi 24 janvier, les cours ont consisté à apprendre les bases du html en utilisant Brackets, un logiciel open source, ainsi que le traitement d’images avec le logiciel Photoshop.
Avec Brackets, j’ai commencé par créer une page html nommée L’image et et le Web, site d’entraînement à la préparation des images pour le Web. Puis, j’ai intégré les balises de base, telles que !DOCTYPE html, <html>, <head>, <body>, <header>, <main> et <footer>, qui structurent la page.
En suivant, j’ai mis en place une liste avec les balises <ul> et <li> dans la balise <nav> pour la navigation, notamment pour une barre de menus avec les liens architecture.html, portraits.html, pixelart.html, vecteurs.html, dessin.html et techniques.html, dans la but de renvoyer vers de nouvelles pages.
Enfin, dans la page d’exercice nommée architecture.html, j’ai créé une autre liste avec quatre vignettes qui renvoient sur leurs images respectives.
La deuxième partie a été d’utiliser le logiciel Photoshop. Je m’en suis servi à redimensionner des images libres de droit qu’il aura fallu aller chercher sur Internet. Après avoir sauvegardé chaque image sous le format psd, j’ai dû créer deux formats d’image différents pour chacune d’elles ; l’une avec au moins 400 px de haut, et l’autre retravaillée en format carré de dimensions 128×128 px, qui servira de vignette.
