Kits graphiques de Chez tite Marie

Informations importantes

Vous trouverez pour chaque kit les éléments contenus dans le fichier zip, puis les spécificités et points particuliers, avec éventuellement les problèmes signalés.
En téléchargeant un kit, vous vous engagez implicitement à ne pas y apporter de modifications et à y laisser les liens de copyright(retour vers mon site et vers les sites des créateurs/tubeurs des images utilisées).

Premiers pas
Si j'utilise Notepad ++ ou le bloc-note, je dois connaître toutes les balises (x)html ?
Avec un éditeur WYSIWYG, à quoi faut-il faire attention ?
J'ai mon site sur mon ordinateur, comment le mettre sur le web ?
Les particularités de certains kits

Premiers pas

Les kits sont proposés en fichiers compressés au format .zip. Il vous faut donc les décompresser avec un logiciel comme WinZip, PowerArchiver, Winrar, 7-zip, PeaZip ou Alzip pour n'en citer que quelque-uns. Vous trouverez des liens pour les télécharger sur la page "Liens"
Après avoir décompressé le fichier zip, vous pourrez commencer à modifier les pages .html pour y mettre le contenu de votre site. Je vous conseille fortement de garder les versions de base quelque part, si jamais vous modifiez ou supprimez un élément important.
La première page de votre site (généralement appelée kitXX.html) devra être renommée index.html pour que votre hébergeur sache qu'il s'agit de la première page de votre site.
Maintenant que vous avez vos fichiers décompressés, que votre index s'appelle bien index, vous pouvez (enfin) remplir vos pages ! Mais comment ?
Il est parfaitement possible d'éditer vos pages avec un simple bloc-note, le principal inconvénient étant l'absence de coloration du code. J'utilise pour ma part un logiciel de type bloc-note, qui colore le code et qui est gratuit, Notepad ++. Vous trouverez un lien pour le télécharger, ainsi que d'autres à la page "Liens".
Vous pouvez également préférer utiliser un éditeur de page web comme Dreaweaver ou KompoZer, personnellement je trouve que l'on maîtrise mieux sa page en la codant directement, mais chacun son choix.
Voilà ci-dessous deux captures d'écran (réduites), une avec le bloc-note de Windows, l'autre avec Notepad ++, juste pour vous montrer la coloration du code.
Bloc-noteNotepad ++

Haut de la page

Et si j'utilise Notepad ++ ou le bloc-note, je dois connaître toutes les balises (x)html ?

Non, il n'est absolument pas nécessaire de connaître toutes les balises (x)html. Par contre, il faut savoir que pour mettre un titre, on utilise <hx>, où x va de 1 (titre le plus important) à 6 (titre le moins important), balise que l'on ferme ensuite, ce qui donne ceci: <hx>Mon titre</hx>.
Autre balise à connaître: <p></p> pour faire un paragraphe, <br /> pour mettre à la ligne, plus compliqué: <img src="image.jpg" alt="nom de l'image" /> pour insérer une image.
Tout ça vous fait peur ? Pas de panique !! Ces balises sont jetées pêles-mêles ici, sans trop d'explication, mais si vous aller sur la page "Liens", vous trouverez des tutos qui vous permettront de mieux vous repérer dans un code html.
En plus, la plupart du temps, à moins de vouloir ajouter un contenu particulier, il vous suffit de faire des copier-coller des balises déjà existantes, en faisant attention de bien prendre depuis le début de la balise jusqu'à la fin.
Vous voulez un petit résumé-tutoriel qui vous permet de vous en sortir sans devoir lire des pages et des pages ? Alors allez visiter la page de "Tutoriel" !
Et si vraiment vous ne pouvez pas voir une seule ligne de code sans être mort de peur, un éditeur comme Nvu ou Dreamweaver fera très bien l'affaire ;-)

Haut de la page

Avec un éditeur WYSIWYG, à quoi faut-il faire attention ?

D'abord, c'est quoi WYSIWYG ? Il s'agit de l'acronyme de la locution anglaise "What you see is what you get", ce qui signifie littéralement: ce que vous voyez est ce que vous obtenez. Pour une définition plus complète, aller faire un tour sur Wikipedia.
Avec certains de ces éditeurs, par exemple certaines versions de Dreamweaver, vous ne verrez pas la mise en page correcte car elle est gérée par la feuille de style CSS. Vous pouvez modifier vos pages, insérer du contenu, etc, mais faites bien attention de ne pas changer la couleur des fonds, des liens, etc. Je vous signale également que mettre une couleur particulière à un texte, du rouge par exemple, avec certains éditeur, peut rendre la page invalide (si vous vous en souciez, évidemment).

Haut de la page

J'ai mon site sur mon ordinateur, comment le mettre sur le web ?

Vous allez avoir besoin d'un hébergeur, c'est-à-dire d'un serveur qui hébergera vos pages et les enverra lorsqu'un visiteur en fera la demande. En recherchant sur Google, vous en trouverez plein, des gratuits, des payants, des sans pub, des avec peu de pub, des avec beaucoup de pub, des en français, des en anglais, des en chinois (???). C'est à vous de choisir celui qui vous conviendra le mieux, suivant le volume de votre site (nombre de pages, d'images), votre budget, si vous utiliser du PHP ou pas, etc.
Pour débuter, le gratuit convient généralement bien, surtout maintenant avec toutes les offres qu'on peut trouver. La quasi totalité sont avec publicité, plus ou moins voyante, plus ou moins embêtante, lisez bien les conditions d'utilisation et cherchez éventuellement un site qui utilise cet hébergeur. Chez tite Marie a commencé avec Voila.fr, y est resté longtemps, et est passé sur 0fees.net(en anglais, quelques traductions en français) puis FirstHeberg (gratuit) et maintenant Nuxit (payant).
Vous trouverez à la page "Liens" des liens vers des hébergeurs ou bien des listes d'hébergeurs.

Haut de la page

Les particularités de certains kits

Les kits multi-fonds/cadres sont souvent fournis avec un ou des boutons vides (au format .jpg, .bmp ou .gif) que vous pouvez éditer afin de créer vos propres boutons. Il suffit pour cela d'utiliser un éditeur d'image, Paint peut suffir pour les .bmp et les .jpg, mais un éditeur supportant la transparence est nécessaire pour les .gif (transparent, tous ne le sont pas). Cela est généralement précisé dans le kit. Si vous n'y arrivez pas, vous pouvez toujours me demander de le faire pour vous par le biais du formulaire.

Certains titres sont fournis au format .psp, et doivent être édité de manière particulière avec un éditeur supportant les calques. Dans le kit se trouve généralement une marche à suivre, et si vraiment vous n'arrivez à rien, vous pouvez me demadner de le faire pour vous par le biais du formulaire.

Un éditeur à l'interface un peu lourde, mais puissant et gratuit, The Gimp. Pour le télécharger, aller à la page "Liens". Différents tutoriels concernant Gimp et Paint Shop Pro 8 seront prochainement disponibles dans la section "Tutoriels" de Chez tite Marie.

Les kits entrées sont fournis avec une page d'entrée, souvent avec un petit script en Javascript pour le rollover, page que vous n'êtes bien sûr pas obligé d'utiliser.
Certains kits utilisent les i-frames, il est nécessaire d'en maîtriser un minimum le principe pour les utiliser(ces kits sont en XHTML transitionnal), mais vous pouvez également m'en demander une version sans i-frames par le biais du formulaire.

Haut de la page

Retour en haut de la page
Design original et contenu by Chez tite Marie
Tubes by Choupette