Création site sur "The Last of Us"

Sommaire

1 ATTENTION
2 Projet
3 Dates
4 Objectifs
5 Compétences
6 Étapes de votre projet
7 Liens vers des ressources utiles
8 hardware
9 software
10 Auteur
11 Catégorie

ATTENTION

Ce site utilise certains éléments soumis aux droits d'auteur. Ils sont utilisés uniquement à des fins informatives et éducatives, sans intention publicitaire ni commerciale. Il n'y aura donc pas d'image du site pour illustrer.

Projet

J'avais envie de créer un site en html/css qui intègre du JavaScript et en utilisant l'outil "Alpine JS".J'ai choisi de le faire sur la license "The Last of Us" parce que j'aime beaucoup cet univers et que j'avais besoin d'un sujet .

Dates

deux semaines du 17 au 28 mars.

Objectifs

étoffer le portfolio.
consolider les compétences en JavaScript et html/css.

Compétences

Connaissances en html.
Connaissances en css.
Connaissances en JavaScript (peu).

Étapes de votre projet

Créer un dossier et l'ouvrir avec VScode.
Avec VScode, créer 3 fichiers: "index.html","style.css" et "slider.js".
Intégrer dans votre index ce que vous voulez afficher sur votre page (images,vidéos,texte,slider...) en veillant à bien utiliser et fermer les balises.
Embellir la mise en page en travaillant en parallèle sur votre fichier style.
Dans mon cas, une partie du JavaScript est intégrée directement dans l'index avec l'aide d'"Alpine JS", mais j'ai quand même fait le slider avec mon fichier "slider.js"
en suivant le tutoriel fournit plus bas, faire le slider est simple mais ATTENTION ! Si comme moi vous mettez vos images dans un sous-dossier comme "assets", il faudra donner le chemin vers les images et pas juste leur nom. Ex: "image1.webp" doit devenir "assets/image1.webp".
Toujours avoir une fenêtre de votre navigateur ouverte avec votre site web en local à côté pour vérifier les modifications apportées à ce dernier par les modification effectuées sur vos fichiers.