Source 1 : Courte introduction pour HTML -- Voire vidéo ici

Voici la première vidéo que j'ai visionnée lors de ce projet. Cette vidéo m'a donné une perspective globale du fonctionnement d'un site web, de comment comment créer du code, ainsi qu'une courte introduction aux langages HTML et CSS. Je trouve que cette vidéo vous donnerai une très bonne idée de la procédure de création d'un site web. Les concepts les plus importants que j'ai appris dans cette vidéo sont :
⇒ Les éléments dans un site web (le squelette) : la tête (head) et le corps (body) qui seront plus développés dans la section langages.
⇒ Deux sites web pour valider le code (un pour chaque langage). Ces sources sont utiles parce qu'elles peuvenet trouver des erreures dans votre code, mais elles sont surtout utiles pour écrire du code HTML qui est accessible, ce qui veut dire qu'il facilitera la navigation de votre site web fait par un moteur de recherche.
⇒ Commment les sites webs fonctionnent (les requêtes faites par vous aux serveurs, et les réponses provenant des serveurs) et le role des langages utilisés lors de la création d'un site web.
Même si cette vidéo vous donne une bonne idée du fonctionnement des langages de code, elle ne vous apprenderait pas grand chose. Certains des éléments qui sont les plus importants (selon moi) qui ne sont pas là sont : la commande <div>, le modèle de boite qui entoure tous les éléments (qui est modifiable avec CSS), ainsi que les deux types d'affichages d'un groupe d'éléments avec CSS ("flexbox" et "grid").

Source 2 : Le guide parfait aux deux langages -- Voire vidéo ici

Cette vidéo est celle qui m'a appris la majorité de tout ce que je connais dans ces deux langages. Dans cette vidéo, le créateur commence avec des pages très simples en démontrant des concepts très simples, comme la première vidéo que j'ai vu. Ensuite, il commence la création d'une page qui sera identique à la page principale de YouTube. Afin de créer cette page, il commence chaque section sur une autre page en démontrant le concept qu'il veut apprendre, et ensuite comment l'intégrer dans la page principale de la vidéo. Il parle de tous les concepts les plus importants, leurs utilités, et donne une grande quantité d'exercices pour chaque concept afin de se pratiquer et le maitriser. Selon moi, cette vidéo vous donne presque tout dont vous avez besoin afin de vous créer un site web de base, comme celui que j'ai fait. Je considère cette source comme étant celle qui a fonctionnée le mieux (pour moi), en termes de la quantité que j'ai appris mais aussi de ma compréhension des concepts appris : Je pense que des tutoriels en vidéos sont plus avatangeux lorsqu'on commence à apprendre à coder, puisque les créateurs ont souvent un ordre établi selon la difficulté des concepts, et que les pages webs ont souvent beaucoup d'information est moins d'explications, mais tout dépend de la personne.

Source 3 : Un aide mémoire et un outil parfait : W3schools -- Voire source ici

Voici la première et la seule source qui est un site web. La raison pour laquelle je ne parle pas trop de sites web dans me sources, et pourquoi je ne les recommende pas est parce que c'est habituellement moins interactif, dans le sens qu'il faut habituellement cliquer sur pleins de liens afin d'arriver à la prochaine leçon, et lorsqu'on suit un tutoriel sur YouTube. Par contre, je trouve que ce site web est un très bon outil à utiliser lorsqu'on oublie une commande, ou si on ne connait pas une certaine commande de style : W3schools a presque toutes les informations possibles sur une grande majorité de langages de codage. De plus, il y a une grande majorité de symboles et caractères spéciaux qui ont besoin de code spécial afin d'intégrer (dont je parlerai dans ma section difficultés). Personellement, j'ai surtout utilisé cette source lors de la création de mon site web, afin d'obtenir le code pour des symboles spéciaux. Concernant ce que j'ai appris à travers ce site web, c'était ma toute première source, donc j'ai appris quelques éléments du HTML avec, et plus précisement, j'ai surtout appris sur le fonctionnement de la commande d'entête (ou "header" en anglais), et du rôle qu'il joue : il éxiste 6 éléments d'entête, du plus grand au plus petit (<h1>, <h2>, <h3>, etc.), qui permet au moteur de recherche de savoir l'ordre des idées dans le site web.

Source 4 : La façon gratuite de mettre un site web sur Internet -- Voire vidéo ici

Voici la source qui m'a permis de créer une autre version de mon site web gratuitement, à partir d'une application nommée GitHub. Cette application permet de créer plusieurs dépots/groupe de fichiers dans lequel on inclus nos projets et nos sites web. Ce n'est pas la façon professionelle de créer des sites web, puisque le lien aura le nom de la plateform (Github), mais c'est une très bonne ressource pour mettre un site web en ligne. Une des choses les plus importantes dont il a parlé est la création de la page principale : Lorsqu'on crée un site web, notre page principale doit toujours avoir le nom de "index.html" cette page est celle qui sera ouverte lorsqu'on cherche à partir d'un lien (ex: www.ppsebastianb.rowebca.ca/index.html = www.ppsebastianb.rowebca.ca : les deux liens ouvrent la même page). Pour le reste de la vidéo, il parle du domaine web, de comment les obtenirs et de comment se trouver un bon hébergeur pour notre site web : Un hébergeur est une companie qui sert comme médium à travers lequel on peut partager notre site web (ex: Rowebca). C'est util d'avoir un hébergeur puisqu'il offre de la protection pour notre sites web, ainsi que rend le site web plus rapide et plus performant.

Voir la page web sur GitHub ici

Source 5 : La structure conventionnelle d'un site web professionel -- Voire vidéo ici

Cette vidéo m'a beaucoup appris sur la construction d'un site web, en parlant de tous les sujets à aborder dans une page web, de certaines "règles" de décoration, ainsi que quelques exemples de sites web. Un des concepts les plus importants dont j'ai retiré de cette vidéo et le fait de toujours inclure plusieurs couleures. Même s'il parlait de la structure d'un site web, il y a quelques éléments qui ne pouvaient pas être appliqués à mon site web, puisque ce n'est pas un site web parlant d'une companie. Le modèle dont il parlait était un modèle classique d'une companie (avec les pages: à propos de la companie, contacter la companie, etc.). Il parle surtout de l'importance d'être concis sur la page web, afin d'éviter de perdre l'intérêt de nos utilisateurs. Cette vidéo m'a aussi inspiré à aller voire beaucoup de pages web afin de trouver des aspects qui sont commun entre eux, et les inclures dans ma page web, puisque ceci est ma première page web, et je n'ai pas d'expérience avec cela.