• Support de formation 2018-2019

Travaux individuels sur la prise en main et la personnalisation d'un template HTML

Jeudi 18/10/2018

Principes

  • Beaucoup d'agences web ont recours à des templates pour concevoir et développer le site web de leurs clients finaux.
  • Ces templates s'achètent sur des sites dédiés comme https://themeforest.net (le + connu) 
  • Nous allons utiliser ce principe pour produire rapidement et efficacement la page d'attente de chaque groupe, ces travaux auront lieu vendredi 19/10 toute la journée 
  • Lors de la séance du jeudi 18/10 vous allez individuellement à l'aide d'un éditeur de code modifier le code HTML et le code CSS d'un template  

Déroulement de la séance

1. Télécharger un des 2 templates : 
  • Télécharger le fichier (themeforest-8046947-booster-responsive-coming-soon-template themeforest-8046947-booster-responsive-coming-soon-template.zip 1,86 Mo)
  • Télécharger le fichier (themeforest-8569924-finely-responsive-under-construction-template themeforest-8569924-finely-responsive-under-construction-template.zip 5,26 Mo)
2. Décompresser le dossier 
3. Ouvrir avec un éditeur de code la page index.html 
4. Mettre à jour la langue de la page 
5. Mettre à jour les meta title et meta description 
6. Modifier le code HTML 
  • contenu textuel 
  • images (logo, images de fond,...)
7. Modifier le code CSS