Ossature d'un site

Ossature d'un site - HTML/CSS - Programmation

Marsh Posté le 24-04-2005 à 20:23:49    

Bonjour à tous,  
 
Dans la cadre d'un dévelopement d'un site internet(xhtml, CSS), j'aimerais avoir vos avis sur la structure que j'envisage utiliser :
http://yoyo.homelinux.net/tmp/test.jpg
Trop de cadres ? Positionnement inefficace ? Truc débil ?  
 
D'autres part, je me pose des questions sur la structure à adopté en matière de résolution. Je sais qu'il existe un bon article su openweb, mais la fatigue dû au samedi soir bat son plein... Cet article explique quel structure adopter pour un site(par exemple, pour que le site s'affiche aussi bien avec un résolution 800*600 que 1024*768 en utilsant des marges sur les cotés)
 
Merci et attention, demain c'est lundi  :cry:  


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 20:23:49   

Reply

Marsh Posté le 24-04-2005 à 20:26:22    

T'es en train de partir du design
Tu vas te vautrer [:spamafote]


Message édité par masklinn le 24-04-2005 à 20:26:37

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:27:00    

Trop de cadres, en effet.  
 
Ce que tu dois faire surtout, avant de faire la structure visuelle, c'est faire la structure HTMLuelle, et ensuite tu regardes comment tu les agençera

Reply

Marsh Posté le 24-04-2005 à 20:27:11    

[:grilled]

Reply

Marsh Posté le 24-04-2005 à 20:27:36    


 [:necris]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:27:46    

yoyo354 a écrit :

Bonjour à tous,  
 
Dans la cadre d'un dévelopement d'un site internet(xhtml, CSS), j'aimerais avoir vos avis sur la structure que j'envisage utiliser :
http://yoyo.homelinux.net/tmp/test.jpg
Trop de cadres ? Positionnement inefficace ? Truc débil ?  


Le cadre noir intérieur et le cadre cyan me semblent superflus.

yoyo354 a écrit :


D'autres part, je me pose des questions sur la structure à adopté en matière de résolution. Je sais qu'il existe un bon article su openweb, mais la fatigue dû au samedi soir bat son plein... Cet article explique quel structure adopter pour un site(par exemple, pour que le site s'affiche aussi bien avec un résolution 800*600 que 1024*768 en utilsant des marges sur les cotés)


Il suffit que les cadres occupent toute la largeur disponible et avec un minimum de contraintes (par exemple tu peux fixer une largeur pour la colonne de gauche mais pas pour le reste.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-04-2005 à 20:28:48    

masklinn a écrit :

T'es en train de partir du design


C'est surtout une structure ce qu'il a posté...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-04-2005 à 20:29:04    

gm_superstar a écrit :

Le cadre noir intérieur et le cadre cyan me semblent superflus.


Le cadre noir extérieur et les cadres rouges "clair" le sont tout autant [:klem3i1]

gm_superstar a écrit :

C'est surtout une structure ce qu'il a posté...


Non, c'est une mise en page alors qu'il ne semble pas encore avoir le moindre contenu [:klem3i1]


Message édité par masklinn le 24-04-2005 à 20:29:39

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:31:42    

masklinn a écrit :

Le cadre noir extérieur


Pas s'il veut centrer le tout. C'est plus simple de centrer un seul cadre englobant que pleins de cadres.

masklinn a écrit :

et les cadres rouges "clair" le sont tout autant [:klem3i1]


Le cadre rouge extérieur on peut dire que c'est le body et le cadre rouge intérieur résoudra certains problèmes de flottants et sémantiquement c'est le contenu principal.


Message édité par gm_superstar le 24-04-2005 à 20:31:58

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-04-2005 à 20:32:40    

gm_superstar a écrit :

Le cadre rouge extérieur on peut dire que c'est le body et le cadre rouge intérieur résoudra certains problèmes de flottants et sémantiquement c'est le contenu principal.


Très bonne argumentation monsieur géhème, continuez comme ça et vous êtes en route pour l'image [:klem3i1]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:32:40   

Reply

Marsh Posté le 24-04-2005 à 20:33:43    

masklinn a écrit :

Non, c'est une mise en page alors qu'il ne semble pas encore avoir le moindre contenu [:klem3i1]


Ben c'est un schéma je vois pas pourquoi il mettrait le contenu, rien ne dit qu'il n'y a pas réfléchi. Et l'emboitement des cadres reflète directement la structure. Qu'on le veuille ou non, les CSS ne peuvent pas faire tout le design.


Message édité par gm_superstar le 24-04-2005 à 20:34:16

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-04-2005 à 20:35:03    

Merci pour toutes ces réponses(egalement pour la rapidité).
 
Pour préciser, le grand cardre rouge correspond au navigateur.
 
Masklinn -> J'éspère que le rendu graphique final de mon site ne ressemblera pas à cela.... Ce n'est juste qu'une ossature schématique du site pour avoir une idée. Mais je suis d'accord avec toi sur le faite qu'il ne faut pas commencer par le design. Je compte cependant créer une présentation succint du site pour tester dans le futur les divers modules(partit membres, forum, etc...)
 
EDIT : Quelqu'un aurait-il l'url de l'article d'openweb concerant la structure d'un site ?


Message édité par yoyo354 le 24-04-2005 à 20:40:43

---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 20:36:11    

gm_superstar a écrit :

Qu'on le veuille ou non, les CSS ne peut pas faire tout le design.


 [:gratgrat]  
 
Aurais tu l'obligeance de m'expliquer ce que tu entends par là?
 
(et accessoirement, cette manière de développer en commençant par le design ou des conneries du style, c'est en opposition totale avec le développement par améliorations progressives, méthode pourtant relativement poutrative et d'une logique relativement infaillible, et une évolution du principe de graceful degradation)


Message édité par masklinn le 24-04-2005 à 20:36:49

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:41:53    

masklinn a écrit :

[:gratgrat]  
 
Aurais tu l'obligeance de m'expliquer ce que tu entends par là?


Que pour une structure donnée de document HTML on ne peut pas concevoir n'importe quel design (sauf à tout mettre en positionnement absolu, mais ça me semble assez goret)
 

masklinn a écrit :

(et accessoirement, cette manière de développer en commençant par le design


Mais on peut avoir ce schéma tout en ayant réfléchi à la structure, il faut bien commencer à un moment ou à un autre...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-04-2005 à 20:44:29    

gm_superstar a écrit :

Que pour une structure donnée de document HTML on ne peut pas concevoir n'importe quel design (sauf à tout mettre en positionnement absolu, mais ça me semble assez goret)


Bien sûr, c'est pourquoi la structure logique et l'organisation sémantique du site (tout le markup quoi) doit être réalisée avant d'y appliquer le design [:klem3i1]  
De manière à plier le design à la structure, et non l'inverse [:klem3i1]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:46:51    

Je tien à préciser au passage que la réalisation de ce schéma à en autre pour but de concevoir la structure XHTML du site pour ensuite effectuer une mise en page approximative du site pour me permettre de réaliser la partie dynamique du projet.
 
De plus, concernant le CSS je suis en partit d'accord avec gm_superstar. En effet, un structure html mal organisé ne peut être propice à une mise en page CSS correct. Cependant,   l'on peut faire énormément de chose grace au CSS...


Message édité par yoyo354 le 24-04-2005 à 21:00:46

---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 20:49:05    

yoyo354 a écrit :

Je tien à préciser au passage que la réalisation de ce schéma à en autre pour but de concevoir la structure XHTML du site


Une structure HTML ce n'est pas visuel [:spamafote]  

Citation :

De plus, concernant le CSS je suis en partit d'accord avec gm_superstar. En effet, un structure html mal organisé ne peut être propice à une mise en page CSS correct.


[:f@bek]


Message édité par masklinn le 24-04-2005 à 20:49:20

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 20:49:20    

yoyo354 a écrit :

Je tien à préciser au passage que la réalisation de ce schéma à en autre pour but de concevoir la structure XHTML du site pour ensuite effectuer une mise en force approximative du site pour me permettre de réaliser la partie dynamique du projet.


Alors effectivement tu n'as pas fait les choses dans le bon ordre :o
 
D'abord la structure, ensuite le design.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-04-2005 à 21:04:45    

yoyo354 a écrit :

Je tien à préciser au passage que la réalisation de ce schéma à en autre pour but de concevoir la structure XHTML(1) du site pour ensuite effectuer une mise en page approximative(2) du site pour me permettre de réaliser la partie dynamique du projet.
 
[...]


 

gm_superstar a écrit :

Alors effectivement tu n'as pas fait les choses dans le bon ordre :o
 
D'abord la structure, ensuite le design.


 
Ne fais-je pas la structure xhtml en premier (1)?Pour ensuite ésquiser un design me permettant la réalisation du coeur dynamique du site(2)?


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 21:18:17    

yoyo354 a écrit :

Ne fais-je pas la structure xhtml en premier (1)?


Le problème, c'est ce que tu désignes sous le terme 'structure xhtml' [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 21:24:20    

Masklinn, quel(s) terme(s) dois-je alors employer ?


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 21:45:36    

yoyo354 a écrit :

Masklinn, quel(s) terme(s) dois-je alors employer ?


Ben je sais pas, ce que tu nous a montré là (ton schéma) c'est ce que tu appelles la structure xhtml?


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 21:56:13    

Non, c'est l'esquise du design qui dévoile implicitement en la sémantique du document... Je sais bien qu'une structure xhtml ne pourrait à elle seule, donné un résultat tel que le schéma que j'ai proposé.
 
Note : je relance ma question au sujet de l'article portant sur la structure à employer pour un site. Si vous avez de bonnes adresses à me conseiller, je suis preneur car les sujets sur googles restent vagues...


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 21:59:22    

va visiter ma signature


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 22:05:31    

Merci pour le lien. J'avais déjà fait un tour dessus il y a quelqu'es jours... Mais en revoyant Alsacecréation, je me suis aperçue que mes recherches n'avaient même pas été établis sur ce site. De plus, j'ai confondu openweb et alsacecréation. L'article se trouve ici.
 
Merci encor Masklinn.
 
P.S : Vue que ce site est mon premier "GROS" site, je risque  d'avoir encor beaucoup, beaucoups de questions sur des sujets d'ombres que google n'éclaircie pas...


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 22:08:52    

Faut pas hésiter à aller sur les liens US par contre, on trouve de véritables gemmes sur les blogs (par contre il faut se taper les archives, ou sauter de blogs en blogs par les liens).
 
Faut que je mette à jour la page en un peu plus propre, j'ai plein de nouveau liens et il faut que je fasse du tri/rangement (actuellement c'est juste un dump de mes favoris), mais pas le courage


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-04-2005 à 22:21:26    

En tout cas c'est cool de faire des petites pages comme ça. C'est bien utile.  
Pour info, je pense que je vais prendre une ossature de ce genre extraite de alsacreation.
 
EDIT : Masklinn -> Moi, ma signature elle est vraiment inutile, mais qu'est-ce que je la kiff  :love:


Message édité par yoyo354 le 24-04-2005 à 22:23:26

---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 24-04-2005 à 23:03:02    

yoyo354 a écrit :

Ne fais-je pas la structure xhtml en premier ?


[:grilled], mais y'a structure et structure ;)
 
Le mieux c'est de faire la partie XHTML, et puis après tout positionner. l'idéal d'un éditeur WYSIWYG serait d'avoir d'un côté la liste des éléments, et pis on les ferait glisser vers la page, en définissant leur position... A réfléxionner

Reply

Marsh Posté le 25-04-2005 à 10:47:48    

FlorentG a écrit :

[:grilled], mais y'a structure et structure ;)
 
Le mieux c'est de faire la partie XHTML, et puis après tout positionner(1). l'idéal d'un éditeur WYSIWYG (2)serait d'avoir d'un côté la liste des éléments, et pis on les ferait glisser vers la page, en définissant leur position... A réfléxionner


 
(1)C'est bien ce que j'ai l'intention de faire  :)  
 
(2)En conaitrais-tu ? Ou conaitrais-tu de bon éditeurs pour win98(j'aimerais bien sous ma debian mais avec un écran 14pc :fou:) gérant bien mysql/php/xhtml/css ?


---------------
http://yoyo.eurotchat.net -> Wednesday 14 September a 02:00:01 up 43 days, 11:47,  2 users,  load average: 0.07, 0.03, 0.00
Reply

Marsh Posté le 25-04-2005 à 10:48:35    

Justement ça existe pas :cry:

Reply

Marsh Posté le 25-04-2005 à 10:53:48    

yoyo354 a écrit :

(2)En conaitrais-tu ? Ou conaitrais-tu de bon éditeurs pour win98(j'aimerais bien sous ma debian mais avec un écran 14pc :fou:) gérant bien mysql/php/xhtml/css ?


Il a dit "l'idéal [...] serait", impliquant qu'aucun WYSIWYG existant ne remplit le contrat.
 
Le plus "efficace" actuellement est NVu, mais il est (comme tous les WYSIWYG) hautement déconseillé aux débutants, il empêche de comprendre les mécanismes sous-jacents à l'interprétation des pages et fait prendre de mauvaises habitudes.
 
les WYSIWYGs, ce sont des RADs, ça sert à développer plus rapidement...
Mais avant de vouloir développer rapidement, il faut commencer par apporendre à développer tout court ;)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed