19
Projet Personnel Projet Personnel Projet Personnel Projet Personnel 2009 2009 2009 2009- - -2010 2010 2010 2010 Guillaume PANET Guillaume PANET Guillaume PANET Guillaume PANET ISBS 1 ISBS 1 ISBS 1 ISBS 1 Tuteur Tuteur Tuteur Tuteur : : : : Ramzi Ramzi Ramzi Ramzi Mahmoudi Mahmoudi Mahmoudi Mahmoudi

Projet personnel P2 2009 2010 vf

Embed Size (px)

DESCRIPTION

Projet personnel P2 2009 2010 vf

Citation preview

Page 1: Projet personnel P2 2009 2010 vf

Projet Personnel Projet Personnel Projet Personnel Projet Personnel 2009200920092009----2010201020102010

Guillaume PANETGuillaume PANETGuillaume PANETGuillaume PANET

ISBS 1ISBS 1ISBS 1ISBS 1

Tuteur Tuteur Tuteur Tuteur : : : :

Ramzi Ramzi Ramzi Ramzi MahmoudiMahmoudiMahmoudiMahmoudi

Page 2: Projet personnel P2 2009 2010 vf
Page 3: Projet personnel P2 2009 2010 vf
Page 4: Projet personnel P2 2009 2010 vf
Page 5: Projet personnel P2 2009 2010 vf
Page 6: Projet personnel P2 2009 2010 vf
Page 7: Projet personnel P2 2009 2010 vf

RéalisationRéalisationRéalisationRéalisation de mde mde mde mon travailon travailon travailon travail

Trouver des logiciels et les Trouver des logiciels et les Trouver des logiciels et les Trouver des logiciels et les

téléchargertéléchargertéléchargertélécharger

� Dreamweaver MX 2004

� FTP Expert 3

Trouver un hébergeurTrouver un hébergeurTrouver un hébergeurTrouver un hébergeur

� Hébergeur choisi : hebergement-gratuit.com

� Avantages : peu de publicités, gratuit

� Inconvénient : limite espace de stockage

Recherche d’un kit Recherche d’un kit Recherche d’un kit Recherche d’un kit

graphiquegraphiquegraphiquegraphique

� Adresse : http://www.kitsgratuits.com/

Page 8: Projet personnel P2 2009 2010 vf

RéalisationRéalisationRéalisationRéalisation de mde mde mde mon travailon travailon travailon travail

Se familiariser avec le code Se familiariser avec le code Se familiariser avec le code Se familiariser avec le code

<html><html><html><html>

� Utilisation de Dreamweaver MX 2004 :

TransférerTransférerTransférerTransférer les fichiers en les fichiers en les fichiers en les fichiers en

ligneligneligneligne

� Utilisation de FTP Expert 3 :

Page 9: Projet personnel P2 2009 2010 vf
Page 10: Projet personnel P2 2009 2010 vf

10

Page 11: Projet personnel P2 2009 2010 vf

o Onglet « Ma galerie »

La théorieLa théorieLa théorieLa théorie

«««« En toute simplicitéEn toute simplicitéEn toute simplicitéEn toute simplicité »»»»

� Utiliser l’animation existante

� Recadrer les photos

� Remplacer les photos

La pratiqueLa pratiqueLa pratiqueLa pratique

«««« Les difficultés réellesLes difficultés réellesLes difficultés réellesLes difficultés réelles

»»»»

� Insertion de 8 albums personnalisés

� Redimensionner les images en grands formats (670

x 500) et petits formats (133 x 100)

� Comprendre les paramétrages

� Ajouter une bannière d’aide (plus de lisibilité)

� Insérer une musique d’ambiance

� Problème rencontré : impossible de charger les

images (� pas d’accent)

11

Page 12: Projet personnel P2 2009 2010 vf

12

Page 13: Projet personnel P2 2009 2010 vf
Page 14: Projet personnel P2 2009 2010 vf

o Onglet « Mes vidéos »

DifficultésDifficultésDifficultésDifficultés rencontréesrencontréesrencontréesrencontrées

� Intégrer la vidéo dans la fenêtre

� Problème de chargement

� Raccourcir la vidéo et tourner de 90° la vidéo

� Convertir la vidéo en un format FLV :

� équilibre qualité / poids

Page 15: Projet personnel P2 2009 2010 vf
Page 16: Projet personnel P2 2009 2010 vf
Page 17: Projet personnel P2 2009 2010 vf
Page 18: Projet personnel P2 2009 2010 vf

� Limites du projet : Limites du projet : Limites du projet : Limites du projet :

� Problème majeur de compatibilité entre les 2 principaux navigateurs Problème majeur de compatibilité entre les 2 principaux navigateurs Problème majeur de compatibilité entre les 2 principaux navigateurs Problème majeur de compatibilité entre les 2 principaux navigateurs

Internet Explorer & Internet Explorer & Internet Explorer & Internet Explorer & MozillaMozillaMozillaMozilla FirefoxFirefoxFirefoxFirefox

� Solution : faire 2 versions différentes avec détection automatique du Solution : faire 2 versions différentes avec détection automatique du Solution : faire 2 versions différentes avec détection automatique du Solution : faire 2 versions différentes avec détection automatique du

navigateur navigateur navigateur navigateur

� Apport personnel :Apport personnel :Apport personnel :Apport personnel :

� ExpérienceExpérienceExpérienceExpérience enrichissante enrichissante enrichissante enrichissante

� Travail à mener sur du long terme Travail à mener sur du long terme Travail à mener sur du long terme Travail à mener sur du long terme

� SatisfactionSatisfactionSatisfactionSatisfaction personnelle : avoir un site en ligne !personnelle : avoir un site en ligne !personnelle : avoir un site en ligne !personnelle : avoir un site en ligne !

Page 19: Projet personnel P2 2009 2010 vf