Étapes
-Analyser le fichier PSD
-Inscrire la structure de page et les balises au texte dans le PSD
-Ouvrir le document HTML avec Sublime : Header>NAV, Main>Section>DIV, Footer (la structure de base est déjà construite)
-Lier un fichier CSS
-Copier/coller le texte du document
-Appliquer les balises au texte copié
-Choisir une Google Fonts et ajuster les CSS typographiques
-Sauvegarder et visualiser dans le navigateur web
-Image à optimiser (save for web > com+opt+maj+s)
TOP Bannière du site : 1600 x 400 pixels
Ensemble des photos du site : 480 x 320 pixels
Section Équipe : 400 x 400 pixels (Kevin, changer son sourire… Psd 2024 Ai)
Section Ambiance : Glass 400 x 400 pixels (Créer de la transparence sur verre)
Section Le mot de Mike : Photo de Mike (Attention changer ses yeux… PS 2024 Ai)
Section Produits Vedettes : 500 x 500 pixels (Attention, enlever logo Barber sur 3x produits)
Section Styles Inégalés : Thumbnail 300 x 300 pixels
-Créer un menu : <nav>
-Créer des ancres : <a>, <section id>
-Créer des liens externes (GoogleMaps, Mailto, Phone, Facebook, Instagram, TikTok...)
-Mettre en ligne avec votre serveur FTP
>>>>>Création d'une signature (logo) pour l'entreprise : ??????????? (avec slogan : BarberShop de luxe pour hommes)
>>>>>Création d'un Gif animé pour le TOP bannière avec le logo