1.
Présentation
Semaine intensive, 2nd trimestre
Olivier Bocquet - Priscillien Gac - Aymeric Gallissot - Vincent Garreau

2.
Organisation
• Définition des rôles en fonction de nos
compétences
• A l’école du matin au soir tous les jours,
l’équipe au complet
• Dropbox pour les échanges de fichiers

3.
Répartition des tâches
• Priscillien Gac
- Chef de projet
- Intégration HTML/CSS (contenu de pages)
• Olivier Bocquet
- Intégration HTML/CSS (contenu de pages)
- Vérification et validation des fichiers
• Aymeric Gallissot
- Intégration de la structure (HTML/CSS/JavaScript)
- Intégration des sliders et des contenus dans la structure
- Hiérarchisation des fichiers
• Vincent Garreau
- Développement des sliders (HTML/CSS/JavaScript)
- Intégration HTML/CSS infobulles, boutons, etc
- Réalisation du PPT

4.
Méthodologie
1) Analyser (structure, techniques, hiérarchie)
2) Réaliser la structure (header, menu, footer, etc)
3) Développer les contenus (sliders, pages #content, etc)
4) Intégrer les contenus dans la structure
5) Valider

5.
Techniques utilisées
• XHTML 1.0 Strict
• CSS 2 et 3
• JavaScript / jQuery 1.5.2

6.
Astuces utilisées
• Par nos compétences
• Techniques et astuces vues en cours
• Recherches sur internet (MDC, etc)
• Aide des autres groupes et de l’intervenant

7.
Structure
H1 H2 H2 H2
• H3
• H3
• H3
• H3
• H3
#header
#content
#footer

8.
Quelques problèmes,
résolus par quelques astuces...
(pas forcément les meilleures!)

9.
Problème n°1
Le footer ne descend pas jusqu’en bas de page !
Extensible

10.
Solution Problème n°1
Ajuster la taille du footer en fonction de la
hauteur de la fenêtre en JavaScript (jQuery)

11.
Problème n°2
Désactiver les flèches «suivant» et «précédent»
dans le slider en fonction du slide actif
Extensible

12.
Solution Problème n°2
Attribuer aux boutons un style qui va les afficher
ou non en fonction du slide actif
Extensible

13.
Problème n°3
Etablir la pagination du slider
Extensible

14.
Solution Problème n°3
Etablir la pagination du slider
Extensible

15.
Expérience individuelle

16.
Merci pour votre attention.
Des questions ?