Utiliser des kitts graphiques prets à l'emploi

[Nbcat11 0]

Pour faire facilement un site, vous pouvez utilisez des kitts graphiques prêts à l'emploi, les websets, gratuits ou payants.

Ceux-ci sont modifiables à volontés : on peux y changer les images, toutes les écritures et le design en lui même aussi si vous le souhaitez, le seul impératif est de laisser le copyright du créateur en bas du set

Mon site http://www.cantzu.fr (premier site que j'ai fais) utilise ce système avec les kitts graphiques gratuits de kissdesign

Je vous explique donc sur un exemple.

il faut déjà aller sur kissdesign.
Je ne peux pas mettre le lien direct car il y a une redirection vers un malware.
En faisant une recherche google, on le retrouve tout de suite en tapant kissdesign

Puis c'est le lien à gauche :



Vous choisissez votre webset


Vous enregistrez votre website en cliquant sur ce lien : télécharger ce webset en fichier zip


Vous le retrouvez dans vos dossiers de téléchargement sous le nom de 3colsetsxxx. Ici mon exemple s'appelle 3colset145.
Votre dossier est zippé : il a une fermeture éclair indiquant ce fait


Sous windows7, pour le dézipper, vous faites un clic droit >> extraire tout

votre dossier apparait dézipper :


Vous enregistrez ce dossier dézippé dans votre dossier de création de site.

Vous avez ceci :


Dans kompozer ou dreamweaver, vous allez ouvrir (fichier >> ouvrir) une des deux pages
la page pageset145 ou pagevide

Voilà, vous n'avez plus qu'à remplir et mettre vos propres photos.

Si vous ne comprenez pas quelque chose, dites le à la suite de ce post

D' autres sites de webdesign gratuit :

http://www.atelier-duotang.com/graphiques/ensembles.php

http://www.graphiques-kits.com/kits/index.php

http://www.template4all.com/

http://www.source-gratuit.com/telecharger-template-gratuit.html

http://www.kitgrafik.com



et toute une liste :

http://www.actuaref.com/outils/templates-et-kits-graphiques-gratuits.php

[Marie14111 0]

J'ai pas tout compris pour avoir le dossier zipper 3colsetsxxx de ton exemple ?
il m'intéresse car correspond aux couleurs de mon site actuel

[Nbcat11 0]

il faut déjà que tu ailles sur kissdesign et tu vas le retrouver ou un approchant.
Je ne peux pas mettre le lien direct car il y a une redirection vers un malware.
En faisant une recherche google, tu vas le trouver tout de suite en tapant kissdesign

Puis tu cherches le lien à gauche :

[Marie14111 0]

C'est bon !

Si on prend un kit Design pour le mettre sur Kompozer, comment cela se passe ? peux t-on changer la couleur du fond ?

[Nbcat11 0]

Tu peux tout changer dans un kitt, absolument tout
fais des essais et tu verras

n'oublie pas de renommer ta page d'un autre nom avant de faire des essais

[Françoise46 0]

Je suis allée visiter ce site hier soir ! Très sympa ! Je crois que je vais m'en servir pour remodeler le site du Biewer Club de France !

[Nbcat11 0]

Les puristes du codage diront qu'il y a de grosses erreurs dans le codage mais sincèrement, tant que ça fonctionne ... c'est simple à utiliser et gratuit, que demander de plus .... à part enlever cette redirection vers le malware

[Marie14111 0]

Bon quand j'ouvre, j'ai tous les liens mais après que faire, je suis un peu perdue pour placer tous ses liens ?

[Nbcat11 0]

Tu veux dire que quand tu ouvres ta page 3colset dans kompozer, tu as sur la page pleins de liens ? c'est ça

et bien si tu n'en a pas besoin, tu les supprimes tout bêtement
ceux qui t'interessent, tu leur changes de nom

[Marie14111 0]

oui je parle des liens quand tu as cliqué sur le dossier que tu as dézipper par exemple 3colset, les liens, tu les enregistres ou tu copies pour les mettre dans un dossier car moi j'ai un souci pour enregistrer ? et ensuite comment les disposes tu sur ta page Kompozer ? Pas simple tout çà

[Françoise46 0]

1) Quand tu as dézippé ton dossier, tu le mets dans ton dossier racine.
2) Tu ouvres Kompozer et tu fais ouvrir un fichier que tu cherches sur le dossier racine : c'est le fichier avec un gros[size=24] e[/size] bleu et dont le nom est pageet quelquechose (c'est différent selon le dossier que tu as choisi). Il s'ouvre dans Kompozer.
3) Tu vas tout de suite dans le menu horizontal et tu ouvres le menu déroulant Format
4) Tu sélectionnes tout en bas Titre et propriétés de la page
5) Dans la fenêtre qui s'ouvre, tu remplis:
titre : index
auteur : Marie-Thérèse
description : page d'accueil de l'élevage de chats persans Le royaume Princier
Tu n'es pas obligée de compléter le reste.
6) Tu cliques sur OK
7) Tu vas sur le menu déroulant Fichier et tu fais enregistrer sous
8) Tu indiques le dossier racine et tu appelles le fichier index
Ensuite, tu peux travailler dans le fichier ouvert pour le transformer comme tu le souhaites.
N'oublie pas ensuite de faire enregistrer à la fin de ton travail sur cette page.

Tu fais la page index comme sur ton plan puis tu crées les autres pages en reprenant ta création de départ mais en donnant des noms différents.

[Nbcat11 0]

il faut vraiment bien créer ton dossier de départ dans ton dossier document sur ton ordinateur

par exemple, le mien s'appelle Dream (pour dreamweaver)
et dedans j'ai le dossier nbcat pour le site nbcat et le dossier cantzu pour le site cantzu
si je prends le dossier cantzu, j'ai dedans mes différends dossiers dont mon dossier
accueil dans lequel se trouve le design, soit tout ce que contenait le dossier kissdesign que j'ai dézippé.

J'ouvre la page de kissdesign, je la renomme index et je l'enregistre dans mon dossier de base cantzu : tous les liens de design sont liés alors au dossier accueil

[Françoise46 0]

Du coup, ça m'a donné envie de refaire le site du Biewer Club de France. Il est presque terminé et déjà en ligne. Si ça vous intéresse :

http://biewerclubdefrance.voila.net/

Bien sûr, maintenant, je vais l'étoffer, page par page.
Il me manque un livre d'or. Qu'est-ce que vous utilisez ?

[Schnauzer 0]

Françoise, moi j'utilise Compteur.org : http://www.compteur.org/
il est gratuit mais il y a une page de publicité qui s'ouvre en arrière plan, on ne l'a voit qu'au moment de fermer le site.
Elle ne perturbe pas pendant qu'on surfe sur le site.

J'utilise ce compteur depuis plusieurs années.

:clin d'oeil:

[Marie14111 0]

Merci Françoise et Nad, j'ai laissé un peu de côté, je vais reprendre quand mes filles vont reprendre les cours car les chipies elles n'arrêtent pas de se batailler donc pour me concentrer

[Françoise46 0]

Merci Anita ! Je cherche un Livre d'Or... Mais comme il me faut aussi un compteur, je prends. Mais je n'ai toujours pas mon Livre d'Or !
C'est certain, Marie, que des enfants au milieu ce n'est pas idéal pour se concentrer... Vive la rentrée des classes.

[Nbcat11 0]

ouvres une question pour une fiche pour ta question en regroupant compteur de visite et livre d'or.
beaucoup ont un site donc te répondrons

[Schnauzer 0]

Françoise sorry je n'avais pas bien mis mes binocles , voici donc l'adresse de mon livre d'or : http://www.livre-dor.net/
il est très simple pas de frou-frou et je trouve que c'est ce que tes visiteurs écrivent qui compte.

J'espère que cela va t'aider

[Françoise46 0]

Merci Anita.
Sur le conseil de Nadège, j'ai fait un post dans les questions pour les compteurs et les livres d'or... Je vais ajouter tes 2 liens.

[Nbcat11 0]

un autre site de webdesign gratuit :

http://www.atelier-duotang.com/graphiques/ensembles.php

http://www.graphiques-kits.com/kits/index.php

http://www.template4all.com/

http://www.source-gratuit.com/telecharger-template-gratuit.html



et toute une liste :

http://www.actuaref.com/outils/templates-et-kits-graphiques-gratuits.php

[plutoclass 0]

désolé je n'ai pas tous compris pour pouvez recommencer , déjà pour commencer je n'arrive pas a téléchargé le bidul plus haut ^^

[Françoise46 0]

Tu parles de quoi ? Du kit graphisme ?

[plutoclass 0]

oui c'est bien pour faire les images???
ou la présentation en faite j'ai rien compris du tout

[Françoise46 0]

Non ce n'est pas pour faire des images. Ce sont des kits de mise en forme de tes pages.

[plutoclass 0]

tu as un exemple en photo ??? j'ai du mal a imaginer


c'est pour voir si ça peux m'aider ou pas je sais je suis chiante

[Nbcat11 0]

les kitts graphiques sont des présentations de pages que tu peux modifier ensuite comme tu veux : ça comporte juste une image que tu va changer.

voici un exemple :

http://www.cantzu.fr/shihtzu.htm

c'est un kitt graphique de kissdesign auquel j'ai changé les images et mis des images à la place de liens vers les autres pages
(d'ailleurs je vais reprendre cette page qui a des trucs qui clochent)

et la même page dont j'ai enlevé le cadre du haut :
( à reprendre aussi - bon d'acc, je dois revoir tout le site)

http://www.cantzu.fr/chiotst.htm

tu présente comme tu veux ensuite : ça te donne juste le fond (ici marron), les bordures dorées et les petites déco

[plutoclass 0]

d'accord mais je n'arrive pas a l'installer , ça peux peut etre m'aider pour la suite

[plutoclass 0]

ça me met les images dans servimg

[Nbcat11 0]

tu n'arrives pas à télécharger ton kit ou à l'ouvrir dans kompozer ?

Tu l'enregistre : tu as la phrase "Télécharger ce webset en fichier zip en cliquant ici." tu cliques dessus cette phrase et ça va te le télécharger.


il est zippé
si tu as windows 7, tu fais clic droit, extraire tout
sinon, tu utilises un dézippeur, il y en a pleins de différents et de gratuits.
si tu ne sais pas, tu dis

tu prends ce dossier et tu le mets dans le dossier que tu as créé pour faire ton site.

tu ouvres kompozer

tu fais fichier >> ouvrir un fichier et tu cliques sur le logo nommé pageset : c'est un logo qui représente ton navigateur (mozillafirefox, internet exploreur, google chrome ou autre)

et tu as ta page

[plutoclass 0]

ça marche pow

[Nbcat11 0]

tu bloques où ?

sinon, on utilise le moyen à Marie, tu télécharge teamviewer8, tu m'appelles ou je t'appelles au téléphone en même temps et je prends la main sur ton ordi pour t'expliquer en temps réel !
mais il faut se trouver un créneau horaire


sinon, l'as-tu téléchargé et dézipper ?

l'as tu mis dans ton dossier ? (mets ce dossier dans ta partie document sur ton ordinateur)