Successfully reported this slideshow.
Présentation            Semaine intensive, 2nd trimestreOlivier Bocquet - Priscillien Gac - Aymeric Gallissot - Vincent Ga...
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...
Répartition des tâches•   Priscillien Gac    - Chef de projet    - Intégration HTML/CSS (contenu de pages)•   Olivier Bocq...
Méthodologie1) Analyser (structure, techniques, hiérarchie)2) Réaliser la structure (header, menu, footer, etc)3) Développ...
Techniques utilisées• XHTML 1.0 Strict• CSS 2 et 3• JavaScript / jQuery 1.5.2
Astuces utilisées• Par nos compétences• Techniques et astuces vues en cours• Recherches sur internet (MDC, etc)• Aide des ...
StructureH1           H2   H2     H2      • H3      • H3      • H3      • H3      • H3                       #header      ...
Quelques problèmes,résolus par quelques astuces...(pas forcément les meilleures!)
Problème n°1Le footer ne descend pas jusqu’en bas de page !               Extensible
Solution Problème n°1Ajuster la taille du footer en fonction de lahauteur de la fenêtre en JavaScript (jQuery)
Problème n°2Désactiver les flèches «suivant» et «précédent»    dans le slider en fonction du slide actif              Exten...
Solution Problème n°2Attribuer aux boutons un style qui va les afficher        ou non en fonction du slide actif           ...
Problème n°3Etablir la pagination du slider      Extensible
Solution Problème n°3Etablir la pagination du slider      Extensible
Expérience individuelle
Merci pour votre attention.    Des questions ?
Prochain SlideShare
Chargement dans…5
×

Semaine de projet H1 P2015 - HETIC - Deccco.com

1 124 vues

Publié le

Présentation d'une soutenance au terme de notre semaine de projet consistant à réaliser l'intégration complète d'un site par le biais de maquettes graphiques.

H1 P2015 - HETIC - 2nd Trimestre

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Semaine de projet H1 P2015 - HETIC - Deccco.com

  1. 1. Présentation Semaine intensive, 2nd trimestreOlivier Bocquet - Priscillien Gac - Aymeric Gallissot - Vincent Garreau
  2. 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. 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. 4. Méthodologie1) 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 structure5) Valider
  5. 5. Techniques utilisées• XHTML 1.0 Strict• CSS 2 et 3• JavaScript / jQuery 1.5.2
  6. 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. 7. StructureH1 H2 H2 H2 • H3 • H3 • H3 • H3 • H3 #header #content #footer
  8. 8. Quelques problèmes,résolus par quelques astuces...(pas forcément les meilleures!)
  9. 9. Problème n°1Le footer ne descend pas jusqu’en bas de page ! Extensible
  10. 10. Solution Problème n°1Ajuster la taille du footer en fonction de lahauteur de la fenêtre en JavaScript (jQuery)
  11. 11. Problème n°2Désactiver les flèches «suivant» et «précédent» dans le slider en fonction du slide actif Extensible
  12. 12. Solution Problème n°2Attribuer aux boutons un style qui va les afficher ou non en fonction du slide actif Extensible
  13. 13. Problème n°3Etablir la pagination du slider Extensible
  14. 14. Solution Problème n°3Etablir la pagination du slider Extensible
  15. 15. Expérience individuelle
  16. 16. Merci pour votre attention. Des questions ?

×