MySQL et CSS- P11

MySQL et CSS- P11: Dans la première partie, lancez-vous dans la création de votre premier site web dynamique en PHP. Au travers d’exemples simples et concrets, apprenez à votre rythme à développer un site web complet, relié à une base de données MySQL
Nội dung trích xuất từ tài liệu:
MySQL et CSS- P11 La dispositiondiv .cadre {padding: 10px;margin: 10 px;background-color: #233A00;font-size: smaller;}La stratégie de l’emplacement des blocs vise plusieurs objectifs :¶ hiérarchiser l’information ;¶ attirer l’attention du lecteur en cassant un agencement trop symétrique et ordonné ;¶ casser les gros pavés illisibles en petites unités pour donner plusieurs perspectives sur le même contenu ;¶ entraîner le lecteur, par des accroches soigneusement disposées, à lire l’article entier. m Figure 3.12 : Disposition des informationsUn coup d’œil sur certaines pages peut causer une indigestion. La subtilitéconsiste à donner plusieurs entrées à l’article. Avant la lecture étaitlittérale. Maintenant elle est de plus en plus spatiale. Les téléspectateursvoient chaque chaîne de télévision comme une facette d’un réel morcelé. Double Poche CSS • 5013 Les règles de mise en pageAvec la mode des mangas par exemple, les jeunes prennent l’habitude delire un livre en commençant par la fin, à la façon japonaise. Sur le Web,il en est de même : le visiteur s’introduit dans le site par n’importe quellepage, parcourt, clique, revient, lit encore, comme quand il cherche sur satélévision le morceau de réel qui va l’intéresser 5 minutes.3.4 La couleurLa couleur s’exprime de plusieurs façons, via les images, la police decaractères et le fond, qu’il s’agisse de blocs ou de menus, et enfin les filets.m Figure 3.13 : Le chromographeLes couleurs sont restituées à partir des trois couleurs primaires : le rouge,le vert et le bleu (RVB ou RGB). Le mélange des trois donne le blanc encouleurs additives et le noir avec des couleurs soustractives. Les différen-ces de proportion reconstituent les couleurs du spectre. Les couleursadditives sont obtenues avec une source lumineuse comme un spot, unprojecteur vidéo ou un écran d’ordinateur (CFT ou LCD). Les couleurssoustractives sont obtenues par le mélange des colorants (procédé utilisédans l’imprimerie). Comme la somme de tous les pigments ne donne pas502 • Double Poche CSS La couleurexactement le noir, mais un marron foncé, on a ajouté le noir. Ainsi ceprocédé se nomme CMJN (cyan, magenta, jaune et noir). C’est laquadrichromie.Le contexte coloré de l’ensemble joue aussi un rôle essentiel sur laperception de la couleur d’un objet. Ainsi, une police de caractères rougeou bleue sur un fond noir paraît plus claire, et plus foncée sur un fondblanc. Ces effets de contraste ainsi que d’autres mécanismes visuelsinterviennent dans la perception de la couleur.m Figure 3.14 : http://provisoire.comL’œil est influencé par la perception du cerveau. Dans les languesceltiques, la couleur glas (en breton) représente le vert, le bleu et le grisavec, pour référence, l’ardoise. En breton moderne, le mot gwer a étéajouté pour caractériser les étoffes vertes (le vert synthétique). Les anciensBretons distinguaient-ils ce vert ? Cette étude a aussi été faite sur lesanciens Grecs. Ainsi le cerveau distingue différemment les couleurs, selonleur contexte et selon la culture du spectateur. Double Poche CSS • 5033 Les règles de mise en pagem Figure 3.15 : Couleur ardoise bleu-ardoise.frLa balance des blancs dépend de la température de couleur. Elles ne sontpas les mêmes selon le moment du jour : elles passent du rouge au jaune,puis au bleu. Ces variations sont mesurées en kelvins. Les écransd’ordinateurs sont calibrés différemment selon leur type (autour de9 300° K pour un CFT, et de 6 500° K pour un TFT) et leur marque. Lecalibrage se fait sur un blanc neutre. C’est l’étalon sur lequel se basetout le spectre affiché à l’écran.¶ 9 300° K (blanc bleuté lumineux) ;¶ 7 500° K (blanc bleuté) ;¶ 6 500° K (blanc légèrement bleuté) ;¶ 5 000° K (blanc légèrement jaune) (voir Figure 3.16).Ainsi le spectre de couleurs que le développeur voudra rendre sur son sitevariera d’un moniteur à l’autre. Il est donc inutile d’être trop perfection-niste dans ce domaine.On distingue les couleurs froides, chaudes ou neutres, relaxantes outoniques, complémentaires ou opposées, etc.504 • Double Poche CSS La couleur m Figure 3.16 : Balance des blancsLe logiciel Color Schemer permet de dégager quelques couleurs dominan-tes. À celles-ci peut s’ajouter une couleur tonique qui réveillera le visiteur.Il existe deux principales propriétés de couleur :¶ color concerne la couleur de surface, c’est-à-dire le plus souvent la couleur du texte.¶ background−color désigne la couleur de fond.Notation hexadécimaleLes couleurs sont désignées par un code hexadécimal complet (ouabrégé), de 6 caractères précédés par un dièse (#), ce qui permet d’éco-nomiser de la place. 16 777 216 couleurs sont ainsi répertoriées. b Figure 3.17 : Hexa Double Poche CSS • 5053 Les règles de mise en page Le code hexadécimal des couleurs Les nombres en Occident sont en base 10 (de 0 à 9). C’est le code décimal. Le code hexadécimal est en base 16. Après 9, il utilise les lettres A pour 10, B pour 11… jusqu’à F pour 15. La couleur est codée sur 8 bits. Chaque couleur de base (rouge, vert, bleu) est codée sur deux caractères (de 16 possibilités chacun), ce qui donne 256 possibilités, donc 2163, soit 16 777 216 possibilités. Le code cou- leur de ce qu’on appelle les couleurs sécurisées, référence 216 couleurs.Les codes formés de paires de caractères identiques peuvent être abrégés.Ainsi #11BBDD c ...