mar.
12
oct.
2010
Comment créer soi-même de jolis designs? (partie 1)
Comme nous savons combien il est important pour nos utilisateurs d'avoir de jolis sites avec des designs et mises en page Jimdo multiples et variés, nous vous avons concocté 2 exemples de designs, que vous pourrez très simplement reproduire! Aujourd'hui une idée de design réalisable avec JimdoFree et une avec JimdoPro! D'autres suivront! Vous allez voir, en fait il y a de nombreuses possibilités pour chaque offre! Laissez-vous inspirer!
Idée design 1
Alors pour commencer, voici un modèle tout simple! En fait il y a seulement 2 choses à faire, afin d'obtenir ce design élégant!
1. Sélectionner la bonne mise en page (disponible avec JimdoFree)
2. Choisir le header transparent
Nous avons choisi de créer une première page vraiment simple et claire, avec seulement une photo et le contact de l'interlocuteur.
1. Sélectionner la mise en page
Voilà l'aperçu de la mise en page. Vous la trouverez dans la rubrique "Design" > "Mise en page". Cliquez simplement dessus et confirmer.
2. Choisir le header transparent
Dans la 2ème et dernière étape -déjà-, vous devez sélectionner le header transparent. Pour cela, cliquez simplement sur "Modifier le header" > "Galerie" et sélectionnez la première image.
Dans la rubrique "Titre", vous pouvez insérer la police de votre choix, dans la rubrique "Logo" si vous êtes utilisateur JimdoPro ou JimdoBusiness, vous pouvez aussi insérer votre propre logo. Enfin dans les "paramètres", vous pouvez choisir la hauteur de votre header transparent: tout dépend si vous souhaitez obtenir un grand ou petit espace noir au-dessus du bloc de contenu!
Vous pouvez télécharger ce tutoriel au format PDF et l'imprimer!
Idée design 2
Le design suivant, réalisé avec une mise en page JimdoPro, est également très simple. Mais cette fois-ci, il est tout blanc! :) Voilà les étapes à suivre pour le réaliser vous-même:
1. Sélectionner la mise en page
2. Adapter les couleurs ("Motif de fond" et "couleur personnalisée")
3. Choisir le header transparent
1. Sélectionner la mise en page
Vous trouverez cette mise en page dans la rubrique "Design" > "Designs JimdoPro".
Nous avons choisi cette mise en page, car elle possède une deuxième zone avec fond coloré. Vous pouvez aussi adapter la couleur de police, en choisissant par exemple des couleurs différentes pour les liens dans le texte et pour la navigation.
2. Adapter les couleurs
Dans notre exemple de design, nous avons sélectionné simplement du blanc. Vous pouvez bien entendu choisir une autre couleur, ce qui est important, c'est de bien noter le code couleur en question. Car vous en aurez besoin deux fois.
- Dans "Style" > "Format de police" s'affiche la note "Ce design possède une deuxième zone avec arrière-fond coloré. Vous pouvez adapter les couleurs de la police d'écriture.". Cliquez dans cette case sur police d'écriture. Dans la partie droite sélectionnez par exemple un gris foncé pour le texte, les titres et les liens.
- Dans "Style" > "Couleur personnalisée" posez le curseur en haut à gauche sur le blanc ou bien entrer directement le code couleur FFFFFF.
- Dans "Style" > "Motifs de fond" entrez également le code couleur FFFFFF et le premier motif blanc.
3. Choisir le header transparent
Et enfin: choisir le header transparent! Pour cela, cliquez simplement sur "Modifier le header" > "Galerie" et sélectionnez la première image.
Pour cet exemple de design nous avons encore inséré un titre en haut à droite.
Et voilà, c'est fini! Encore un petit conseil:
Ce qui rend bien avec ce design, c'est d'insérer sur la page d'accueil un tableau de trois colonnes sous la photo, dans lequel les points principaux du menu sont décrits.
Pour cela nous avons simplement inséré un module Tableau, nous l'avons agrandi sur toute la largeur de la page et ajouté notre texte. Vous pouvez ensuite relier le texte des blocs à vos sous-pages.
Vous pouvez télécharger ce tutoriel au format PDF et l'imprimer!
Commentaires: 19
-
#1
Merci la team!!
Par contre, c'est dommage que les vignettes ne soient pas cliquables, on ne voit pas super bien le rendu des designs mais bon je chipote ;)
Merci encore ! -
#2
Il y a t-il moyen de jouer sur les dimensions de la mise en page ?
-
#3
Perso je kif j'ai hâte de voir les autre
-
#4
Pfff je sais déjà tout ça anvant d'aller sur ce site!!
-
#5
Disposeriez vous d'un calendrier qui pourrait être modifié avec des annotations et ensuite visible sur le site par les clients
( disponibilités de les gîtes).
merci encore par avance. Carole -
#6
Pas mal du tout. Merci.
-
#7
aidez moi a faire une animation
Merci -
#8
merci le team..
sur une recherche Google pourquoi je ne suis pas encore visible lorsque je tape mon nom???? -
#9
Merci beaucoup, c'est cool de votre part de nous expliquer tout ça, ça fait gagner un temps fou pour les débutants! j'ai encore tellement à apprendre...
-
#10
Oui mais on ne peut pas insérer une image JPEG ou autre dans une cellule de tableau ? domage
-
#11
je débute, tâtonne,pas trop de temps encore, mais je persiste.Merci pour l'aide.
-
#12
Mouais... assez basique quand même.
-
#13
trois mois et je ne suis toujours pas visible sur le web ..... je me suis réferencée sur des annuaires et enregistré des mots clés mais lorsque je tape DAR TILILA dans google ou même l'adresse complete dar-tilila-marrakech.jimdo.com rien ne se passe ...
Autre question comment presenter sur mon site un calandrier des disponibilites merci d'avance pour vos réponses -
#14
J'adore le premier design ! Sobre, épuré, élégant ! Très chouette !
-
#15
Comment faire pour être visible sur le Web?
Est-ce qu'il faut passer à Jimdo Pro?????
SVP aidez moi! -
#16
Bonjour! Pour être visible sur Google, il faut simplement attendre quelques semaines que le site soit enregistré par le moteur de recherche.
En plus, je vous conseille de suivre ces quelques conseils:
http://fr.jimdo.com/seo/ -
#17
bonjour à tous
merci infiniment et bonne réussite -
#18
Genuinely.. I gotcha.. Greetings.. Thank you for investing the trouble to relay the topic, I wonder about this and like looking through a little more about this topic. If you can, as you gain more info, if at all possible, try updating your website with more posts? We all like the posts. See ya..
-
#19
Bonjour à tous, comment insérer un calendrier, à mon site jimdo svp ?
Merci. 
Version imprimable