<hier>Décembre 2005 _</hier>

14 | 22 | 28

Mercredi 14 décembre 2005 | link |

Bulletins de notes

Les fins de trimestre sont évidemment marquées par les sempiternels conseils de classe. Qui dit conseil de classe, dit bulletins de notes et appréciations.

Il est bien fini le temps où l'on passait des heures dans la salle des profs à remplir des grands feuillets à trois exemplaires... Enfin, quand on les trouvait. Car le grand sport de l'époque était de les emmener avec soi, et non de les laisser dans la salle des profs, sans laisser un petit mot pour les collègues bien sûr, cela va de soi.

Vive la modernité, vive les ordinateurs, vive les logiciels d'édition de bulletins de notes.
Ca vous fait tout : les moyennes, les graphiques, et (presque) les commentaires... enfin quand ça fonctionne correctement. Il faut avouer que chez nous, ce trimestre, à cause d'une fibre optique un peu trop pliée (découverte un peu tard, évidemment), la saisie des notes a été une vraie galère : 1 heure pour entrer 5 annotations (montre en main !), ça énerve... Dans la bagarre, quelques PC ont bien faillit passer par la fenêtre.

Notre proviseur s'est mis dans la tête de nous changer de logiciel. Pour tout un tas de raisons, dont certaines sont tout à fait pertinentes du reste, il veut passer à Pronotes.
Le lycée de ma fille l'utilise déjà et a mis à la disposition des parents (c'est une option payante pour l'établissement bien sûr) la consultation des bulletins par internet. Je ne nie pas l'intérêt de la chose, au contraire. Mais j'ai failli m'étrangler quand j'ai vu le message suivant s'afficher :

Firefox 1.5 moins récent que IE6... sans commentaires !
Soit dit en passant, l'interface est tout à fait consultable avec firefox... mais ciel, qu'est-ce qu'elle est moche !

Haut de page

Jeudi 22 décembre 2005 | link |

Les filles des magazines

Connaissez-vous le complexe de la cabine d'essayage ? Mais si, mais si. On vient de craquer devant un petit chemisier, ou une jolie jupe. Il y a bien votre taille (38 ?, oui, oui... il y a dix ans je faisais du 38, ça n'a pas du changer), pas la peine de prendre plusieurs tailles, et vous vous engouffrez dans la cabine d'essayage.

Séance déshabillage. Premier choc : sous les néons de cet espace exigu, collée au miroir (forcément grossissant), l'image de cette nana là n'est pas celle que vous imaginiez. Mais qu'est-ce que c'est que cette peau qui pendouille, ce slip qui fait ressortir ces bourrelets, cette peau d'orange autour des cuisses ? Vite, vite, cachons ce corps que je ne saurais voir avec la jupette convoitée...
Deuxième choc. Ces couturiers sont des ânes : ils ont encore changé les références des tailles ! Pas moyen de fermer cette fermeture éclair, mais quelle idée de tailler si petit !
Redéshabillage, en évitant de jeter un coup d'oeil dans le miroir (décidément très grossissant), on renfile le jean avachi pour aller chercher la taille au-dessus.

C'est souvent à ce moment là qu'une vendeuse se pointe et vous dit, tout sourire, sur un ton mielleux mêlé d'ironie : C'est trop petit ? Ah oui, chez tartempion, ils taillent petit. Prenez donc un 40... et aussi un 42.
Pétasse !

Vous sortez enfin de la boutique pour tomber nez à nez avec la couverture d'un magazine exposée sur la devanture d'un marchand de journaux. Sous le gros titre Comment maigrir après les fêtes ?, la photo d'un magnifique mannequin, d'à peine 16 ans, mince, lisse, au sourire éclatant. De quoi faire la grève de foie gras.

Et bien non ! Pas de complexes les filles, toutes ces photos sont des faux. Ces nanas là ne sont belles que sous le pinceau de la palette graphique [via Tristan].

Allez hop, apportez-moi la dinde...

Haut de page

Mercredi 28 décembre 2005 | link |

Sélecteurs class et id

Je reçois fréquemment des mails, via CSS débutants ou via OpenWeb, me demandant comment appliquer un style particulier dans une page. La réponse est toute simple : il faut utiliser des sélecteurs, et les attributs class et id sont là pour cela.

Le sélecteur class

Prenons un exemple : les pages web sont souvent ponctuées d'ancres permettant de remonter en haut de page, et celles-ci sont souvent placées à droite de la page (ce qui est sympa pour les gauchers, mais bon, j'avoue le faire aussi :-\ ). Il va donc falloir déclarer un style spécial pour cette mise en forme spécifique, et le sélecteur class va nous y aider. A noter que dans la feuille de style, le nom du sélecteur class est toujours précédé d'un point.

Source CSS

.haut {
text-align:right;
}

Source (x)html

<p class="haut">
<a href="#haut">Haut de page</a>
</p>

Et voilà, et cette mise en forme peut-être répétée autant de fois que besoin dans la page.

Sélecteur id

Le sélecteur id a presque la même fonction, à la différence importante qu'on ne peut l'utiliser qu'une seule fois dans la page, contrairement au sélecteur class. C'est pour cela qu'il est plutôt utilisé à la mise en page qu'à la mise en forme de caractères.

Exemple : construisons une section de page à deux colonnes. L'une des deux colonnes servira pour un menu de 100 pixels de large flottant à gauche, l'autre pour un contenu placé à 110 pixels du bord gauche (pour ne pas empiéter sur le menu bien sûr). Cette fois, ce n'est pas d'un point qu'il faudra faire précéder le nom du sélecteur id, mais d'un #.

Source CSS

#menu {
background-color:silver;
width:100px;
float:left;
}
#contenu {
margin-left:110px;
}

Source (x)html

  
<h1 id="haut">Exemple des sélecteurs "class" et "id"</h1> 

<div id="menu">
<ul>
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
	<li>item 4</li>
	<li>item 5</li>
</ul>
</div>

<div id="contenu">
	<p>
	Lorem ipsum dolor sit amet, 
	consectetuer adipiscing elit, 
	sed diam nonummy nibh euismod 
	tincidunt ut laoreet dolore 
	magna aliquam erat volutpat. 
	Ut wisi enim ad minim veniam, 
	quis nostrud exerci tation 
	ullamcorper suscipit lobortis 
	nisl ut aliquip ex ea commodo consequat. 
	Duis autem vel eum iriure dolor 
	in hendrerit in vulputate velit 
	esse molestie consequat, 
	vel illum dolore eu feugiat 
	nulla facilisis at vero eros 
	et accumsan et iusto odio 
	dignissim qui blandit praesent 
	luptatum zzril delenit augue duis 
	dolore te feugait nulla facilisi.
	</p> 
	 
	<p class="haut">
	<a href="#haut">Haut de page</a>
	</p>
</div>

Il n'aura pas échappé à votre sagacité qu'un id non déclaré dans les styles est venu se glisser dans la balise de titre. C'est le deuxième effet id ! En effet, cet attribut peut aussi servir d'ancre. Ainsi, le lien interne de haut de page y est rattaché directement. Cela explique aussi pourquoi on ne peut utiliser qu'un seul nom de id par page. S'il y avait deux id="haut" dans la page, où irait le lien ?! hein ? je vous le demande !

» Tester l'exemple

En complément : recommandations W3C [fr]

Robert Plant (2ème)

En novembre dernier, nous avions été voir à Caen le concert de Robert Plant. Un grand moment que certains ont eu le regret d'avoir manqué...

Et bien, bande de petits veinards, le grand blond revient en France en 2006 ! Bien sûr, le billet est à 44 euros, mais c'est tout de même plus abordable que pour les Stones qui ont du oublier que la vie ne tourne pas autour de l'américan express...

Les dates :

• mercredi 15 mars 2006 : Amiens (cirque Jules Verne)
• vendredi 17 mars 2006 : Rouen (le zénith... on y retourne !!)
• samedi 18 mars 2006 : Angers (parc des expos)
• lundi 20 mars 2006 : Reims (la cartonnerie)
• mardi 21 mars 2006 : Lille (l'aeronef)
• lundi 27 mars 2006 : Montpellier (Zénith)
• mardi 28 mars 2006 : St Etienne (Palais des congrès)
• jeudi 30 mars 2006 : Pau (Zenith)
• vendredi 31 mars 2006 : Clermont Ferrand (Zenith)
• dimanche 2 avril 2006 : Mulhouse (Parc des expos)
• vendredi 7 avril 2006 : Amneville (Le Galaxie)

Et si vraiment vous ne pouvez pas y aller, vous pouvez toujours vous procurer le double CD "Mighty Rearranger" dont le deuxième disque est l'enregistrement du concert donné dans le studio 104 de France-Inter. Ce n'est pas EMI qui le distribue, et donc pas de contenu protégé qui vous empêche de l'écouter sur un lecteur récent...

Haut de page

| Index | Archives | « Novembre 2005 | Janvier 2006 » |

---

Jeudi 25 avril 2024