Personnalisation d'un template .

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.
  • Définition et principes du template : https://www.1min30.com/dictionnaire-du-web/template-page-web
• 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