Archive for November, 2006

Menus déroulants - configurer le menu ouvert par défaut

Monday, November 27th, 2006

Si vous avez déployé la navigation secondaire sous forme de menu déroulant, vous vous êtes peut-être demandé comment conserver l’ouverture de ces derniers.

Plusieurs options sont possibles. Par défaut, le script va ouvrir le menu dans lequel figure la page que vous ouvrez. Par exemple, si vous avec une page 2 dans un menu 3, en cliquant sur le lien ‘page2′, cette dernière s’ouvrira, déployant également le menu 3. Si la page ne figure dans aucun menu, par défaut encore, le premier menu va se déployer complètement.

Attention, ces options sont exclusives, c’est-à-dire qu’il faut en choisir une sans la combiner à l’autre

Ne pas déployer le premier menu

Si vous ne désirez pas que le script ouvre le premier menu s’il n’a trouvé aucun lien de référence, vous pouvez simplement changer la variable expandFirstItemAutomatically dans le script que vous avez collé dans votre en-tête, en lui attribuant la valeur 0 au lieu de 1

var expandFirstItemAutomatically=0;

 

Forcer l’ouverture dans le script

Vous pouvez spécifier quel menu sera ouvert dans une page. Pour cela, vous pouvez spécifier une identité, un ID, dans le tag LI du menu à déployer (pas de l’élément, mais du menu). Par exemple, pour déployer le menu download:

<li id="MenuInitialOuvert"><a href="#">Download</a></li>

Dans le script qui figure dans l’en-tête, changez simplement la variable initMenuIdToExpand en lui attribuant la valeur que vosu avez choisie pour le ID, par exemple:

var initMenuIdToExpand = 'MenuInitialOuvert';

 

Forcer l’ouverture dans l’url

Dans un lien, vous pouvez forcer l’ouverture d’un menu en passant en paramètre la variable mainMenuItemToSlide qui correspond au menu à déployer. L’exemple ci-dessous étend le menu 2 de la page page.html

<a href="http://url/page.html?mainMenuItemToSlide=2">

 

Toutes ces options peuvent être utilisées par exemple en jouant avec des include ou des groupes d’include pour faciliter leur gestion.

[CSS] Correction mineure concernant les ascenseurs

Monday, November 20th, 2006

Suite à la remarque de quelques utilisateurs, nous avons forcé l’affichage des ascenseurs sur les pages web des modèles.
En effet, sans cet ajout, les pages ‘valsaient’ lorsque l’on passait d’un affichage court sans ascenseur, à un affichage plus long, ce qui semblait désagréable pour l’internaute.

L’ajout concerne la feuille de style centrale common.001.css. Le style modifié est la balise HTML.


html {
  /* IE */
  overflow-y: scroll;
  /* Moz */
  height: 100%;
  margin-bottom: 0.1em;
}

Optimiser le référencement

Monday, November 13th, 2006

Via Presse-Citron - Question ô combien primordiale que celle de l’indexation et du référencement de votre site. Presse-Citron s’appuie sur un article d’Olivier Duffez pour mettre en évidence quelques mécanismes.

Cet article orienté plutôt blog contient cependant quelques points qu’il convient de soulever pour des sites standards tels que ceux de l’université

En vrac des conseils

Afin d’être indexé de manière idoine dans les moteurs de recherche, quelques trucs et astuces peuvent vous sauver la mise

  • La structure de votre document et son contenu son primordiaux: structurez, structurez, structurez vos informations
  • Les titres doivent être explicites et contenir des termes clefs: privilégiez ‘Contactez le décanat’ plutôt que ‘Contact’
  • Certaines balises sont primordiales et structurent les documents. Ces dernières donnent une information aux moteurs de recherche sur l’importance des termes. Ces balises sont <h1>, <h2> etc… et correspondent aux titres Titre 1, Titre 2 etc… de Word par exemple
  • Les balises de gras et d’italiques mettent en évidence les termes importants. Le moteur de recherche les repère et les pondèrent plus fortement au sein d’un texte.
  • La balise de titre - <title> ici le titre </titre> - permet d’afficher le titre dans la barre de votre navigateur. Cette balise primordiale est trop souvent oubliée au profit d’un untitled document
  • Evitez les médias tels ques les images ou les éléments Flash - surtout sur les pages d’accueil - si ces derniers ne sont pas strictement nécessaires. En effet, un texte affiché sous forme d’image ne peut pas être lu par un moteur de recherche s’il n’est pas commenté par la balise alt
  • A bannir absolument, les espaces dans vos noms de fichiers (ou pire encore les accents qui ne passeront pas dans 98% des cas..)
  • Faites des liens vers d’autres sites, vers d’autres éléments relatifs à votre contenu
  • Mettez à jour régulièrement les sites en corrigeant/supprimant les éléments obsolètes, notamment les liens, et en ajoutant vos compléments

Un guide complet d’optimisation du référencement de blog

[CSS] Correction du lien dans le nom du service

Sunday, November 5th, 2006

Le nom du service figurant au sommet porte la classe .address.

Une correction mineure de common.001.css permet un affichage du lien non-souligné blanc. Le survol fait apparaître le souligné du lien.

Ajout dans common.001.css:

#identity .address a {
  text-decoration: none;
  color: #FFFFFF;
}
#identity .address a:hover {
  text-decoration: underline;
}

La navigation secondaire en question

Sunday, November 5th, 2006

Fred Cavazza pose la question sur la table: les menus de navigation secondaire sont-ils vraiment utiles? N’y a-t-il pas de risque de ‘pollution’ visuelle?

fredcavazza.net - lien vers l’article