Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1444 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Ossature d'un site

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Ossature d'un site

n°1058959
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 20:23:49  profilanswer
 

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
mood
Publicité
Posté le 24-04-2005 à 20:23:49  profilanswer
 

n°1058963
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:26:22  profilanswer
 

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
n°1058965
FlorentG
Unité de Masse
Posté le 24-04-2005 à 20:27:00  profilanswer
 

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

n°1058967
FlorentG
Unité de Masse
Posté le 24-04-2005 à 20:27:11  profilanswer
 

[:grilled]

n°1058968
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:27:36  profilanswer
 


 [:necris]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1058970
gm_superst​ar
Appelez-moi Super
Posté le 24-04-2005 à 20:27:46  profilanswer
 

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
n°1058972
gm_superst​ar
Appelez-moi Super
Posté le 24-04-2005 à 20:28:48  profilanswer
 

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
n°1058973
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:29:04  profilanswer
 

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
n°1058978
gm_superst​ar
Appelez-moi Super
Posté le 24-04-2005 à 20:31:42  profilanswer
 

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
n°1058980
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:32:40  profilanswer
 

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
mood
Publicité
Posté le 24-04-2005 à 20:32:40  profilanswer
 

n°1058981
gm_superst​ar
Appelez-moi Super
Posté le 24-04-2005 à 20:33:43  profilanswer
 

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
n°1058982
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 20:35:03  profilanswer
 

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
n°1058986
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:36:11  profilanswer
 

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
n°1058991
gm_superst​ar
Appelez-moi Super
Posté le 24-04-2005 à 20:41:53  profilanswer
 

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
n°1058994
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:44:29  profilanswer
 

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
n°1059000
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 20:46:51  profilanswer
 

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
n°1059004
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 20:49:05  profilanswer
 

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
n°1059005
gm_superst​ar
Appelez-moi Super
Posté le 24-04-2005 à 20:49:20  profilanswer
 

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
n°1059024
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 21:04:45  profilanswer
 

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
n°1059032
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 21:18:17  profilanswer
 

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
n°1059037
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 21:24:20  profilanswer
 

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
n°1059067
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 21:45:36  profilanswer
 

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
n°1059076
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 21:56:13  profilanswer
 

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
n°1059078
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 21:59:22  profilanswer
 

va visiter ma signature


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1059082
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 22:05:31  profilanswer
 

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
n°1059083
masklinn
í dag viðrar vel til loftárása
Posté le 24-04-2005 à 22:08:52  profilanswer
 

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
n°1059093
yoyo354
Yoyo, le roi du ...
Posté le 24-04-2005 à 22:21:26  profilanswer
 

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
n°1059151
FlorentG
Unité de Masse
Posté le 24-04-2005 à 23:03:02  profilanswer
 

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

n°1059481
yoyo354
Yoyo, le roi du ...
Posté le 25-04-2005 à 10:47:48  profilanswer
 

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
n°1059484
FlorentG
Unité de Masse
Posté le 25-04-2005 à 10:48:35  profilanswer
 

Justement ça existe pas :cry:

n°1059494
masklinn
í dag viðrar vel til loftárása
Posté le 25-04-2005 à 10:53:48  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Ossature d'un site

 

Sujets relatifs
Livre sur le flash pour un site webProbleme !!! site internet
Mettre un site sur cd?Bannière de site
[Réglé] Comment insérer Google comme moteur de recherche sur son siteproblème d'affichage site sous Mac
Organisation d'un site Internetcomment référencer un site?
Changer l'image d'un site à partir de Flash ?Méthode de dvt site web dynamique
Plus de sujets relatifs à : Ossature d'un site


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR