Comme vous le savez peut être, j'ai rassemblé (et ce n'est pas terminé) une collection assez impressionnante de matériel Pentax, avec des pièces rares. Depuis un moment l'idée me trotte dans la tête de faire un site web pour présenter tout ça, faire des tests assez complets et des comparatifs. J'aimerais profiter du temps libre que je vais avoir (vacances) pour me lancer.

J'ai déjà commencé à faire un plan de site sur papier, il devrait y avoir quelques menus avec certains sous menus. Pour ce qui est de la création graphique et des traductions (je compte bien proposer mon site à la lecture en Français et en Anglais), je peux m'en occuper.

C'est plutôt sur comment passer d'images préparées sur Photoshop (Charte graphique du site quoi), de textes et photos à un site fonctionnel que je m'interroge. J'ai déjà fait en cours un peu de programmation en C++, en stage, du BASIC, c'est pas tellement de toucher à du code HTML qui me fait peur, mais je pense qu'il doit y avoir des outils (gratuits) qui aident à ça.

Pour info, je compte commencer sur un compte free (pas encore créé), qui me permettra de tout mettre en place, vérifier que ça marche, lancer le truc, pour ensuite probablement me payer un hébergement+nom de domaine, mais tant que je ne suis pas sur d'y arriver et d'être suffisament motivé pour tenir le truc à jour, je ne veux rien débourser 

Je suis donc preneur de tout conseil

Salut !

Pour les logiciels, tu peux déjà faire un tour sur Framasoft, il répertorie dans un annuaire bon nombre de logiciels libres dont la majorité est gratuite.

Et aussi à noter ce site Développez qui regroupe tutoriels et exemples...

Pour ma part et comme devise personnelle, j'essaie toujours de ne dépendre de personne, donc de ne pas m'appuyer sur une application serveur (php, mysql, etc.) mais d'utiliser les ressources des navigateurs (javascript, xml, etc.)... enfin, des vrais navigateurs, c'est à dire tous sauf IE ;)

Pour mon modeste site j'ai fini par utiliser KompoZer, que tu trouvera sur Framasoft. J'ai été un peu dérouté au tout début (habitué à MS Publisher, pas si terrible que j'aurai cru), mais en bidouillant on peut arriver à des trucs vraiment très sympas ! Et c'est libre surtout !!!
Et pour mettre en ligne, FileZilla.

t'as des outils comme Wordpress ou Joomla pour mettre en ligne facilement tes articles et photo (des CMS ou content management system)
après pour la charte graphique je ne sais pas jusqu'à quel point ces outils sont personnalisables

mais sinon tu cherches peut etre à transformer ta charte graphique pile poil comme tu l'as déjà faite, et là il faut des outils comme macromedia Fireworks qui te découpe littéralement ta charte graphique en morceaux sans l'altérer

Citation de: CarbwounR le 17 Juin 09 à 12:59


Pour info, je compte commencer sur un compte free (pas encore créé), qui me permettra de tout mettre en place, vérifier que ça marche,

Je te déconseillerai l'utilisation de free comme hébergeur. Dans l'idéal, réalise le développement de ton site en local sur ton PC. C'est là que tu pourras tester que tout fonctionne correctement. Ensuite un hébergeur+Nom coûte en premier prix au alentour de 15€ l'année.

Citation de: eki le 17 Juin 09 à 13:40
t'as des outils comme Wordpress ou Joomla pour mettre en ligne facilement tes articles et photo (des CMS ou content management system)
après pour la charte graphique je ne sais pas jusqu'à quel point ces outils sont personnalisables

mais sinon tu cherches peut etre à transformer ta charte graphique pile poil comme tu l'as déjà faite, et là il faut des outils comme macromedia Fireworks qui te découpe littéralement ta charte graphique en morceaux sans l'altérer

Perso je conseillerai Joomla qui s'adapterai à mon sens plus à ce que tu veux faire plutôt que wordpress qui bien que doté de nombreux modules reste avant tout un gestionnaire de blog.

Joomla est entièrement paramétrable, c'est ce qui fait que son utilisation est répandue dans de nombreux domaine varié. De plus une communauté française importante peut apporter son soutien ce n'est pas négligeable (voir http://www.joomla.fr).
Enfin en ce qui concerne le découpage, il est vrai que Fireworks ça aide mais sinon ça peut aussi se faire avec toshop.

Voilà si tu as besoin de plus de renseignements pas de souci.

Citation de: Gimli_36 le 17 Juin 09 à 13:06
Salut !

Pour les logiciels, tu peux déjà faire un tour sur Framasoft, il répertorie dans un annuaire bon nombre de logiciels libres dont la majorité est gratuite.

Et aussi à noter ce site Développez qui regroupe tutoriels et exemples...

Pour ma part et comme devise personnelle, j'essaie toujours de ne dépendre de personne, donc de ne pas m'appuyer sur une application serveur (php, mysql, etc.) mais d'utiliser les ressources des navigateurs (javascript, xml, etc.)... enfin, des vrais navigateurs, c'est à dire tous sauf IE ;)

Exact, j'avais pas pensé à Framasoft. Faudra que j'y jette un oeil ;)

Citation de: pierrot73210 le 17 Juin 09 à 13:20
Pour mon modeste site j'ai fini par utiliser KompoZer, que tu trouvera sur Framasoft. J'ai été un peu dérouté au tout début (habitué à MS Publisher, pas si terrible que j'aurai cru), mais en bidouillant on peut arriver à des trucs vraiment très sympas ! Et c'est libre surtout !!!
Et pour mettre en ligne, FileZilla.

J'avais une fois utilisé FileZilla, m'enfin je saurais pas trop le réutiliser. Mais je note, pour le moment ou j'en aurais besoin ;)

Citation de: eki le 17 Juin 09 à 13:40
t'as des outils comme Wordpress ou Joomla pour mettre en ligne facilement tes articles et photo (des CMS ou content management system)
après pour la charte graphique je ne sais pas jusqu'à quel point ces outils sont personnalisables

mais sinon tu cherches peut etre à transformer ta charte graphique pile poil comme tu l'as déjà faite, et là il faut des outils comme macromedia Fireworks qui te découpe littéralement ta charte graphique en morceaux sans l'altérer

Ah non, je veux un vrai site, pas un blog ou autre truc hébergé tout prêt. Au final, j'aimerais ne plus avoir à me servir de FlickR pour mes photos aussi.

Citation de: Mike le 17 Juin 09 à 13:52
Je te déconseillerai l'utilisation de free comme hébergeur. Dans l'idéal, réalise le développement de ton site en local sur ton PC. C'est là que tu pourras tester que tout fonctionne correctement. Ensuite un hébergeur+Nom coûte en premier prix au alentour de 15€ l'année.

Perso je conseillerai Joomla qui s'adapterai à mon sens plus à ce que tu veux faire plutôt que wordpress qui bien que doté de nombreux modules reste avant tout un gestionnaire de blog.

Joomla est entièrement paramétrable, c'est ce qui fait que son utilisation est répandue dans de nombreux domaine varié. De plus une communauté française importante peut apporter son soutien ce n'est pas négligeable (voir http://www.joomla.fr).
Enfin en ce qui concerne le découpage, il est vrai que Fireworks ça aide mais sinon ça peut aussi se faire avec toshop.

Voilà si tu as besoin de plus de renseignements pas de souci.

Euh, pourquoi tu me déconseillerais free comme hébergeur ?

Pour le prix d'un nom de domaine, ca correspondait à ce que je pensais. Mais même 15€, pour un truc que je ne suis pas sûr à 100% de garder, ca me va pas trop. Une fois que le site free marchera bien, je passerais à un nom de domaine :)

Kompozer (successeur de NVU) est ce qui est le plus recommandé en logiciel libre. Je ne connais pas joomla, donc je ne peux pas te conseiller à son sujet. Filezilla est certainement ce qu'il y a de mieux pour la mise en ligne et il est également libre. Laisses tomber Fireworks, c'est sans intérêt et il n'est pas libre. D'aiileur, il n'existe plus depuis que Adobe a racheté Macromédia.

Free est une solution pour tester un site, mais le jour de la mise en ligne officielle, prends un hébergeur avec une vraie adresse. Le problème de Free, c'est que c'est horriblement long à charger les pages et l'adresse est complètement tordue donc pas bon pour la fréquentation. Il faut tester ton site en ligne sur PC Mac et les différents navigateurs. Le tester en interne peut te faire passer à côté de certain bugs. Pour l'instant tu n'en es pas là.

Je te conseille de faire au plus simple pour commencer. Utilises simplement du HTML et du CSS avec une structure en tableau. Évite que ta navigation fasse plus de 1200 pixels de large

Je te conseille ce liens pour le HTML : http://fr.selfhtml.org/

Et celui ci pour le CSS : http://www.alsacreations.com/

Et n'hésite pas à poser des questions sur ce fil, je pense que nous serons plusieurs à t'aider.

Citation de: CarbwounR le 17 Juin 09 à 21:49

Euh, pourquoi tu me déconseillerais free comme hébergeur ?

Parce qu'en plus de te fournir une url tordue comme l'a souligné lavacherouge, free est un hébergeur gratuit qui n'a aucune obligation envers toi. En particulier en horaire de pointe de fréquentation de leurs serveurs, il arrivera fréquemment que ton site ne réponde pas.

Suffit de voir comme les images hébergées chez free s'affichent mal sur ce forum à certains moments 

Moi je te consielle http://www.000webhost.com/ comme hebergeur gratuit. J'ai fait plusieurs sites full flash (lourds en terme de chargement) et ca a toujours marche sans probleme de midi a minuit ! Et, bien sur, c'est gratuit. Le nom donne est pas tordu, on en choisi la majeur partie.

000webhost a l'air pas mal du tout. C'est même supérieur, sur la papier et selon ma mémoire, a ce qu'on peut avoir pour du gratuit, je trouverais presque ça louche Jm'y remettrais sérieusement après le 22, date de début des vacances pour moi :)

Salut,
Filezilla, c'est un client FTP, donc ça te sert à passer ton site local sur le serveur (et inversement).

Étant webmaster de métier, je serai tenté de te dire que le problème n'est pas tant de savoir que quel logiciel utiliser, ni quel hébergement choisir, ce ne sont que des outils. Il faut déjà que tu saches ce que tu souhaites :
_ un site dynamique (création de liens automatiques vers les nouveautés, comme dans les forums), ce qui implique de maitriser les langages comme PHP, ce qui nécessite un apprentissage assez long.
_ un site statique : tu mets tes liens à la main, au fil des pages, ça peut vite devenir lourd si tu dois tout reprendre.

Ensuite, une fois ton choix fait, soit tu choisis de tout faire toi même et tu fais ton code de A à Z via un éditeur de texte plus ou moins élaboré, soit tu fais appelle à des logiciels spécifiques (WYSISYG - What you see is what you get), mais alors le code risque de ne pas être « propre » (ça n'est pas une fin en soit  ;))

Si tu optes pour l'éditeur de texte, il te faudra choisir un langage de base : html 4 ou xhtml (et donc CSS). Si tu vas dans la modularité du CSS, ton site sera plus sympa, mais tu vas te heurter à la problématique très prise de tête de la compatibilité entre IE, Opera et Firefox.

Pour l'hébergement, tu as l'offre gratuite sur OVH qui est bien pour débuter, et comme tu vas être limité en taille, tu peux mettre tes photos sur Flickr ou Picasa, car ce sont les photos qui pèsent lourd (en poids et en traffic).

Si tu as besoin d'autres info, n'hésite pas.  ;)

Tout à fait d'accord, Fillezilla, le choix du logiciel, l'hébergement ce sont des accessoires et la difficulté ne sera pas là.

C'est bien pour cela que je lui conseillais de faire au plus simple en se limitant aux langages HTML et CSS. Déjà utiliser ces deux langages n'est pas si simple que cela.
Beaucoup de personnes vantent le mérite du WYSISYG et que la créa web est simple grâce à ce procédé. Tu as tout à fait raison de préciser que ce n'est pas la panacée. On se retrouve avec des trucs inextricables que l'on pourrai régler en 10 secondes en tapant du code sur le clavier. Des connaissances de HTML sont indispensables.

Pour moi la meilleure solution pour commencer est de faire :
_ structure en xhtml simple, mais n'écoute pas les puristes, qui sont extrémistes, les tableaux ça évite bien des soucis, surtout pour les galeries (Jeffrey Zeldman, une des références dans le CSS prone d'ailleurs cette méthode hybride).
_ pour le CSS, fait une feuille à part avec un code très simple et ne te lance pas dans les trucs tortueux nécessitant des hacks pour tel ou tel navigateur : fait ce qui passe partout, même si le rendu n'est pas identique pour tous les navigateurs, le web est un support mobile, et non fixe comme le papier  ;)

CarbwounR, je ne vais pas apporter beaucoup d'eau à ton moulin. Les autres personnes ont déjà bien répondu à tes questions. Le tout est savoir combien de temps tu souhaites passer sur ce projet et jusqu'à quel point tu souhaites avoir quelque chose de personnalisé.

En fait, je voulais juste faire une petite parenthèse par rapport aux propos de Gimli...  ;)

Citation de: Gimli_36 le 17 Juin 09 à 13:06
Pour ma part et comme devise personnelle, j'essaie toujours de ne dépendre de personne, donc de ne pas m'appuyer sur une application serveur (php, mysql, etc.) mais d'utiliser les ressources des navigateurs (javascript, xml, etc.)... enfin, des vrais navigateurs, c'est à dire tous sauf IE ;)

C'est bizarre, j'ai le même but que toi : "ne dépendre de personne", et pourtant j'ai fait des choix complètement opposés aux tiens. Je fais le gros du travail côté serveur et le navigateur ne sert qu'à afficher le résultat.
Pourquoi ? Tout simplement parce que je maitrise (comprendre : "j'ai la main dessus") la partie serveur alors que pour le navigateur c'est au bon vouloir de l'utilisateur.

Un hébergeur php,mysql (ou plutôt python dans mon cas), il en existe des tonnes. Si mon hébergeur actuel ne me convient pas, je peux très facilement en changer. Développer tout un site en se basant sur le javascript côté client est, de mon point de vue, beaucoup plus risqué. Que se passe-t-il si je désactive le javascript sur mon navigateur ? Et comme tu le dis, ça passe pas toujours avec IE, donc tu te coupes automatiquement un sacré pourcentage de tes visiteurs éventuels...

Loin de moi l'idée d'imposer mon point de vue. Mon but était juste de savoir pourquoi tu as fait ces choix...

+1 Fogoh, sans compter que tout site devrait proposer une alternative à JavaScript pour ceux qui l'on de débrayé (par choix ou non, comme dans certaines entreprises).

La question du temps est en effet importante à prendre en considération  ;)

Bah, à priori, pas vraiment besoin d'un site dynamique. Après tout, une fois que tous les comparos, descriptions et tests seront mis en ligne, j'en rajouterais pas tous les jours   Ca restera un site à caractère informatif pour présenter du matériel parfois rare et sur lesquels on trouve très difficilement des infos, accessoirement pour moi, montrer mes photos et éventuellement mes prestations en tant que photographe.

Donc si je résume, ca sera du statique en HTML, ecrit via un editeur de texte. Jmy connait absolument aps en HTML, mais des bases de prog et un peu de volonté devraient suffire. Vous avez des editeurs de texte à conseiller ? (je me doute que Notepad est aps suffisant)

Pour ce qui est du temps à y passer, jvais avoir toutes les vacances pour y travailler dessus. J'ai déjà passé des dizaines et des dizaines d'heures sur mon fichier Excel de gestion de matos photo (et il est encore en mutation vers sa version 5), je peux en passer pour un site aussi. Par contre, IE, je compte pas passer des heures à le rendre compatible. Si les gens sont intéressés par les infos que je donne sur mon sites, ils passeront par FF ou autre, sinon tant pis pour eux, ma survie ne dépendra pas de mes visiteurs IE  

Tu peux utiliser un logiciel de créa web WISISYG type Dreamweaver ou Kompozer, ce n'est pas un problème. Ce qu'il faut c'est que tu puisses garder un œil sur le code et pouvoir intervenir dessus.

Si je comprend bien, tu risques d'avoir beaucoup de pages. Tu as intérêt a apprendre à te servir des maquettes. Tu gagneras beaucoup de temps et d'effort.

ON NE PEUT PAS IGNORER INTERNET EXPLOREUR QUAND ON CRÉE UN SITE! Il faudra que tu fasses avec ou alors c'est irrespectueux envers tes visiteurs qui ont fait le choix de surfer sur IE ou qui ne savent pas qu'il existe d'autres navigateurs plus efficaces. .

Citation de: lavacherouge le 19 Juin 09 à 20:10
ON NE PEUT PAS IGNORER INTERNET EXPLOREUR QUAND ON CRÉE UN SITE! Il faudra que tu fasses avec ou alors c'est irrespectueux envers tes visiteurs qui ont fait le choix de surfer sur IE ou qui ne savent pas qu'il existe d'autres navigateurs plus efficaces. .

Perso, du moment que le site est valide w3c au niveau structure/css, je ne vais pas m'embêter à le tester sur tous les navigateurs existants. Il ne faut pas oublier que le but du web est de présenter des informations. Maintenant si l'image de fond est décallée de 10px entre IE et FF ... euh, on s'en fout non ?

Je me rappelle même de l'époque où j'avais encore un ordinausor, pour surfer dans des conditions agréables j'avais désactivé flash/javascript/css. On voit le web autrement dans ces conditions...

CarbwounR, je pense que dans un premier temps tu devrais plus te poser des questions sur la navigation sur ton site. Est-ce qu'un visiteur ne sera pas perdu ? Quels liens proposés sur toutes les pages ? Est-ce que le text du lien est suffisamment explicite et correspond bien à ce que souhaite voir l'utilisateur ? ...
Sans oublier non plus les normes WAI. Bref, pas si simple de contenter tout ce petit monde...

Ce n'est que mon avis, mais je préfère surfer sur un site moche mais clair (au niveau navigation et présentation du contenu) qu'un site flashy où on ne trouve rien.

@ CarbwounR  =>  Pour ton site, tu fais une page d'accueil avec les liens qui pointent vers les pages directes, sans pages intermédiaires. je m'explique :
mettons que ton site sur le papier soit comme ceci :
index.html
un dossier pour les objectifs
un dossier pour les flashes
dans chaque dossier une page html pour un objet
plutot que de faire une page index, puis une page de chapitre, tu ne fais qu'une page index pointant directement vers ta page objet, ça fera pas mal de liens sur la page d'accueil, qui du coup servira aussi de carte (map) pour les moteurs de recherche... si tu utilises une indentation ou le javascript pour la mise en page, ça sera clair et l'internaute s'y retrouvera sans soucis.

Concernant l'éditeur, Notepad++ est intéressant, il permet de faire du php, de l'html, du C++ etc, il est en français, léger, et disponible en version portable si celà t'intéresse  ;)



Sinon je suis d'accord avec lavacherouge, l'on ne peut pas négliger IE6 ET IE7, étant donné les problèmes qu'ils occasionnent... et pour info, de nombreux sites répondant aux normes du W3C et du WAI ne sont pas accessibles sous IE à cause d'un CSS utilisant des propriétés qui décalent la page (associées à un overflow, et l'on n'a plus aucun moyen de contrer le décalage sur le navigateur), donc il vaut mieux un site s'affichant sans soucis sur les trois navigateurs phares : IE 6, IE 7 et Firefox (si on peut rajouter Opera, un navigateur sous OS X et un autre sous Linux, c'est l'idéal, des sites permettent de faire un affichage dans tel ou tel navigateur même si on ne le possède pas  ;) )

Concernant les normes WAI, je ne te conseille pas de te prendre la tête avec celà pour un site photo... je m'explique les normes WAI sont faites pour l'accessibilité des handicapés, surtout des mal-voyants au travers d'une possibilité de portabilité de la page vers des logiciels "parlant" le site... or sur un site d'image, celà n'a aucun intéret.
Ma mère étant non-voyante depuis 10 ans, je me suis spécialisé dans le WAI, et je dois dire que c'est un plus, mais pas pour tous les sites internet... seulement ceux à dominante textuelle, sans compter que d'autres normes pour l'accessibilité se contredisent sur certains points avec le WAI, donc prudence avec les normes : fait d'abord un site simple, pratique à mettre à jour et sur lequel tu prends du plaisir à aller  ;)