Télécharger et modifier les kits

Zwatla met gratuitement à la disposition de tous des kits graphiques CSS-XHTML facilement adaptables. Ces kits sont des prototypes de sites (à base de documents XHTML et CSS préremplis) que vous pouvez ensuite aisément personnaliser en les modifiant un peu (en mettant la main à la pâte) ou totalement (pour les plus aguerris d'entre vous). Notez que ces kits sont soumis à certaines règles d'utilisation (voir forum).

Les kits graphiques édités par Zwatla sont réalisés par nos soins et gratuits. Chacun d'eux est conçu pour faciliter au maximum la mise en place de textes, photos,... tout en limitant le plus possible les compétences et logiciels requis.

Voir tous nos kits graphiques

Comment télécharger un kit graphique sur Zwatla ?

Pour télécharger l'un de nos kits graphiques, vous devez au préalable vous inscrire sur notre Forum (si vous n'êtes pas un utilisateur inscrit, le contenu "Téléchargement des kits" n'apparaît pas et il vous est dès lors impossible de télécharger quoi que ce soit). Une fois la (très courte) procédure d'inscription accomplie, vous pourrez télécharger le (ou les) kit(s) de votre choix.

Une fois inscrit sur le forum de zwatla,vous trouverez dans le forum des kits graphiques un sujet de discussion par kit. Sélectionnez votre kit favori, et cliquez sur "Téléchargement". Il ne vous reste plus qu'à enregistrer le fichier proposé sur le disque dur de votre ordinateur.

Que faire du fichier téléchargé ?

Lorsque vous téléchargez un kit sur notre forum, vous obtenez un fichier ZIP dans lequel se trouve la base de construction de votre futur site. Un ZIP est un format de fichier permettant la compression de données.

Pour accéder aux dossiers et fichiers du kit téléchargé, vous devez d'abord décompresser le ZIP. Pour décompresser un fichier ZIP, vous devez impérativement disposer d'un logiciel de compression / décompression d'archives de type ZIP, ARJ, RAR.

Pour rappel, vous pouvez utiliser les logiciels suivants comme outils de décompression : winrar (version d'évaluation de 40 jours) ou 7-zip (open source).

Dans le fichier décompressé (qui porte le même nom que le ZIP) vous trouverez généralement :

Tuto
  • 1 dossier d'images : images
  • 1 page CSS (feuille de style) : style.css
  • 1 ou plusieurs page(s) HTML (document xhtml) : index.html

Comment modifier les kits ?

Araneae Pour la réalisation de nos kits, nous n'utilisons pas d' éditeur WYSIWYG, mais travaillons en mode texte (directement dans le code). Nous vous conseillons cette approche (même si pour certains, elle peut paraître ardue) et vous recommandons d'utiliser le logiciel Araneae ou PSPad (vous pouvez toutefois utiliser Dreamweaver ou tout autre éditeur html, du moment que vous ouvrez vos documents en mode texte).

Vous êtes prêt à vous lancer ? Ouvrez la page (x)html que vous souhaitez modifier dans votre éditeur html en mode texte (Araneae ou PSPad) et ouvrez-la également avec votre navigateur web préféré.

Exemple d'ouverture du document "index.html" avec le logiciel PSPad (éditeur html)

Tuto

Exemple d'ouverture du document "index.html" avec Firefox (navigateur web)

Tuto

Faites les modifications dans le code HTML ou CSS, selon ce que vous souhaitez modifier le contenu ou le design (voir à ce sujet le prochain chapitre : Exercices pratiques à partir du kit Blue Flower).

Pour voir le résultat, enregistrez votre (vos) document(s) HTML et/ou CSS (selon les modifications effectuées) et actualisez la page dans votre navigateur web (appuyez sur la touche F5 de votre clavier et vos modifications doivent être apparentes).

Chapitre suivant : exercices pratiques à partir du kit Blue Flower