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 053 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
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 053
Sur SlideShare
0
Issues des intégrations
0
Intégrations
31
Actions
Partages
0
Téléchargements
9
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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 ?

    ×