webleads-tracker

Forum

Comment commencer...

Mickael BELLARD
Bonjour,

Je voudrais savoir comment commencer pour réaliser le design du site...
Enfin j'ai déjà travailler sur le papier mais je voudrais la mettre en place sur le FTP.

Avez-vous des tutoriels ou qqch du genre pour que je puisse commencer avant la formation ?

Cdt.

Yann Faurie
Avatar
Bonjour,

Je vois que vous disposez déjà de sites démo (e-majine et izi-media), et que nous avons une formation planifiée en Juillet.
Ces deux solutions reposent entièrement sur la séparation contenu/forme, c'est à dire xHTML/CSS.

La mise en page "fonctionnelle" est réalisée grâce à des templates html qui s'imbriquent, au besoin, les uns dans les autres, et au sein de blocs structurels (zone en-tête, zone pied de page, zone colonne de droite...).

Il est ainsi convenu de définir et "charter" le squelette de la page en premier, puis de s'attaquer aux éléments qui vont dépendre des modules et fonctionnalités choisies pour chacun des projets.

Grâce à un "découpage" très poussé au niveau de la conception des solutions Medialibs, vous pouvez ainsi disposer et habiller tous les éléments selon vos souhaits...

Plutôt qu'un long discours, je vous laisse parcourir quelques réalisations récentes de certains de nos partenaires parmi le bientôt millier de sites propulsés par E-Majine en ligne :

http://www.surfbox.fr/
http://www.generation-deco.com/
http://www.lesorientales.fr/
http://www.kraft-decoline.com/
http://www.smbvt.fr/
http://www.esprit-horticole.com/

Source :
https://www.medialibs.com/medialibs/exemples/references-e-majine/

A bientôt,

Cordialement,

Formateur
https://www.medialibs.com

Mickael BELLARD
^^

Merci de votre réponse à bientôt alors

Samuel LABAUTE
Bonjour,

Désolé de déterrer ce vieux sujet,

En attendant ma formation je serai aussi assez preneur aussi pour un schéma structurel des pages (ID / Nom des div principaux : zone en-tête, zone pied de page, zone colonne de gauche, centre, droite, etc...).
(Peut-être au niveau du Wiki).

Je préfère encore les bonnes vieilles méthodes à Artisteer (peut-être que j'y viendrai avec le temps mais pour l'instant ce n'est pas mon souhait).

Merci.


pderathe
Avatar
Le plus simple est d'aller faire un tour dans le mainpage.html où l'on retrouve les principaux div d'une page emajine

page
-- accessibility
-- header
---- headerInner
-- wrapper
----wrapperInner
------ container
-------- contents
---------- contentsInner
------------ main
-------- leftbar
-------- rightbar
-- footer
---- footerInner
signature
overDiv

à ceci il faut ajouter des bloc "menu" aux bons endroits ainsi que des blocs "boxes"

Il se peut que les noms changent dans les dernières version mais globalement la structure ressemble à ça. Sachant qu'on peut modifier le mainpage.html et déplacer des div.

Artisan du Web en Rhône-Alpes

Samuel LABAUTE
Merci Pascal pour votre réponse
(dsl je repasse un peu tard par ici).

Les templates proposés ne semblent pas tous tenir compte de cette structure (cf. Artisteer).

je vais pouvoir partir sur une bonne base comme ça.