Background-color et style de widget

**Luke spywoker** · 27/10/2010, 17h59

Bonjour,

Je suis en train d'apprendre et débutant dans la programmation web par script python cgi: j'ai déja tout un projet dans la tete et je suis documenter sur le HTML seulement dans mes sources je ne trouve pas comment rendre le fond d'une page d'une couleurs précise (je crois qu'il faut donner la représentation hexadécimale de la couleur) et me demande si il existe différents styles pour les "widgets" (radiobuttons checkbox, etc...) car le style par défaut est monotone, le HTML est il si basique que sa...

Si vous avez l'info elle sera la bienvenue et je vous serai reconnaissant si vous laissez un petit liens vers de la documentation traitant sur les effets de style, un peu plus avancer que les bases qu'on trouve dans les didactiels du site.

**Luke spywoker** · 28/10/2010, 22h19

Autant pour moi: pour changer le background d'une page il faut en faite renseigner l'attribut bgcolor dans la balise <body>.
Mais comme je veux créer une page avec différentes zones multicolores je me suis tourner vers les frameset:
J'ai donc créer une page avec DOCTYPE frameset qui dans les <frames> appelent par l'attribut src de celles-çi la page qui deviendra la frame(zone).
Mais je n'arrive pas a découper la pages comme je le désire car:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<frameset rows="20%,*">
  <frame>
  <frame>
</frameset>

fonctione très bien mais en essayant de subdiviser je n'arrive pas a créer des sous frameset comme suit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<frameset rows="20%,*">
  <frameset cols="20%,*,20%">
    <frame>
    <frame>
    <frame>
  </frameset>
  <frame>
</frameset>

Si quelqu'un pourrait me renseigner comment créer des sous-frameset sa serai sympa pour ma mise en page, merci de m'aider.

**albedo0** · 29/10/2010, 13h41

Bonjour,

Je pense que tu cherches à faire quelque chose comme ça (avec quelques paramètres supplémentaires) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<frameset rows="20%,*" frameborder="no" border="0" framespacing="0">
  <frame src="entete.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="20%,*,20%" frameborder="no" border="0" framespacing="0">
		<frame src="menug.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
		<frame src="centre.html" name="mainFrame" id="mainFrame" title="mainFrame" />
               <frame src="menud.html" name="rightFrame" id="rightFrame" title="rightFrame" />
	</frameset>
</frameset>

Cependant je te déconseille d'utiliser des Frames, c'est un peu démodé aujourd'hui.

Tu peux obtenir le même résultats d'une autre manière.
- soit avec des tableaux (mauvais pour l'accessibilité, mais simple à gérer),
- soit avec des positionnement CSS (solution idéale).

**albedo0** · 29/10/2010, 13h43

A savoir aussi qu'avec des dimensions en % tu risques d'avoir des suprises en fonction de la résolution de l'écran sur lequel tu visionne le site...

**franculo_caoulene** · 29/10/2010, 13h51

Salut,

Non, non et non!!! La mise en page ne se fait QUE en utilisant les CSS. Luke spywoker tu es apparemment dans ce domaine je t'encourage donc à consulter les cours, et FAQ de ce site.

On structure l'information via HTML et on la met en forme via CSS.

**albedo0** · 29/10/2010, 13h58

Envoyé par franculo_caoulene

Non, non et non!!! La mise en page ne se fait QUE en utilisant les CSS.

J'ai l'impression de t'avoir un peu agacé avec ma réponse...
Je sais bien que la mise en forme css est vraiment l'idéal, néanmoins pour une personne qui ne maîtrise pas encore le html, c'est pas forcement évident.

**franculo_caoulene** · 29/10/2010, 14h04

Et non justement, en offrant le choix à Luke spywoker tu lui donnes la possibilité de mal s'orienter dans le développement client. HTML et CSS vont de paire et sont indissociables en développement web.

Mon message n'a rien de personnel crois moi.

**albedo0** · 29/10/2010, 14h12

Envoyé par franculo_caoulene

Mon message n'a rien de personnel crois moi.

Je te rassure, je ne me sent pas attaqué...

C'est juste une divergence pédagogique...

Personnellement, lorsque je formais des étudiants à la création de site web, je commençait pas leur apprendre le html et je leur faisais utiliser les balises simple b, i, font. Une fois que le HTML était compris, on passait aux bonnes pratiques en ajoutant la notion de CSS.

Comme sur un traitement de texte, tu commences par montrer aux débutants comment mettre du gras de l'italique et comment aligner les paragraphes avant de voir les styles...

**Luke spywoker** · 29/10/2010, 18h08

J'ai bien lu la doc du site ou il est dit clairement qu'il est déconseiller d'utiliser des frames pour la mise en page et que les tableaux ne sont pas la pour sa...
Cependant je n'ai pas le temps d'apprendre un nouveau langage (CSS) mon cerveau est deja saturer de codes et le projet est personnel pour ne tourner que sur mon ordinateur.

Que signifie donc le % dans les frameset ce n'est pas marquer dans la doc ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

citation: Luke spywoker tu es apparemment dans ce domaine je t'encourage donc à consulter les cours, et FAQ de ce site.

La documentation ne rentre pas dans les détails et peut etre que dans un futur plus ou moins proche j'apprendrai le CSS. Les pages web prévues ne vont etre faite que pour me servir d'un programme python antérieur que je vais convertir en cgi afin de réaliser un site de quelque pages...

Si quelqu'un connait un document plus précis sur le HTML merci de laisser le lien.

Question pédagogique je suis entièrement autodidacte et merci aux site de pouvoir parler avec des gens sur les sujet qui nous intéressent et de recevoir des conseils, car sinon des fois on ne trouve pas de réponses.

Merci de vos réponses.

**albedo0** · 30/10/2010, 12h03

Les % correspondent à la largeur pour col (ou la hauteur pour row) de la frame par rapport à la page. Cette dimension peut également être exprimée en pixels, en ne précisant pas l'unité.

**Luke spywoker** · 14/11/2010, 21h45

Je viens de lire le tut du site sur CSS....

Le CSS est destiner a fixer des valeurs d'attributs par défaut a appliquer aux balises, pages qu'on souhaite. Mais je ne vois pas comment mettre en page plusieurs pages différentes afin de mettre en page une page HTML avec ce que j'ai lu sur le CSS: http://css.developpez.com/tutoriels/premiers-pas/

Le tut est peut-etre trop orienter police&couleurs et pas mise en page car je n'ai pu conçevoir après lecture coment remplacer mon code du dessus (avec les frameset) par une feuille de style...

Si quelqu'un peut m'orienter et combler ma lacune de mise en page sa serai sympa ou bien le CSS est peut-etre pas fait pour ça.

**albedo0** · 15/11/2010, 08h55

Tu places les zones en HTML :

Chaque div correspond à une "page" (ce ne sont plus des fichiers indépendants) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div id="entete">...</div>
<div id="colonne1">...</div>
<div id="colonne2">...</div> 
<div id="centre">...</div>

Le code CSS permettant de mettre en forme le tout :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
div#entete {
	height:100px;
	background: #00f;
}
div#colonne1 { 
    float: left; 
    width: 200px; 
    background-color: #f00; 
}
div#colonne2 { 
    float: right; 
    width: 300px; 
    background: #0f0; 
}

Background-color et style de widget

HTML

Discussions similaires

Partager

Partager