C'est en lisant régulièrement au sein de la communauté des photographes du web les demandes de conseils pour la création de site, que l'idée d'écrire un livre sur la création de galeries pour le web m'est venue.

Pour commencer, je tiens à remercier les personnes qui m'ont donné un coup de main pour la relecture et la correction de l'ouvrage. À commencer par Gin.net, puis LeTaich11 qui a pris le relai, et ensuite Pierrot qui s'occupe des finitions.
Je vous adresse un grand Merci.

Pourquoi un livre alors que les rayons informatique des librairies en débordent? Simplement pour faire partager mon expérience, et mon expérience me fait dire que le livre idéal n'existe pas encore (ce qui ne veut pas dire que mon livre soit le livre idéal). Dans toutes ces tonnes de livres des rayons, vous y trouverez des livres spécialisés sur le HTML, le CSS, le PHP, sur tel ou tel logiciel de mise en page, etc... Vous vous devrez d'acheter plusieurs livres de 400 ou 500 pages chacun et de vous les avaler. Le photographe est photographe et ne veux pas gaspiller tout son temps pour devenir webmaster afin de pouvoir gérer son travail en ligne.

J'ai donc réalisé un concentré de tout cela sur seulement 100 pages et quatre chapitres. C'est peu, mais vous devriez trouver toutes les infos essentielles pour construire un site qui fonctionne parfaitement. Vous ne trouverez pas tout,  je me suis limité à des choses basiques et mis de côté tout ce qui recours à des compétences expertes. Si vous maitrisez cette partie de l'ouvrage, vous pourrez facilement évoluer en récupérant des infos sur le web ou dans des livres.
Ce que l'on ne trouve pas par contre dans les rayons, ce sont les techniques de développement de projet. Ne pas connaître les techniques et langages qui permettent de faire fonctionner une page web vous donnera des pages bancales, mais les connaître sans savoir les utiliser ne sera guère mieux. Une deuxième partie d'une soixantaine de pages est consacré à ce sujet.
Cet ouvrage est spécialisé pour les photographes, mais ses informations peuvent bien sûre être utilisées pour n'importe quel type de site.

Je voudrai vous mettre en garde, je ne suis pas formateur ni pédagogue, et je n'ai jamais écrit d'ouvrage (il paraît que si a 50 ans tu n'as pas encore écrit un livre c'est que tu as raté ta vie. Voilà une chose de réglé pour moi.). J'espère bien sûre que la méthode fonctionne. Seuls vous et vos remarques me permettrons de me faire une idée de la qualité pédagogique de la méthode, et de corriger les manques et les erreurs pour une éventuelle version 1.1 ou 2.0.
Des erreurs, il doit bien y en avoir quelques unes. Que les experts me fassent des remarques à ce sujet. Toutefois, les éventuelles erreurs ne seront je pense que sur des détails techniques qui n'empêcheront en rien le bon fonctionnement d'une page.

La méthode se divise donc en deux parties et onze chapitres :

Présentation
C'est la présentation de l'ouvrage, rien de plus.

I - Les principes élémentaires d'une page web
1 – Un peu de HTML
HTML n'est pas un gros mot. Ne partez pas en courant. J'ai essayé de vous le présenter d'une façon simple. Une soirée de travail sur ce chapitre doit suffire pour en comprendre le sens. Après vous possèderez la liberté de structurer une page facilement.
2 – Du CSS pour la forme
L'intérêt et la fonction du langage CSS sont souvent peu connus. C'est ce qui vous permet de mettre en forme le design de votre site, donc essentiel. Personnellement, je trouve l'utilisation du CSS très ludique. Ce chapitre est uniquement théorique, il me paraît important de bien comprendre le fonctionnement avant de se lancer dans une mise en forme de structure. Il est possible que vous ne saisissiez pas toutes les nuances du sujet à sa lecture. N'hésitez pas à revenir dessus quand vous commencerez les exercices pratiques dans les chapitres suivant.
3 – Le CSS avec Kompozer
Découverte concrète du CSS et de sa mise en place. Pour les utilisateurs de Dreamweaver ou autre, le principe est identique, vous devrez juste trouver les fonctions correspondantes. J'ai fait le choix d'utiliser Kompozer pour son accès libre. Kompozer est un logiciel plutôt sympa à utiliser avec une interface agréable. Mais il faut bien le dire, il est quand même plein de bugs.
4 – Études de cas
Le chapitre le plus long uniquement basé sur des exercices pratiques. J'ai essayé de rassembler les cas de figures les plus utilisés et facile d'accès pour le débutant (bien qu'il y ai deux ou trois choses un peu pointues). Ce qu'il faut pour bien maitriser, c'est de la manipulation.

II - Gestion et développement de projet
5 – Préparation des éléments du site
Des conseils pour bien démarrer son projet.
6 – Création des galeries Flash
Présentation des galeries d'images issues de Photoshop. C'est d'une grande simplicité, il vous faut deux minutes pour créer un diaporama en Flash. Il existe d'autres solutions que Photoshop pour créer des diaporamas. Je ne les connais pas (j'utilise uniquement le logiciel Flash), je suis preneur de toutes infos sur le sujet pour proposer d'autres solutions.
7 – La maquette et son interprétation
Ce chapitre est le plus important avec la partie I. C'est ici que se crée le concept graphique et ergonomique de votre site. C'est aussi la partie du travail la plus intéressante. On y découvre aussi pourquoi la connaissance du HTML et du CSS est indispensable.
8 - La création des pages et leur mise en formes CSS
Méthode et construction d'une structure de site et de ses pages. On y retrouve tous ce que l'on a étudié en partie I.
9 – Mise en forme des galeries issues de Photoshop
Habillage et intégration des galeries Photoshop dans votre site. Petite introduction au XML pour gérer au mieux vos galeries. Je ne suis pas convaincu de l'écriture de ce chapitre, j'ai peur que vous ayez du mal à vous y retrouver.
Vos avis m'intéressent sur ce chapitre.
10 – Une galerie en HTML
Je vous propose une alternative de galerie pour ceux qui ne possède pas Photoshop.
11 – La mise en ligne
Des conseils pour la mise en ligne.

Cet ouvrage est accompagné d'un site de référence qui est le fil conducteur de la partie II. Comme pour les exercices du chapitre 4, vous possédez tous les éléments pour le construire. L'ouvrage en .pdf et divisé en deux parties est téléchargeable sur la page Mes liens, ainsi que les images des exercices.


Important : La partie II n'est pas encore en ligne!

Faites en bon usage.

27/09/10 : Mise en ligne de la partie II

si je peux me permettre, il y a un problème qui commence à pointer le bout de son nez.

adobe et apple sont en guerre, car apple boude le format flash...

une collègue a acheté un ipad (3 millions d'unité vendues en 80 jours).
vous savez à quel point le peuple est friand des iphone, ipod, et maintenant ipad (il y a un sacré marketing derrière)

et bien à cause de cette guerre entre apple et adobe, les galeries photos flash ne s'affichent pas sur les ipad !!

si bien que par exemple youtube en personne à intégré un script de détection d'OS pour faire jouer les vidéos flash en HTML5, qui lui est compatible avec les ipad...
dailymotion était illisible sur l'ipad quand je l'ai essayé (ils ont peut etre réagit depuis)

donc je me posais l'autre jour la question de prévoir une interface HTML5 sur ma galerie photo, car malheureusement (ou heureusement, je ne sais pas) de plus en plus de personnes sont sur ces engins là.

et si mes souvenirs sont bons, le standard HTML5 devra être finalisé pour fin 2010...

C'est un vieux problème, qui tient en quelques mots : Flash, c'est Adobe, et ce n'est disponible que selon le bon vouloir d'Adobe (contrairement à HTML, CSS et tout le reste, qui sont des standards ouverts). En gros, en dehors du monde « PC sous Windows », au mieux, Flash, ça marche mal.

??? J'ai du mal à croire que la pomme abandonne la lecture du format Flash. Sauf si bien sûre ils veulent disparaitre du marché.
Vous connaissez des entreprises de cette envergure qui se suicident?

Ce sont les professionnels qui ont fait la renommé de Apple, et tous les professionnels du web et du multimédia travaillent en .swf.

http://www.apple-i-pad.fr/ipad/tutoriel-installer-frash-sur-ipad-flash/

Frash ne serai apparemment pas encore au top. Il est en cours de développement.

voilà qui tombe à pic pour moi lavacherouge   

j'ai téléchargé PART. I  et j'attaque asap !!  je te donnerai un retour d'infos.

rien qu'à ouvrir, on sent déjà que ça présente bien 

Citation de: lavacherouge le 10 Août 10 à 22:59
http://www.apple-i-pad.fr/ipad/tutoriel-installer-frash-sur-ipad-flash/

Frash ne serai apparemment pas encore au top. Il est en cours de développement.

oui, mais pour ça il faut jailbreaker son ipad ou iphone. et ce n'est pas à la portée du simple quidam.

ensuite il peuvent le faire dans un magasin, mais c'est risqué : http://www.zataz.com/news/20556/jailbreak-iphone--danger--boutique-deblocage.html

Citation de: lavacherouge le 10 Août 10 à 17:07
(il paraît que si a 50 ans tu n'as pas encore écrit un livre c'est que tu as raté ta vie. Voilà une chose de réglé pour moi.).

Un livre, pas forcément. Une oeuvre de l'esprit dont tu soit heureux, oui. Une belle photo, par exemple...

Et autre chose aussi que tu dois faire dans ta vie: planter un arbre....

(pour le reste, je suis réfractaire à l'informatique ;)). Mais merci pour les autres!

Et planter un PC 

super boulot ! je n'ai pas tout parcouru mais déjà bravo et merci!

Plus sérieusement superbe ton boulot   

Randos74 : Tu vas être le premier bêta testeur? N'hésites pas à me donner tes impressions et à poser des questions si tu rencontres des problèmes.

Eki : Le problème ce n'est pas flash, c'est l'IPod et IPad. On ne va pas abandonner un format très répandu pour des produits de consommation à la con. Laissez les IPods et les IPads dans les rayons et ils deviendront très vite compatible avec les fichiers Flash.

Sorcier : Je faisais de l'humour à 2 balles en référence à un type qui disait que si à 50 ans t'as pas de réflex... Non, ce n'était pas de réflex qu'il s'agissait.
Sinon OK pour les arbres. Si planter un arbre nous accordait un an de vie, je vivrai vieux.

Troulip et Macmini : Merci.

1 er je sais pas mais en tk première remarque , je gars chiant quoi :

le pdf est super bien construit, professionnel, mais dans le but probable d'une impression car 2 pages par fenêtre ( 1 à droite et 1 à gauche) donc je me dit , bien cool, je suis au taf , j'imprime, je découpe, je classe , relie et j'ai mon livre de chevet pour ce soir !
consternation , l'impression est bloqué par mot de passe....va falloir emmener le portable dans mon lit et jouer de la barre de défilement pour lire le tout 

voilou   ;)

C'est un PDF protégé. De toutes façons, tu es obligé d'en faire la lecture devant ton ordi pour suivre les manipulations. À part si tu possèdes une mémoire phénoménale qui te permet d'enregistrer les exemples après une simple lecture. Il faut que tu navigues entre la lecture et ton logiciel de mise en page HTML. En deuxième partie, il y a des chapitres qui sont plus de la théorie. Dans ce cas une simple lecture suffit. Mais c'est pas plus de 20% du contenu.

Citation de: lavacherouge le 12 Août 10 à 13:22
Eki : Le problème ce n'est pas flash, c'est l'IPod et IPad. On ne va pas abandonner un format très répandu pour des produits de consommation à la con. Laissez les IPods et les IPads dans les rayons et ils deviendront très vite compatible avec les fichiers Flash.

On ne va pas abandonner un produit de consommation à la con pour un autre produit de consommation à la con. ;)

Sérieusement, j'ai toujours regretté de ne pas pouvoir voir ta galerie, tout le monde en dit du bien.

Citation de: arnono le 12 Août 10 à 15:02
Sérieusement, j'ai toujours regretté de ne pas pouvoir voir ta galerie, tout le monde en dit du bien.

Tu ne possèdes que un IPod et un IPad pour surfer? Le format Flash se lit sur tous les PCs ou Macs. Tu dois bien posséder un ordi pour charger tes images et les traiter. Je ne comprends pas pourquoi tu n'as pas la possibilité de lire du Flash. J'ai raté quelques chose?

Le format Flash n'est pas un produit de consommation, c'est un fichier très répendu et utilisé. Il existe des tas de sites qui utilise le Flash. Il est très souvent reproché à Adobe de ne pas standardiser leur format (qui avant appartenait à Macromédia), mais ils développent leur lecteur compatible et gratuit pour toute les plateformes. C'est vraiment la pomme qui fait une démarche commerciale complètement conne.

Citation de: lavacherouge le 12 Août 10 à 15:35
Tu ne possèdes que un IPod et un IPad pour surfer? Le format Flash se lit sur tous les PCs ou Macs. Tu dois bien posséder un ordi pour charger tes images et les traiter. Je ne comprends pas pourquoi tu n'as pas la possibilité de lire du Flash. J'ai raté quelques chose?

Le format Flash n'est pas un produit de consommation, c'est un fichier très répendu et utilisé. Il existe des tas de sites qui utilise le Flash. Il est très souvent reproché à Adobe de ne pas standardiser leur format (qui avant appartenait à Macromédia), mais ils développent leur lecteur compatible et gratuit pour toute les plateformes. C'est vraiment la pomme qui fait une démarche commerciale complètement conne.

Je n'ai pas d'iTruc, pour à peu près les mêmes raisons que je n'ai pas de lecteur Flash. Par contre j'ai quelques PC qui tournent uniquement avec du logiciel libre, et les lecteurs flash libres ne fonctionnent simplement pas à l'heure actuelle.

Sur « toutes les plate-formes », non, sur 3 plate-formes tout au plus. Adobe ne distribue pas de lecteur pour Linux powerpc, par exemple (oui, j'en ai un en vrai).

Quant au « format très répandu », ça ne l'empêche pas d'être totalement fermé et soumis au bon vouloir d'un seul éditeur. C'est justement pour lutter contre ce genre de choses que le web a été créé. J'ai l'impression qu'on revient 20 ans en arrière.

Finalement, développer des applis en Flash, pourquoi pas, il faut juste avoir conscience que c'est une plate-forme propriétaire qui n'a que peu à voir avec le web. Ceci dit, je crois qu'on s'éloigne un peu du sujet du forum, on va peut-être arrêter là. ;)

Citation de: lavacherouge le 12 Août 10 à 13:22
Eki[/b] : Le problème ce n'est pas flash, c'est l'IPod et IPad. On ne va pas abandonner un format très répandu pour des produits de consommation à la con. Laissez les IPods et les IPads dans les rayons et ils deviendront très vite compatible avec les fichiers Flash.

Je me permets d'intervenir dans la discussion...

Je pense que flash est pourtant bien le problème. En fait, pour être plus modéré, je dirais que c'est son utilisation par certains webmaster qui pose problème.

Il faut se mettre en tête que flash n'est pas accessible à tout le monde. Par exemple, j'ai un PC tout ce qu'il y a de plus normal, mais je ne peux pas installer flash car Adobe ne veut pas faire une version compatible avec mon système d'exploitation. Je pense qu'on va retrouver le même soucis sur les téléphones portables (et pas que sur les iphone). Le problème vient d'Adobe (et donc flash indirectement) et non de mon PC ou de ces nouveaux téléphones.
Du coup, je ne peux tout simplement pas voir tes galeries photos. Je pense que tu es conscient qu'utiliser flash te coupe automatiquement d'une partie d'internet. Une petite partie, je te l'accorde, mais qui tend à s'agrandir ces derniers temps.

Utiliser flash pour faire de petites animations qui améliorent l'expérience l'internaute est une très bonne idée. Par contre, faire reposer le coeur du site (= la galerie) uniquement sur flash c'est limite. Faire une galerie en flash, ok, mais je pense qu'il faudrait prévoir une solution de secours pour ceux ne possédant pas flash. Une galerie en pur HTML par exemple. C'est qui fait deux systèmes à maintenir pour un gain relativement faible ... alors pourquoi ne pas partir tout de suite sur du HTML ?

Voilà, c'est tout ce que j'avais à dire.
Je suis juste un peu frustré de ne pas avoir accès à tes galeries car les photos que tu postes sur ce forum me plaisent bien :)
Et félicitations pour ton bouquin :)


Edit :
Arnono m'a devancé et je suis complétement d'accord avec lui, mon message devient inutile pour le coup.
Et oui, je pense qu'on peut clore la discussion sur flash et parler un peu plus du livre ;)

Citation de: lavacherouge le 12 Août 10 à 13:22
Eki[/b] : Le problème ce n'est pas flash, c'est l'IPod et IPad. On ne va pas abandonner un format très répandu pour des produits de consommation à la con. Laissez les IPods et les IPads dans les rayons et ils deviendront très vite compatible avec les fichiers Flash.

Certes. Je n'ai jamais dis ça. Relis ce que j'ai mis plus haut ;)
Mais je te dis que ton bouquin sera incomplet si tu ne prévois pas une section HTML5.

Tu as bien vu comme moi le raz de marée provoqué par les produits apple, iphone, ipad, ipod, ipod shuffle, et toutes les déclinaisons.

Il y a même des constructeurs de voitures qui ont mis en série un dock ipod dans certains modèles de voiture, c'est pour dire...

J'ai un pote qui bosse dans une boutique bouygues telecom, qui m'a raconté avoir eu une cliente qui voulait absolument un iphone, parce que ses 5 collegues de bureau venaient d'en acheter un cette semaine !!!!

C'est assez explicite, pourtant. Même si c'est de la merde, ou même s'ils n'en ont pas besoin, les gens vont aller acheter des produits apple.

Après c'est à toi de voir :)

ça y est c'est noyé, je comprend plus rien flash, Frash , HTML , HTML5 et autres itrucpowerbidullelibre !!

écoutes lavacherouge , le fait de pas l'avoir en papier devant moi quand je vais m'atteler au bordel, ça va être plutôt moyen .Je vais voir quand même un jour de pluie ça mais du coup, je suis moins chaud à moins que j'arrive à redemarrer mon 2 ère écran.

bon allez bonne ilibrediscussionfrash les costauds du clavier