HTML / HyperText Markup Language
HTML est le langage le plus basique impliqué dans la création d'un site web. Il sert à construire la base ou la fondation du site web (les "éléments" du site web). Avec seulement HTML, on peut ajouter des images, ajouter du texte, ajouter un titre, ajouter un hyperlien, et plusieurs autres choses, mais notre page contiendra toujours un fond blanc, du texte noir, et les images seront mal organisé dans notre site web. Si souhaitez voir un exemple d'une page web faite seulement avec HTML, cliquez ici pour voire la page de languages sans CSS. Le langage de HTML fonctionne avec des "éléments", et sont représenté avec une section d'ouverture et une section de fermeture de l'élément.Un éléments d'ouverture est entouré avec les symboles "<" et ">", et un élément de fermeture est représenté de la même façon mais avec une barre oblique devant l'élément (ex: <p>bonjour</p> représente un élément de paragraph(p) et entre les éléments il y a le contenu). Un des éléments les plus utilisés est le <div>, car il permet de rentrer d'autres éléments dans lui même, sans causer de problèmes (il est utilisé comme contenant). Il faut aussi savoir qu'il éxiste des paramètres pour les éléments (certains spécifiques et d'autres non). Pour changer les paramètre d'un élément, il faut le mentionner dans l'ouverture (ex: <div class="contenant">Bonjour</div>). Pour la majorité des paramètres, ils ne sont pas obligés d'être définis, mais il y a certains qui sont cruciaux au fonctionnement de l'élément.
CSS / Cascading Style Sheets
Le langage de CSS est le langage utilisé pour décorer un site web. Il
fonctionne selon un élément d'HTML qu'il cible, et il y a plusieurs
façon de cibler un élément : premièrement, on peut simplement nommé le
type d'élément afin de le modifier (ex: pour cibler tous les
<p>, on dit juste "p".). Le format de texte pour décorer un
élément est comme ceci :
p {
décoration1: type;
décoration2: type;
}
Dans cet exemple, "p" fait référence à l'élément qu'on veut cibler,
les accolades délimitent l'endroit oû on place les styles, décoration1
et 2 sont les décorations qu'on veut et "type" représente un type de
décoration possible parmi cette décoration (ex: pour une couleure
rouge, on dirait : color: red; ). Il existe aussi une façon de décorer
seulement certains éléments, et même seulement certains même éléments
(seulement certains paragraphes). Pour faire cela, il faut ajouter une
classe à notre élément, qu'on a vu dans la section du HTML. Lorsqu'on
veut cibler une classe et non un élément, on ajoute un point devant le
nom de la classe (ex: pour la classe "contenant", on le cible de cette
façon : .contenant {} ). Finalement, on peut cibler des éléments ou
des classes qui sont entrés dans d'autres éléments, et on peut
énumérer plusieurs éléments/classes pour les mêmes styles. Pour des
éléments ou classes imbriqués, on laisse simplement un espace (ex: div
p {} / .contenant p {} ), et pour énumérer, on les sépare avec une
virgule (ex: div, p {} ). Les concepts les plus importants à apprendre
sont le modèle de boite en CSS ("CSS box model" en anglais), ainsi que
les deux types d'affichage commun, la grille ("grid" en anglais) et la
boite flexible ("flexbox" en anglais), et finalement, les positions.
C'est avec ces trois concepts principaux qu'on est capable de placer
tout ce qu'on veut n'importe oû.
JavaScript
JavaScript est le langage de programmation utilisée le plus dans la création de sites web. La raison pour laquelle je dit que JavaScript est la seule langue de programmation est parce qu'HTML et CSS ne fonctionne pas comme un langage de programmation. HTML est un langage de balisage, qui sert à créer des éléments, et css est un langage de style, qui peut seulement décorer des éléments d'HTML. Donc, le rôle de JavaScript est de rendre un site web interactif, permettant de modifier des éléments en vrai temps, de faire des calculs, etc. Ce n'est pas un langage qui est essentiel au fonctionnement d'un site web informatif, comme le miens, mais c'est le langage de programmation le plus utilisée car la majorité des site webs on besoin de traiter de l'information et de communiquer avec une base de données (ex: pour des comptes), comme des sites web de commerce électronique (Amazon). C'est aussi un langage très compliquée puisqu'il a beaucoup de fonctions à apprendre. Je n'ai pas utilisée JavaScript dans mon site web car il est toujours mieux d'éviter de l'utiliser s'il n'est pas nécéssaire. La raison pour cela est que certains moteurs de recherche désactivent JavaScript, et mêmes certaines personnes désactivent JavaScript car c'est un langage qui doit accéder à votre ordi (pour changer des informations dans le site web, par exemple).