Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > Général Conception Web > Webdesign & Ergonomie
Webdesign & Ergonomie Forum d'entraide Webdesign & Ergonomie : les bonnes pratiques de conception des sites web
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 23/01/2007, 13h43   #1
Invité régulier
 
Étudiant
Inscription : octobre 2005
Messages : 26
Détails du profil
Informations personnelles :
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : octobre 2005
Messages : 26
Points : 5
Points : 5
Par défaut [Avis] Comment intégrer ce design (trop) complexe

Bonjour à tous
Je bosse actuellement sur un site au design qui me semble assez complexe.
Je vous montre en pièce jointe un screen de ce à quoi il va devoir ressembler. Je me suis lancé dans un design par tableaux mais je ne m'en sors pas.
Je n'arrive pas à visualiser la manière dont je dois découper cette image, ce que je dois faire en tableaux, ce que je dois faire en css, etc.

Quelqu'un pourrait-il me mettre sur la piste?

Je vous remercie d'avance

Olivier BALAIS
Images attachées
Type de fichier : jpg Sampiternel.jpg (52,3 Ko, 87 affichages)
obalais est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/01/2007, 15h39   #2
Modérateur
 
Avatar de blueice
 
Inscription : mars 2003
Messages : 3 422
Détails du profil
Informations personnelles :
Âge : 37
Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

Informations forums :
Inscription : mars 2003
Messages : 3 422
Points : 4 110
Points : 4 110
Envoyer un message via ICQ à blueice Envoyer un message via MSN à blueice Envoyer un message via Skype™ à blueice
Oublie les tableaux.
Si ton design est fixe, tu peux intégrer l'image avec le cadre dans le background en CSS.
Ensuite, tu crées un menu avec une liste :
Code html :
1
2
3
4
5
6
7
 
<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
...
</ul>

Des exemples de menus ici

Et enfin une partie contenu.

Le tout sans tableau, uniquement avec une feuille de style. ;-)
__________________
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher

Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

Dimension Internet - Carnet Web
Imprimerie Nice
blueice est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/01/2007, 17h18   #3
Invité régulier
 
Étudiant
Inscription : octobre 2005
Messages : 26
Détails du profil
Informations personnelles :
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : octobre 2005
Messages : 26
Points : 5
Points : 5
Tu veux dire intégrer carrément tte l'image dans l'attribut background ?
obalais est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2007, 14h08   #4
Candidat au titre de Membre du Club
 
Inscription : mars 2004
Messages : 19
Détails du profil
Informations forums :
Inscription : mars 2004
Messages : 19
Points : 10
Points : 10
Citation:
Envoyé par blueice
Oublie les tableaux.
Si ton design est fixe, tu peux intégrer l'image avec le cadre dans le background en CSS.

C'est pas trop lourd d'intérgrer une si grosse image dans le background ?
freesurfer est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2007, 15h18   #5
Invité régulier
 
Étudiant
Inscription : octobre 2005
Messages : 26
Détails du profil
Informations personnelles :
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : octobre 2005
Messages : 26
Points : 5
Points : 5
C'est ce que j'aurais aimé savoir. En plus la taille du site n'est à mon avis dès lors plus du tout extensible. Les hauteurs et largeurs sont fixées définitivement.
Ce qui ne me convient malheureusement pas dans ce cas !
obalais est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2007, 16h43   #6
Modérateur
 
Avatar de blueice
 
Inscription : mars 2003
Messages : 3 422
Détails du profil
Informations personnelles :
Âge : 37
Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

Informations forums :
Inscription : mars 2003
Messages : 3 422
Points : 4 110
Points : 4 110
Envoyer un message via ICQ à blueice Envoyer un message via MSN à blueice Envoyer un message via Skype™ à blueice
Mais non suffit de scinder la partie droite et la partie basse, tu répètes le design entre et tu conserves ton design fluide...
__________________
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher

Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

Dimension Internet - Carnet Web
Imprimerie Nice
blueice est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2007, 17h44   #7
Invité régulier
 
Étudiant
Inscription : octobre 2005
Messages : 26
Détails du profil
Informations personnelles :
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : octobre 2005
Messages : 26
Points : 5
Points : 5
Donc concretement je mettrai quoi comme div ?
Je suis désolé si je vous parais un peu à la rue mais ma spécialité c'est plutôt la programmation brute, bête et méchante. Tout ce qui touche aux css et au design, je suis un peu à la ramasse !

Merci d'avance
obalais est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2007, 18h13   #8
Modérateur
 
Avatar de blueice
 
Inscription : mars 2003
Messages : 3 422
Détails du profil
Informations personnelles :
Âge : 37
Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

Informations forums :
Inscription : mars 2003
Messages : 3 422
Points : 4 110
Points : 4 110
Envoyer un message via ICQ à blueice Envoyer un message via MSN à blueice Envoyer un message via Skype™ à blueice
Il te faut suivre les tutos, on ne peut pas faire tout ton design.
Tu as déjà le graphisme, essaye de penser en développeur et demande toi de quelle manière tu vas pouvoir découper ton design et de manière à ce qu'il reste fluide.
Il faut penser aux découpes du haut vers le bas.
Ton menu devra être à base de liste.
__________________
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher

Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.

Dimension Internet - Carnet Web
Imprimerie Nice
blueice est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2007, 19h37   #9
Invité régulier
 
Étudiant
Inscription : octobre 2005
Messages : 26
Détails du profil
Informations personnelles :
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : octobre 2005
Messages : 26
Points : 5
Points : 5
Merci bien ! J'ai d'autres projets encore plus brulants donc quand j'en aurais finit je me repencherai un peu plus sur ce design.

Je vous tiens au courant

@ bientôt
obalais est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h31.


 
 
 
 
Partenaires

Hébergement Web