Tutoriel Indexhibit

1 Comment relier le logiciel Indexhibit votre site 2 Comment customiser 3 Liens utiles pour apprendre le langage CSS (et autres)

1 Comment relier le logiciel Indehibit votre site

Au fait cest quoi Indexhibit ? Indexhibit est un logiciel libre qui vous permet davoir un back-office, cest dire une plateforme pratique vous permettant de crer des rubriques, tlcharger des photos, crire un texte, etc... et de les mettre en ligne aussitt sur votre site. Installation conguration requise - Linux/Apache server* - PHP4+ - MySQL 3.23+ - FTP application (Mac: Cyberduck / PC: Filezilla) *Apache nest pas support sur Windows Optimis pour les navigateurs comme Firefox et Safari. Fonctionnera aussi sur Internet Explorer, mais pas de manire optimale. Il est indispensable davoir pris un hbergement comportant une base de donnes Mysql. Avant de commencer Assurer vous davoir les donnes daccs votre base de donnes MySql. Si vous navez pas ces informations, rendez vous sur linterface de votre web-manager ou demandez les codes votre hbergeur. Vous devez disposer des codes suivants: - serveur (database host) - nom de la base (database name) - utilisateur (database username) - mot de passe (database password) Si vous avez tout cela, a y est, vous tes prs.

1 Uploader les chiers INDEXHIBIT sur votre FTP Tlcharger la dernire version dINDEXHIBIT sur le site ofciel que vous trouverez ici. Dans la rubrique !Indexhibit CMS v0.70e! cliquer sur !download! pour obtenir lapplication web sous forme .zip. Une fois le dossier indexhibitv070e.zip rapatri sur votre ordinateur, il ne vous restera plus qu le dzipper. Vous obtiendrez un dossier contenant 1 dossier !les!, 1 dossier ndxz-studio, 1 chier htaccess, 1 chier index.php. 2 Crer votre dossier www Ce dossier contiendra toute la structure de votre site : ceux qui construisent le leur page par page y mettront des feuilles de style Html, nous nous allons y mettre tous les dossiers Indexhibit tlchargs prcdemment. 3 Ouvrez votre logiciel FTP (lezilla, cyberduck, ou autre). Se connecter laide de vos codes FTP. vous devriez voir un dossier intitul WWW. Si vous souhaitez quIndexhibit soit la partie principale de votre site et que lon puisse directement tomber dessus (!www.monsite.com! par exemple) il va falloir placer les chiers en questions la racine (root) du site. Pour cela: - Copier le contenu du dossier !indexhibitv070e! (pas le dossier lui-mme) et avec un !drag-and-drop! faites le glisser dans le dossier !www! de votre application FTP. - Aprs avoir dpos les 4 lments dans le dossier, reprez le dossier !les! et son sous-dossier !gimgs!. - Changez leur permission en 777. Pour cela il suft de cliquer-droit sur le dossier en question, choisir !Lire les informations!, dans longlet !Permissions! puis indiquer 777. (solution alternative, une fois le chier slectionn, faites pomme + i). - Effectuer la mme opration de changement de permission pour le dossier !cong! se trouvant dans !ndxz-studio!.

4 Installation/Conguration Dans votre navigateur internet, entrer dans lURL !votre_site/ndxz-studio/ install.php!. PS : pour ceux qui ont trop pris dinfusions dherbes de Provence, faut pas crire votre_site.... mais votre nom de domaine, moi par exemple cest sophiegarcia.net. Choisissez votre langue et validez. Si toutes les tapes se sont bien droules, vous devriez voir des X verts.
! 2

Entrez le nom de votre site, les informations de votre base de donnes, et validez. Si tout cest bien pass, vous devriez pouvoir vous connecter. PS: si a marche pas, cest peut-tre parce quil vous manque toutes les infos ncessaires fourni par votre hbergeur. Pour rappel : Assurer vous davoir les donnes daccs votre base de donnes MySql. Si vous navez pas ces informations, rendez vous sur linterface de votre web-manager ou demandez les codes votre hbergeur. Vous devez disposer des codes suivants: - serveur (database host) - nom de la base (database name) - utilisateur (database username) - mot de passe (database password) Quand linstallation est termine, il est indispensable de supprimer le chier !install.php! qui se trouve dans !ndxz-studio!. Changer aussi la permission de !/ndxz-studio/cong! en 755 et de !/ndxzstudio/cong/cong.php! en 644. Quand vous aurez organis votre site et cr vos galeries, pensez prendre le temps de vous faire des URL propres. Toi pas comprendre? va voir ici : http://www.carolinemenges.com/journal/?p=249 voilou PS : Big up et maximum respect pour Caroline Menges, qui a fait ce tutoriel visible sur son site Pimp my Indexhibit ICI. Retenez bien ladresse de ce site, cest le seul ma connaissance qui propose des tutos en franais : http://www.carolinemenges.com/journal/

2 Comment customiser
Sur le site cit plus haut, il y a ce tuto pour crer son propre thme Indexhibit : Par dfaut, on a le choix entre 2 thmes: !eatock! ou !sample! . Bien-entendu les crateurs dindexhibit encouragent ce que chacun sapproprie le CMS et adapte linterface selon ces gots. Pour commencer: 1 En passant par lapplication FTP, aller dans le dossier ndxz-studio > site > puis copier le dossier !sample! en local sur votre ordinateur. Une fois le dossier se trouvant en local, renommer le (ex:monstyle). Dans ce dossier ce trouvent 3 chiers, - index.php: le !template! en php qui gnrera toutes vos pages. - style.css: cest ici quil faudra faire les modications graphiques (changer les typos, couleurs ds liens, tailles du menu, etc.) - ie.css: les paramtres en css juste pour internet explorer. 2 Editez !style.css! dans un diteur de textes et faites vos modications. Quand vous avez nit, en passant par votre application FTP, placer le dossier de votre thme, !monstyle!, dans le dossier suivant /ndxz-studio/site! (aux cts de !sample! et !eatock!). 3 Pour rendre le thme actif: - logger vous sur votre interface utilisateur indexhibit - aller dans la rubrique !Rglages! (en haut droite, ct de !nouveau!) - assurez-vous dtre en Mode avanc (slectionner !On! dans le menu droulant) - puis dans le champs !Thme!, choisissez !monstyle! dans le menu droulant - pour nir, ne pas oublier de mettre jour...

Alors cest sympa de faire son thme soi mais il faut un peu sinitier au langage CSS, Html, tout a tout a.

3 Liens utiles pour apprendre le langage CSS (et autres)

- Les bases http://css.mammouthland.net/feuille-de-style-css-debutant.php http://www.aidenet.com/css/ - Les couleurs http://stylescss.free.fr/couleurs.php http://html-color-codes.com/ - Les polices http://csstypeset.com/ http://blog.barbayellow.com/2006/12/06/typo-web/ http://css4design.com/des-ensembles-de-polices-coherents-pour-le-web http://www.w3schools.com/css/css_text.asp http://www.3point7designs.com/blog/2008/06/10-examples-of-beautiful-csstypography-and-how-they-did-it/ - Feuilles de style : http://www.alsacreations.com/tutoriels/ http://www.aidenet.com/css/css40a.htm http://www.siteduzero.com/tutoriel-3-13639-liste-des-proprietescss.html#ss_part_1 http://www.yoyodesign.org/doc/w3c/css2/box.html http://www.aidenet.com/css/css41b.htm http://laltruiste.com/document.php?url=http://laltruiste.com/courshtml/ strucbodymarge.html - Thme centr fait par un graphiste (il y en a des tas chercher sur le net) : http://test.hmplus.net/ - Outil pour Firefox, pour savoir comment est construit un site qui vous plat : https://addons.mozilla.org/fr/refox/addon/1843/
! 5

- HTML (pour personnaliser via le back-ofce dIndexhibit dans longlet de la page Rglages, voir ci-dessous) : http://www.lehtml.com/html/texte.htm