Autres > Webmester
Les secrets de ce site...
Avis aux webmester : vous avez trouve quelquechose qui vous interesse
sur ce site, et que vous aimeriez mettre sur le vôtre ? Aucun
soucis, mettez juste un petit lien vers mon site ! Dans cette page sont
détaillés tous les secrets de la construction de
ce site, des menus aux sondage, en passant par les CSS (tous les CSS
sont dans le dossier ./site/css) et le livre d'or.
Voici les grandes lignes utilisées pour la
création de ce site:
Les menus
Le menu horizontal :
Réalisé entièrement en CSS (Cascades
Style Sheet), ce menu est très simple. Le code qui s'affiche
étant le même pour toutes les pages, un fichier
".js" à été créer afin
d'alléger le code source. Pour changer les images
lorsque la souris passe dessus, un simple "a:hover" dans la feuille de
style permet d'afficher le wagon avec les couleurs inversees.
Le menu vertical :
Ce menu est aussi réalisé en parti à
l'aide de CSS. Cela permet notamment de faire varier les couleurs des
cases pour les différents niveaux du menus. De plus, deux
javascript permette d'afficher une flêche lorsque un niveau
inférieur existe, et de repérer le type de
navigateur afin de ne pas faire planter les vieux navigateurs.
[
Haut ]
Sondage
et livre d'or
Rien de plus simple que d'installer un sondage sur chaque page, avec
différentes réponses possibles, des dates limites
de vote, une consultation des archives, différents skin
d'affichage, etc :
Alex Poll 2.
Rien de plus facile que de permettre aux visiteurs de laisser un
message dans un livre d'or, de gérer les messages,
d'effectuer une sencure, ou de redissiner l'interface à
l'aide de CSS (les CSS, c'est magique !) :
Alex
Guestbook4.
Donc merci à Alex pour ces super scripts, dont
l'installation est automatique, et l'utilisation simple et efficace. A
noter tout de même qu'une base de donnée est
requise pour l'installation et l'utilisation de ces scipts...
[
Haut ]
Les votes
Encore une fois, internet regorge de scipts et d'astuces pour permettre
aux visiteurs de voter en ligne. Celui que j'ai choisi pour cette page
utilise un script php, mais pas de base de donnée mysql,
contrairement à beaucoup de script. Ce script a
été trouvé sur
www.scriptsez.net.
Un simple fichier texte est créé pour chaque page
où vous souhaitez un vote. Une petite modification du script
trouvé sur internet m'a permis d'afficher en haut de chaque
page la note attribuée, et seulement en bas, le
système de vote. Ainsi, impossible de voter sans avoir vu la
page ! Pas con hein ?
Ce script assez simple ne permet en revanche pas de choisir un temps
à partir duquel un visiteur peut voter... Un second vote ne
peut intervenir que si un second visiteur à voter pour la
page (l'IP du dernier votant étant enregistrée et
controlée pour chaque nouveau vote).
[
Haut ]
Le
"compteur live"
Pour afficher le "compteur live", soit le nombre de visiteurs en ligne,
un script assez simple en php a été
utilisé. Ce compteur est plus un "truc qui sert à
rien", mais donne un aspect ludique au site. Merci donc à
leurs concepteurs,
Actulab.
L'installation est très simple, et le résultats
très bon. Ce compteur ajoute en fait chaque nouveau visiteur
(date et IP) qui entre sur le site, et retire tout les anciens de plus
de 5 min. Le résultat (qui n 'est pas exact evidemment)
convient parfaitement à ce genre de site.
[
Haut ]
L'affichage
général (bug IE)
Pour tout ce qui est de l'affichage, les feuilles de style (CSS) ont
été utilisées. Ainsi, respectant les
standards W3C, l'affichage est correct pour Firefox et
Opéra. En revanche, des modifications ont
été nécessaires pour l'affichage sur
IE. Malgrès ces modifications, tout n'est pas parfait sous
IE. Le fond d'écran du site n'est pas bien
affiché sous IE. De plus, l'alignement du menu n'est pas
correct.
Il est très fortement conseillé
d'utiliser Firefox, logiciel gratuit, afin d'obtenir le
meilleur affichage possible !
[
Haut ]
Les
statistiques
Toutes les statistiques de ce site sont réalisé
à l'aide du logiciel PHPmyvisites. Tout est très
bien expliqué sur le site
www.phpmyvisites.net. L'affichage du nombre de visites sur
chaque page est faite à l'aide du script "PHPMV2_Count",
trouvé en lien sur le site de phpmyvisites. Pour voir les
statistiques complètes du site, cliquez
ici.
[
Haut ]
Page mise à
jour le 18 janvier 2006 à Montréal
