Accueil > Développement web > Mes créations > Harry Potter Encyclopedia > Présentation générale du site HPE
472 visites

Présentation générale du site HPE

mardi 8 janvier 2013

Version imprimable de cet article Version imprimable

Comme son nom l’indique, ce site traite de l’univers de la saga Harry Potter.

Étant une "encyclopédie", ce site a besoin d’afficher beaucoup d’informations, son design est donc assez "chargé" contrairement à un site d’artiste ou de design qui, simple vitrine, serait plus épuré.
Le design reste donc très classique, un entête, un menu de navigation (avec champ de recherche) sur la gauche, pied de page et cadre contenu au centre, lequel reste fixe dans la page et a son propre scrolling.
Petite "innovation" personnelle [1] que l’on retrouve également sur le site graindimage.org et vader-fr.fr, un cadre dépliant sur la droite liste les articles de la même rubrique.

Ce site sous SPIP a été créé par Famas94 à partir du squelette zpip-vad (squelette Zpip "customisé" pour le site Vader-fr.fr).

Je n’ai fait que collaborer avec lui pour le guider dans la réalisation de son thème et les adaptations du squelette.
Grâce à Firefox et son module Firebug ainsi que Notepad++, l’édition du thème pour le site ainsi que des pages du squelette a pu se faire assez aisément, même pour un non informaticien.
Étant bien conseillé, ça aide aussi, mais une fois la logique rapidement comprise, le reste n’est qu’une formalité.

Le site a donc été fait selon les souhaits de son créateur Famas94.

La création a commencé mi novembre, et le site a été mis en ligne début janvier. Quelques aménagements mineurs restent bien sûr à effectuer.

Le fonctionnement technique du site (squelette, style et scripts JavaScript) sera détaillé dans cette rubrique.

Voir en ligne : Harry Potter Encyclopedia

Notes

[1Je n’ai pas vu de tel design sur un autre site, mais il est possible que cela existe.

Répondre à cet article

Total 151122 visites depuis 2508 jours | Site réalisé par Vader[FR] | SPIP | | Plan du site | Suivre la vie du site RSS 2.0 | contact mail