Skip to content
Intégrer la maquette du site d'une agence web - WebAgency - Projet Openclassrooms
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
fonts
img
javascript
sass
README.md
index.html
package-lock.json
package.json

README.md

Projet 1 OpenClassrooms

Intégrer la maquette du site d'une agence web

Projet Validé

https://juliaassad.fr/projet1/

Vous venez d'être embauché(e) par une agence Web, la WebAgency, qui réalise des sites web pour différents clients. Cependant, ils reconnaissent eux-mêmes que leur site actuel est vieillissant car ils ont peu de temps pour travailler dessus. Certes, il paraît que les cordonniers sont les plus mal chaussés, mais tout de même...

On vous propose donc, pour votre première mission, de vous occuper de la refonte du site de l'agence.

Le site doit tenir sur une page avec un menu qui reste visible, en haut de la page, meme lorsque l'on se déplace dans la page. Les différentes sections attendues sont :

  • Un premier écran d'accueil de bienvenue, très visuel
  • La liste des services offerts par l'agence
  • Des exemples de projets déjà réalisés
  • Une carte avec un formulaire de contact (on ne vous demande pas de faire marcher le formulaire, juste de l'afficher).

Référentiel d'évaluation

Définir le contenu d'une page web à partir d'une maquette

  • L'ensemble du contenu défini par la maquette est présent
  • Le contenu texte est pertinent et grammaticalement correct
  • L'aspect visuel correspond à la maquette sur écran d'ordinateur
  • La maquette est adaptée de manière pertinente sur un terminal mobile

Coder la structure d'une page web en HTML

  • La page HTML passe la validation w3c HTML sans erreur
  • Les balises HTML sont définies avec la sémantique HTML 5 pertinente
  • Les icônes sont crées avec un outil pertinent, type font-awesome

Coder la présentation d'une page web en CSS

  • Le code CSS passe la validation w3c CSS
  • Le code CSS est écrit dans un ou plusieurs fichier CSS
  • Aucun code CSS n'est appliqué via un attribut style dans une balise HTML
  • La zone avec le menu reste visible, en haut de la page, même lorsque l'on se déplace dans la page

Gérer la responsivité avec les Media Queries

  • Le viewport est configuré dans l'en-tête de la page HTML
  • (Au moins) Un breakpoint pertinent est défini
  • Des règles CSS @media et/ou des feuilles de styles dédiées identifiées par un attribut mediasont utilisées
  • Aucun Framework (type Bootstrap) n'est utilisé pour ce projet
You can’t perform that action at this time.