Discussion :

[Invité]

Bonjour à tous,


Jusqu'à maintenant - je suis infographiste débutant - j'ai utilisé des iframes dans mes designs de sites Web. C'est très pratique : je crée l'habillage du site, et puis dedans j'insère une iframe où j'affiche les textes etc. Du coup, si j'ai une modification de design à faire, je n'ai qu'un seul fichier à modifier.

Or, les iframes montrent rapidement leurs limites lorsqu'il s'agit de référencement sur Internet. En plus, elles ont une taille limitée ce qui ajoute une barre de scroll sur la page, qui gêne certains.

Je voulais donc savoir comment garder ce principe "d'une seule page de design" qui s'appliquerait à toutes mes pages en HTML (je ne souhaite pas utiliser de PHP).

De ce que j'ai compris du CSS en fouillant sur le Net, je peux créer une feuille de style, dont je fais la déclaration dans ma page HTML. Le problème après, c'est qu'il faut que je reprécise dans chaque page HTML la position des blocks. Comme ici :

Dans la CSS :

div#bandeau {
width:600px;
height:50px;
background-color:#00CCFF;
}
div#contenu {
width:600px;
height:400px;
background-color:#FFCC00;
}
div#piedpage {
width:600px;
height:50px;
background

Dans mon code HTML :

<div id="bandeau">Ceci est le bandeau</div>
<div id="contenu">Ceci est le contenu</div>
<div id="piedpage">Ceci est le pied de page</div>

Donc voilà, il faudrait que ça soit fait automatiquement, comme un gabarit. Que je n'aie pas besoin à chaque fois de dire : voilà le header, il faut le mettre en haut, etc. Est-ce que c'est possible en CSS ?



Merci d'avance pour votre aide,
Je suis nouveau sur le forum mais j'apprécie énormément son contenu.

[FraK]

La seule alternative à l iframe est l include en php

[c_s_s]

L'avantage des feuilles de style (CSS), c'est qu'elles te permettent de séparer le contenu de la mise en forme.

Si tu définis la position ou la taille de ton header dans une feuille de style qui s'applique à tout ton site, alors il suffira de modifier cette feuille de style pour que le changement se fasse sur toutes tes pages.

Evidemment, tout cela est plus simple quand les pages ont une structure proche. Si tu t'amuses à changer la disposition de ton entête ou des tes menus sur chaque page, une feuille de style globale sera moins intéressante en cas de modification.

[Invité]

L'avantage des feuilles de style (CSS), c'est qu'elles te permettent de séparer le contenu de la mise en forme.

Si tu définis la position ou la taille de ton header dans une feuille de style qui s'applique à tout ton site, alors il suffira de modifier cette feuille de style pour que le changement se fasse sur toutes tes pages.

Evidemment, tout cela est plus simple quand les pages ont une structure proche. Si tu t'amuses à changer la disposition de ton entête ou des tes menus sur chaque page, une feuille de style globale sera moins intéressante en cas de modification.

C'est exactement ce que je veux faire ! Toutes mes pages auront la même disposition !

Mais justement, ça se passe comment pour créer un design en CSS comme ça, c'est tout du code ou alors il y a du WYSIWYG (sur DreamWeaver par exemple) ?

[c_s_s]

Je ne sais pas quelles sont les limites de Dreamweaver pour la création des CSS.

Personnellement, je travaille directement dans le code.

[FraK]

Topstyle
création de feuille css avec aperçu graphique