Office de la Formation Professionnelle
et de la Promotion du Travail
ISTA NTIC – Tanger
Module : Sites web statiques (M104)
Filière : DEV 101/102 Année de formation: 2024/2025
Formatrice : ILHAM ADDARRAZI
Mini projet: Descriptif
Durant ce projet vous allez réaliser un site web statique construit autour de HTML, CSS et
BOOTSTRAP.
Objectifs :
Mise en place d’un site web statique : Gestion d'emprunt de livres dans une
bibliothèques.
Définir les fonctionnalités : Réfléchissez aux fonctionnalités que vous souhaitez
inclure dans votre projet
Pages Requises:
1. Accueil ([Link]):
Présentation de la plateforme.
Liens vers les pages de votre gestion
etc
2. À Propos ([Link]):
Informations détaillées sur l’organisme que vous allez créer le site.
3. Contact ([Link]):
Formulaire de contact simple.
Liens vers les profils de l’organisme sur les réseaux sociaux.
4. Les pages de gestion (min 2 pages)
Technologies Utilisées:
HTML5 pour la structure de la page.
CSS3 pour la mise en forme et le style.
Bootstrap pour la responsivité et certains composants.
Contraintes:
1. Responsive Design: Le site doit être entièrement responsive pour s'adapter à
différents dispositifs (ordinateurs, tablettes, smartphones).
2. Utilisation de Bootstrap: Au moins 3 composants Bootstrap différents doivent être
utilisés (ex. navbar, Card,…)
3. Couleurs et Polices:
Utiliser une palette de couleurs cohérente.
Utiliser au moins deux polices de caractères différentes (une pour les titres, une
pour le texte principal).
4. Navigation Cohérente: Assurer une navigation claire et cohérente à travers le site.
5. Transition Harmonieuse: Utiliser des transitions CSS pour créer une expérience
utilisateur fluide lors du survol.
6. Animation élégante: Appliquer une animation élégante pour créer des effets visuels
intéressants.
Échéances:
Ce projet est à rendre, par équipe de 4 stagiaires, pour la semaine 18/11/2024.
Pénalité de retard: Chaque jour de retard entraînera une pénalité de 5 points. (Sur 20 points)
par jour.
Documents attendus :
Un dossier, nommé par vos noms, regroupe le code sources de l’application.
Office de la Formation Professionnelle
et de la Promotion du Travail
ISTA NTIC – Tanger
Module : Sites web statiques (M104)
Filière : DEV 101/102 Année de formation: 2024/2025
Formatrice : ILHAM ADDARRAZI
Mini projet: Descriptif
La forme du rendu doit ABSOLUMENT être respectée. Des présentations seront
organisées pour la semaine 18/11/2024.
Grille d’évaluation :
Critère Points
Structure HTML et CSS 3
Utilisation de Bootstrap 3
Animation et transition 3
Responsive Design 3
Contenu (Complétude et Qualité de Fonctionnalités) 3
Originalité 1
Présentation orale 4
Bon courage
