Création du template avec la page de présentation. La page d'accueil et les suivantes seront créées à partir de la page template.

Proposition B01 :

Proposition B02 :

Mise en page : design et sobriéré
Fond : Gris très foncé. Un dégradé sur les bords du cartouche permet de cadrer le site et évite à la page de flotter dans le vide.
Logo : Fourni par le client
Habillage : Aucun. Choix de dépouillement complet.

Mise en page : design et sobriéré
Fond : Gris foncé avec légé dégradé pour détacher le cartouche et le logo abital. Cela permet de centrer le regard.
Logo : Une nouvelle version du logo est présenté sur cette version. Il s'agit d'offrir un meilleur équilibre à l'ensemble du logo avec une approche régulière des lettres. Le logo semble ainsi plus compact et sera plus facilement lisible car on lit "abital" et non "a bital".
Habillage : Une feuille vient coiffer le site afin de montrer le respect de l'écologie

Proposition B03 :

Proposition B04 :

Mise en page : design et sobriéré
Fond : Gris très foncé. Les photos et habillage simulent le cadre de bord de page.
Logo : Une nouvelle version du logo est présenté sur cette version. Il s'agit d'offrir un meilleur équilibre à l'ensemble du logo avec une approche régulière des lettres. Le logo semble ainsi plus compact et sera plus facilement lisible car on lit "abital" et non "a bital".
Habillage : Un paysage vient coiffer le site afin de montrer le respect de l'écologie

Mise en page : design et sobriéré
Fond : Gris foncé avec légé dégradé pour détacher le cartouche et le logo abital. Cela permet de centrer le regard.
Logo : Fourni par le client
Habillage : De l'herbe en bas pour montrer le respect de l'écologie mais aussi pour simuler le terrain que l'on achète encore vide de construction. La photo du haut montre le toit d'une maison construite pat Abital. Cela donne l'idée de travail achevé. Cette habillage simule le concept "de A à Z"

• Réalisation des éléments 2D et intégration :
  - découpage des éléments graphiques (menu, tableau, titres, textes...)
  - positionnement pour la mise en page.
  - optimisation pour le net (compression jpg ou gif) afin d’accélérer le téléchargement des pages.
  - Création des éléments animés du menu (rollover ou css)
  
  
• Intégration HTML :
  - Intégration des textes (document Word)
  - Intégration des visuels
  
  
• Programmation :
  - Codage HTML : Mise en place du code, programmation du menu et des liens entre les pages Cette phase permet d'aboutir à l’interactivité du site et à la possibilité de le consulter.
  - Tranfert des données sur le disque dur de l'hébergeur par FTP.
  - Testing : Vérification du bon fonctionnement du site sur Internet Explorer 6 et 7 et Firefox.