Skip to content
portfolio d'un photographe de mariage
JavaScript PHP CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
db
fonts
images
scripts
views
.gitignore
.htaccess
FLM_presentation.pdf
README.md
admin.php
apropos.php
contact.php
defines.php
delete.php
envoi_mail.php
erreur.php
faq.php
index.php
laisser_temoignage.php
portfolio.php
robots.txt
temoignages.php
traitement_donnees.php
upload.php

README.md

Site réalisé dans le cadre d’un projet scolaire (ISI Montréal) avec un réel client.

  • Date : Mars 2017
  • Client : ISI
  • Catégorie : Web intégration

But : Réaliser un site complet

Contraintes : Le site doit être réalisé en HTML5, CSS3, Javascript (jQuery), PHP, et doit être responsive

Choix du site : Fabrice Labit est un photographe qui désire avoir un site spécialisé dans les photos de mariages

Graphisme : Charte graphique en partant du logo fourni par le client, choix des couleurs

Page d’accueil :

  • header présent sur chaque page du site comportant le logo, les liens vers les médias sociaux et le menu de navigation
  • slider défilant automatiquement mais possibilité de faire défiler grâce aux boutons (javascript : flexslider)
  • présentation rapide du photographe
  • footer présent sur chaque page du site comportant les liens vers les médias sociaux, 4 photos (liens vers instagram), copyrights et coordonnées

Page portfolio :

  • 3 sous-menu : préparatifs, mariage, engagement
  • toutes les photos sont enregistrées dans une base de données, les photos s'affichent dans la bonne rubrique grâce aux requêtes MySQL
  • page mariage :
    • classement par couples du plus récent au plus ancien (requête MySQL)
    • le nom et la date s'affichent au survol sur la version desktop (les noms restent affichés sur les versions tablette et mobile)
  • les photos s'affichent sur 3 colonnes en version desktop, 2 colonnes en version tablette et 1 colonne en version mobile
  • les photos s'imbiquent les unes en dessous des autres pour ne pas laisser de blanc, peu importe le format horizontal ou vertical (javascript)
  • possibilité de voir les photos en grand en cliquant dessus et de faire défiler vers les suivantes (jQuery : fancybox)

Pages témoignages et contact :

  • possibilité de laisser un témoignage ou de contacter le photographe grâce à 2 formulaires
  • validation php sur chaque champs qui sont obligatoires
  • étoile et message d'information pour l'utilisateur si champs mal ou non rempli
  • affichage d'une pop-up lorsque le formulaire est validé (jQuery : dialog)
You can’t perform that action at this time.