TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Outils de développement pour le web mobile

Un collectif d'étudiants ferrus d'informatique souhaite réaliser un site ayant pour vocation de partager leur passion pour les nouvelles technologies.

L'objecif du site est de faire découvrir les outils de développement pour le web mobile

Il s'adressera à des personnes ayant une connaissance préalable du HTML4 et CSS2

Présentation et contenu

présentation : identité graphique

L'identité du collectif se déclinera sous la forme :

contenu

Le choix des contenus est laissé à l'appréciation de chacun

Contraintes techniques

Site dynamique

Le site sera architecturé avec php ( site dynamique)

Utilisation d'un moteur php pour générer les différentes pages.

Conformité HTML

Les pages devront être valides en XHTML Strict ou HTML5

Navigateurs

Le site devra être opérationnel sur Mac avec Firefox, Safari, Chrome et sur PC avec Explorer 7 8 ou 9, Firefox et Chrome. Il n'est pas indispensable que l'apparence soit totalement identique d'un environnement à l'autre, cependant la présentation devra rester acceptable.

Mise en page CSS

Séparer le contenu de sa mise en page en faisant un usage sémantique des balises HTML dans le code et réservant la présentation aux seules CSS. Le positionnement des éléments de la page ne fera pas usage de tableaux.

CSS alternatives

Vous proposerez des CSS alternatives pour adapter la présentation du site aux besoins des uns et au goût des autres. En particulier on pourra proposer

Structure des pages

entête

Dans l'entête figurera une banière conçue sous photoshop pour illustrer la thématique et définir l'identité visuelle du collectif. Elle pourra être déclinée en différents tons selon la CSS alternative appliquée. Le choix d'optimisation de l'image au format gif, png ou jpg doit être pertinent. Les "effets" proposés par l'image doivent - le plus possible - rendre compte d'une maîtrise de photoshop

un bas de page

Le bas de page contiendra les liens permettant l'utilisation des CSS alternatives. Tout autre élément que vous jugerez utile pourra y figurer

un menu

Le menu présent sur toutes les pages doit permettre la navigation dans la totalité du site.

corps de page

Y figure le contenu propre à la page. C'est la zone variable lors de la navigation sur le site

Ergonomie

Lors de la conception de l'interface du site soyez attentifs à l'utilisabilité, à l'accessibilité et à la navigation.

Les pages

L'organisation et le contenu des pages est laissé à l'appréciation de chacun selon l'approche choisie.

Une annimation Flash

Afin de metrre en avant les multiples compétences du collectif, une animation flash sera présente sur le site. Son emplacement, son usage et sa finalité sera laissé à l'appréciation de chacun.

Une page de liens

Permettre aux utilisateurs de proposer un lien en rapport avec la thématique du site. Ces liens seront automatiquement intégrés à la page, bien qu'en réalité ils devraient être évalués par un modérateur humain avant d'être validés et figurer sur la page.

 

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007