3.8. Web

3.8.1. Nomenclature

Nommage de fichiers et dossiers : convention de nommage

  • Convention et Cohérence entre designers, intégrateurs et développeurs, et facilite la lecture dans les URLs (/mon-projet/contact.html plutôt que /MonProjet/Contact.html).
  • Les serveurs web sont sensibles à la casse
    • Ce qui fonctionne en local peut casser une fois en ligne
    • Exemple: Index.html ≠ index.html sur Linux

3.8.2. Formats d’images

3.8.3. GitHub

Dépôt GitHub obligatoire.

  • Structure
    • index.html à la racine du dépôt.
  • Fichier README.md
    • La documentation doit être placée à la racine du dossier ou du dépôt
    • Le contenu du fichier doit respecter les exigences de documentation

3.8.4. Formats de livrables

  • .zip complet du projet ou lien vers le repo GitHub
  • Formats attendus :
    • .html, .css, .js, .scss
  • Taille d’écran standard :
    • Desktop : 1440 px
    • Mobile : 375 px
  • Police : Google Fonts ou libre de droits.

 

Arborescence recommandée des fichiers

projet /
index.html
a-propos.html
contact.html
css /styles.css
normalize.css
js /scripts.js
img /

3.8.5. Résolutions standards

Le but : optimiser la performance tout en conservant une bonne qualité sur les écrans Retina.

UsageTaille recommandée
Image plein écran (hero)Image plein écran (hero)
1920px large (max 250–350ko)
Image demi-écran1200px large
Miniatures300–400px large
Logos200–400px large (SVG idéal)