pixel facebook
 

Html-Css | Creer un site One Page partie 1

Ce que vous allez Apprendre

Création complète d'un site Web Responsive avec la mise en place d'un One Page Layout.

Cette première vidéo est pour nous l'occasion de présenter notre projet de site vitrine pour un hôtel, et de voir l'objectif à atteindre. Pour cela, nous voyons les croquis nécessaires en amont de la création d'un site internet :

  • Le Zoning qui est un dessin très rapide composé de rectangle qui va juste nous permettre d'identifier les blocs et le positionnement de ceux-ci.
  • Le Mock Up qui est une maquette plus poussée avec l’apparition des détails du design. Le Logo, les éléments de la NavBar, les Formulaires HTML (call to action ou form de contact), le footer avec les liens pour les réseaux sociaux ...

Une fois cette ébauche faite, nous passons au code HTML et CSS avec le chargement du Framework Bootstrap. Nous voyons ensemble le starter template qui nous donne les bases d'un document HTML, puis la création de notre barre de navigation responsive. 

L'ajout du favicon (icone de favoris) et du logo dans la barre de navigation constituant nos premières lignes de code.

Pour Aller Plus Loin
Je suis intéressé(e)
par ce chapitre

Télécharger les Sources du site Internet

Vous y trouverez :

  • Les images utilisées lors de la formation
  • Tous les fichiers sources créés et commentés pour une meilleure compréhension ou pour se corriger
  • Le code Bonus Jquery pour réaliser un Scroll doux vers une ancre, comme expliqué en partie 3

Prix = 5 €
Hors Taxes


Commentaires 1


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés

Halou - 23/01/2020 11:45:11
Bonjour la Team WeFormYou et merci pour votre vidéo car elle est bien instructive pour une personne débutant en programmation et je vous encourage sur cette lancé.