Bienvenue

Modèles de site

Vous disposez de 6 modèles de présentations différentes accessiblent dans la fenetre outils, rechercher une image avec des mots clefs puis cliquez sur l'image pour l'afficher automatiquement sur le site, ou cliquez sur le lien en-dessous de l'image pour obtenir la version originale sur le site fotolia. Sélectionner le style que vous souhaitez avoir et télécharger le modèle de ce site. Puis personnaliser ce site grâce à la boite à outils de couleurs. Une fois les couleurs sélectionnés, vous pourrez télécharger le contenu du fichier layout.css (feuille de style) de manière dynamique, il vous suffira ensuite de remplacer le contenu du code qui se trouve dans le fichier layout.css par celui que vous avez généré (css/layout.css). Si vous ne disposez pas d'editeur de page web, en voici un qui est gratuit (HAPedit et ne nécessite aucune installation) pour editer le code du fichier css et celui des autres pages du site.

essai image1

Explication

J'ai fait cette page pour permettre à quiconque d'obtenir un site internet facilement personnalisable, de pouvoir créer un site grâce à la gestion dynamique des couleurs. En cliquant sur une seule couleur l'on calcule les couleurs analogiques voisines et l'on peut ainsi les attribués aux différentes parties de la page. Il vous est permis de jouer ainsi rapidement avec une présentation totalement différente des couleurs d'un site. L'on peut également toujours grâce à la technologie css de mise en forme, avoir un style de présentation différente du site et ainsi obtenir des variantes de mise en forme gérer de manière dynamique avec du javascript. Vous pouvez ensuite télécharger le style de site choisi et obtenir la personnalisation des couleurs sous forme de fichier css. Vous pourrez ainsi revenir sur ce site et changer le look de votre site par la suite très rapidement.

essai image2

Sous-menu

Cette partie est en complément du site, présent sur certains modèles disponibles en téléchargement. Je vous rapelle qu'il vous suffit de sélectionner le modèle de site qui vous plait en haut de cette page puis de télécharger en bas le lien avec le contenu des pages du site. Puis dans la fenetre ou se trouve les couleurs de sélectionner la mise en forme des couleurs du site et de générer le contenu du fichier css à mettre en lieu et place de celui existant lors du téléchargement du site web (layout.css). Pour modifier le texte et les images il ne vous reste plus qu'a ouvrir les pages home.html, articles.html, photos.html..... à l'aide d'un éditeur pour créer son site internet, retrouver les balises

<p></p> et vous pourrez insérer votre propre texte. Vous pouvez aussi modifier ou ajouter des liens dans ces pages à l'aide des balises <img>

 
télécharger le modèle de site


Générer et télécharger le fichier CSS avec les couleurs sélectionnés


Arrière plan entête:

Texte entête:

Arrière-plan général:

Texte général:

Arrière-plan central:

Texte central:

Arrière-plan pied de page:

Texte pied de page: