Call me Vik-odine...
-= Chaos Genitor =-
Inscription le 16-11-01
Messages : 6603
 Age : 55 ans
Lieu de résidence : Avant Roeschtigraben
|
|
|
|
|
Création de page web a été posté le : 21/04/04 11:45
|
Je vous expose mon petit souci, et par là même un petit sondage :
Je souhaite créer une page web dont je tairais encore le thème (parce qu'à la vitesse où ça avance quelqu'un me piquera bien l'idée, surtout que j'ai déjà vu des trucs s'en approchant  ). Sur cette page, il y aura des fiches de personnage (ah, on commence à entrevoir le truc Zut!).
Bien. Ces fiches sont relativement "grandes" en terme de texte, bien qu'aéré. On peut y définir grosso-modo 5 sections, mais de tailles très différentes. 3 au moins se limitent à 2-3 lignes, la dernière est assez grande, la première est très variable. Bien.
Maintenant, se pose le problème de la navigation. J'ai deux écoles qui s'opposent :
La première : Faire une page avec les trucs essentiels sur le perso, puis dans un menu à gauche par exemple, enchaîner sur les différentes sections qui enchaînent sur une nouvelle page. Ceci multiplie le nombre de clics, mais facilite visuellement la lecture des infos car il y a moins de "lourdeur", même s'il y a de l'aération  .
La deuxième : Faire une seule page. L'avantage est qu'on a tout sous les yeux en une seule fois. Avec un menu à gauche qui emmènera directement sur les endroits appropriés dans la page (et retour sur haut de page). Ceci limiterait donc le scrolling vertical.
Qu'en pensez-vous ?
A+
Vik
--------------------
"How much wood would a woodchuck chuck if a woodchuck could chuck wood ?
- A woodchuck would chuck all the wood that the woodchuck would chuck if a woodchuck could chuck wood."
-------------------------------------------------------------------------------------------------
|
|
|
|
 Cachée
|
|
Grand Pourrisseur
-= Chaos Servants =-
Inscription le 19-12-03
Messages : 429
Age : 41 ans
Lieu de résidence : Tournai(belgique)
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 22/04/04 20:29
|
Je compatis à ton malheur mon cher Vik Leroy ! moi même, je me suis fixé comme objectif professionnel de faire un Jeu de Role en langage C, et je suis un peu coincé quand il s'agit d'afficher la carte, vu que je travaille en fenêtre DOS... Pour ceux qui aurait pas compris, c'est pas bien grave lisez la suite, et les autres peuvent faire de même...
Je crois que la 1ère solution est la mieux, car pour que ta page soit attractive, attirante à l'oeil, il faut de l'aération, des images, des couleurs...bref, du texte oui, mais pas trop ! Imagine tes futurs lecteurs de pages myopes et/ou fadas !
Donc, je te suggère de remplir (vu que je suppose que ca doit etre qqch du genre) la fiche en plusieurs étapes !
P.S. : Si tu veux de l'aide pour la construction de ton site et que tu ne veux pas spécialement en parler trop sur ce forum, n'hésite pas à me PM, je te jure sur le chaos toute confidencialité, foi de programmeur invertébré !
A++
|
|
|
|
|
Cachée
|
|
|
Call me Vik-odine...
-= Chaos Genitor =-
Inscription le 16-11-01
Messages : 6603
Age : 55 ans
Lieu de résidence : Avant Roeschtigraben
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 23/04/04 09:21
|
Ben en fait, comme je dois avancer, je suis parti sur l'option : petit menu à gauche qui permet de naviguer dans la page, avec des flèches qui peuvent remonter en haut. Disons que avoir tout sur une page présente quand même un avantage : c'est d'avoir tout sur la page . C'est difficile parce que chacun a ses préférences, soit tu contentes les uns, soit tu contentes les autres, et au final, tu ne fais rien. Alors je prends une option et puis on verra bien. C'est sûr que changer après (si jamais je change), ça fait encore + de boulot.
Malheureusement, c'est beaucoup de textes et peu d'image (mais c'est coloré et aéré ). Le thème ne s'y prête pas des masses en fait.
Je fais ça avec Frontpage. J'ai déjà pas le temps de créer mes pages comme ça, c'est pas pour me palucher encore de la programmation (que je ne maîtrise absolument pas en plus, il faudrait que je m'y plonge sérieusement)
Vik
--------------------
"How much wood would a woodchuck chuck if a woodchuck could chuck wood ?
- A woodchuck would chuck all the wood that the woodchuck would chuck if a woodchuck could chuck wood."
-------------------------------------------------------------------------------------------------
|
|
|
|
|
Cachée
|
|
|
|
Troll in Oz...
-= Chaos Genitor =-
Inscription le 27-09-02
Messages : 2017
 Age : 43 ans
Lieu de résidence :
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 04/05/04 08:00
|
Il y a aussi, il me semble, une possibilité bien pratique que j'ai déjà vue mais que je n'arrive pas à retrouver, surtout que ça m'intéresserait moi-même. En même temps, c'est très possible que ça n'existe pas et que tout ça sorte de mon cerveau hyponeuroné.
Ce sont des zones de textes (ou autre, j'imagine) que tu peux développer ou pas, en cliquant sur le titre de la partie. Du coup tu te retrouves avec une page allégée, que les lecteurs peuvent allourdir en développant les parties qui les intéressent. Ce ne sont pas des liens externes ou internes, ce sont juste des trucs que tu cliques dessus et que ça développe une partie qui était "cachée". Si quelqu'un voit ce que je veux dire, je vous en prie, dites m'en plus ! 
Pis tiens, javascript est bien sympa, il nous donne plein de possibilités pour cacher certaines explications en les mettant sous forme de messages "cachés" :
- les informations qui apparaissent quand on survole une image avec sa souris (dans ce cas, il faut auparavant dire clairement aux utilisateurs qu'ils auront une explication en laissant leur souris sur la photo du personnage dont ils veulent une explication). Ex :
<img src="bretelle.jpg" width="254" height="372" alt="Si on dit Confusius devant Bretelle, on a droit à un vrai cours sur la philosophie orientale de l'ère glaciaire jusqu'à nos jours, avec en prime quelques divagations métaphysiques sur la religion dans le monde à cette même époque">
- ou les alertes (ces petits messages qui nous sautent à la figure quand on clique quelque part)..
Ex :
<FORM>
<INPUT TYPE="button" VALUE="Description du Personnage" onClick="alert('Il s'agit d'un petit bonhomme rose avec des taches vertes qui dit youpi quand il voit un chat passer devant lui, il a un gobelet en plastique dans la main droite et une bouteille de 1664 dans l'autre etc etc')">
</FORM>
- ou les menus déroulant pour les caractéristiques des personnages par exemple. Ex :
<FORM>
<select name="select">
<option selected> Caractéristiques du personnage :
<option>Attaque : X
<option>Défense : Y
<option>Points de vie : Z
<option>Action spéciale : Il dit youpi quand il voit un chat passer devant lui.
</select>
</FORM>
Bref, il y a plein de moyens d'allèger une page sans en faire trente six, juste en bidouillant, bon ça fait un fichier super lourd, mais au final la page est pas trop chargée.
Smurk, spécialiste ès bidouillage moche.
|
|
|
|
|
Cachée
|
|
Maître d'Armes
-= Chaos Servants =-
Inscription le 24-09-02
Messages : 319
Age : 50 ans
Lieu de résidence : Wastelands
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 06/05/04 20:07
|
Citation :M'dame Smurk a écrit :
Ce sont des zones de textes (ou autre, j'imagine) que tu peux développer ou pas, en cliquant sur le titre de la partie. (...) ce sont juste des trucs que tu cliques dessus et que ça développe une partie qui était "cachée". Si quelqu'un voit ce que je veux dire, je vous en prie, dites m'en plus !
Pis tiens, javascript est bien sympa
|
|
|
Je me souviens effectivement avoir croisé au détour d'un site des menus de ce type réalisés en javascript... Mais je ne peux malheureusement apporter plus de précisions. [Bon, cela dit, on peut très bien avoir rêvé tous les deux, hein! ]
Toutefois, concernant le javascript, je ne m'aventurerais pas à le qualifier de "sympa", car s'il est utilisé de façon malveillante, il peut causer quelques soucis... J'en ai d'ailleurs encore fait les frais cette semaine, et me suis retrouvé avec tout un tas de saletés sur mon PC... Saletés que je tente d'éradiquer avec peine...
--------------------
Reporter pour VoilaPoC, Section Enquêtes
Membre du Grand Etat-Major Normand
"Always forgive your ennemies, nothing annoys them so much."
Oscar Wilde
|
|
|
|
|
Cachée
|
|
Pal pas triste
-= Chaos Elite Troops =-
Inscription le 12-07-04
Messages : 3384
Age : 54 ans
Lieu de résidence : 20e Nuit Lutècienne
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 10:45
|
Hummmm!!! Un thread qui sent bon le vieux cercueil qu'on ouvre...
Bon, désolé pour ce déterrage mais ma question peut, me semble-t-il intéresser ceux qui -comme moi- découvrent le HTML et se lancent dans la création de leur première page.
Bref... je code pas trop web (ça me broute mais bon, pour partager des fichiers ou infos avec des collègues connus ou non ça aide) du coup je mets à jour ma page régulièrement et mon idée était de browser quelques unes de mes photos.
Au début, c'était un simple empilement de blocs image dans un html...
Citation :<body>
<img src="plip.gif">
<img src="plop.gif">
...
</body>
|
|
|
Puis j'ai fait une image "réceptacle" avec des thumbnails s'affichant en grand dedans
Citation :<body>
<p align=center><font color="#303030" size=1 face=Arial>
<img src="img1.jpg" border=0 width="45" height="30" onMouseOver="displ.src=src; displ.width=900; displ.height=600">
<img src="img2.jpg" border=0 width="45" height="30" onMouseOver="displ.src=src; displ.width=900; displ.height=600">
...
<br><br>
<img id="displ" border=2 src="vide.jpg" width=900 height=600>
</p>
</body>
|
|
|
Jusque là, ça marchait nickel quel que soit le navigateur. Bien.
Puis j'ai étendu mon frameset à la page de browsing avec un fichier frameset
Citation :<html>
<frameset cols="*,90" framespacing=0 frameborder=0 border=0>
<frame name="AL" src="TEST_L.html" scrolling=no>
<frame name="AR" src="TEST_R.html" scrolling=auto noresize>
</frameset>
</html>
|
|
|
et les deux fichiers frame correspondants afin que le passage du curseur sur un thumnail aille afficher en grand le thumbnail dans l'image réceptable de l'autre frame
Citation :<body>
<p align=center>
<img id="displ" border=2 src="vide.jpg" width=180 height=120 galleryimg="no">
</p>
</body>
|
|
|
Citation :<body>
<p align=center>
<img src="img1.JPG" border=0 width="45" height="30" onMouseOver="parent.AL.displ.src=src; parent.AL.displ.width=180; parent.AL.displ.height=120"><br>
<img src="img2.JPG" border=0 width="45" height="30" onMouseOver="parent.AL.displ.src=src; parent.AL.displ.width=180; parent.AL.displ.height=120"><br>
<img src="img3.JPG" border=0 width="30" height="45" onMouseOver="parent.AL.displ.src=src; parent.AL.displ.width=120; parent.AL.displ.height=180"><br>
...
</p>
</body>
|
|
|
Alors, voilà, ça marche nickel sous IE mais pas sous cette daubasse de FireFox (qui m'avait déjà gonflé avec l'écriture W3C obligatoire pour les fonds fixes)!
J'ai même pas essayé sur les autres, ces deux-ci étant les plus utilisés.
Sortir le code script des évènements pour le déclarer en script dans le head du fichier ne change visiblement rien.
Là, je ne trouve rien sur ce problème qui me semble lié au parcours de l'arborescence du frameset par Mozilla.
Quelqu'un aurait-il une idée sans CSS et autres scriptings ou bidouilles tordues?
Merci.
Edit:
Pour se faire une idée du schmilblick, voir sur ma page section publique [Photo]/[Nature].
Alors que la section [Photo]/[Architecture] (sans framing) marche, elle.
|
|
Dernière mise à jour par : Faeldihn le 09/01/09 11:40
|
--------------------
CREO ERGO SUM
"Commencez vous à voir quelle sorte de monde nous créons? [...] Un monde d'écraseurs et d'écrasés, un monde qui, au fur et à mesure qu'il s'affinera, deviendra plus impitoyable."
1984, Georges Orwell
|
|
|
|
|
Cachée
|
|
Toujours un peu plus loin
-= Chaos Genitor =-
Inscription le 27-03-02
Messages : 8314
Age : 45 ans
Lieu de résidence : Kook's Kastle
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 14:26
|
C'est normal: tes deux frames sont considérées (et c'est normal, en fait) comme deux pages différentes. Donc un script dans l'une ne peut pas agir sur l'autre...
Et là, c'est IE qui est une bouse (et si tu y réfléchis bien, c'est over dangereux).
Maintenant, je n'ai pas de solutions, à moins de passer en html+CSS avec un peu de Javascript, et ça permet de faire plein de trucs jolis (et plus propres que le html pur et dur...)
Regards,
Skro
--------------------
Ecoutez ZoC Radio, la radio du Chaos!!!
Un intégriste, c’est quelqu’un qui a des convictions que je ne partage pas. Et qui ose le dire, en plus !
Edmond Prochain
Computer games don't affect kids, I mean if Pac Man affected us as kids, we'd all be running around in darkened rooms, munching pills and listening to repetitive music.
Marcus Brigstocke
Dans le catholicisme, la pinte (de bière), la pipe et la croix peuvent faire bon ménage.
GK Chersterton
|
|
|
|
|
Cachée
|
|
|
Pal pas triste
-= Chaos Elite Troops =-
Inscription le 12-07-04
Messages : 3384
Age : 54 ans
Lieu de résidence : 20e Nuit Lutècienne
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 15:16
|
Citation :Skro dans une contemplation à Dlul a dit:
Donc un script dans l'une ne peut pas agir sur l'autre...
Et là, c'est IE qui est une bouse (et si tu y réfléchis bien, c'est over dangereux).
|
|
|
Je dois nier cette assertion, car alors:
1 - pourquoi avoir prévu l'utilisation de syntaxes parent.XXX et top.XXX sachant qu'on va principalement référencer par ce biais un document appelant/contenant l'actuel?
2 - pourquoi avoir décidé de permettre le framesetting uniquement dans un fichier spécifiquement dédié au frameset qui ne peut avoir de corps?
Il me semble tout à fait normal, quand on propose une architecture basée sur la modularité à travers des fichiers d'avoir la structure qqpart (html "frameset") et des les contenus ailleurs (htmls "body"), c'est d'ailleurs un peu le principe d'un CSS.
Maintenant, qu'un script agisse sur un autre document, je sais pas mais je bosse avec Qt par exemple en ce moment même et on peut parfaitement s'amuser (même si c'est cracra niveau architecture) à aller modifer les widgets voisins sans même savoir de quelle nature ils sont...
Là en l'occurrence c'est pas le cas. J'ai des fichiers dont je connais la structure et la fonction, je veux pouvoir mettre à jour une frame dont je connais le nom à partir d'une autre, rien de plus.
Y a bien l'iframing mais FireFox le prend pas plus... bref...
Pour les scripts, je les utilisais initialement. Mais pour gagner un peu sur la taille de mes fichiers, j'ai basculé le code dans le corps des events... c'est pas plus chiant niveau copier-coller et je me traine pas un pâté de quinze lignes en en-tête. Qui plus est, ça tourne plus vite quand j'ai fait des tests. Ca ne me gène pas d'en mettre pour qqchose que je ne peux faire avec le HTML mais si le HTML de base le fait, pourquoi me rajouter ça?
Bon... ben tant pis pour les FireFoxiens... je suivrai l'évolution des débats Mozilliens sur les frames, ça fait un moment qu'ils ont commencé et ils sont partis pour durer jusqu'à ce que ce soit pris en compte...
...ou pas.
|
|
Dernière mise à jour par : Faeldihn le 09/01/09 15:18
|
--------------------
CREO ERGO SUM
"Commencez vous à voir quelle sorte de monde nous créons? [...] Un monde d'écraseurs et d'écrasés, un monde qui, au fur et à mesure qu'il s'affinera, deviendra plus impitoyable."
1984, Georges Orwell
|
|
|
|
|
Cachée
|
|
|
|
Toujours un peu plus loin
-= Chaos Genitor =-
Inscription le 27-03-02
Messages : 8314
Age : 45 ans
Lieu de résidence : Kook's Kastle
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 16:11
|
Citation :Faeldihn dans une contemplation à Dlul a dit:
Il me semble tout à fait normal, quand on propose une architecture basée sur la modularité à travers des fichiers d'avoir la structure qqpart (html "frameset") et des les contenus ailleurs (htmls "body"), c'est d'ailleurs un peu le principe d'un CSS.
|
|
|
Ah non!
Le CSS, c'est un Cascading StyleSheet, c'est de la feuille de style, ça n'est pas un système de frames.
Si le résultat est similaire, la logique est totalement différente. Dans le système de frames (du moins la façon dont je l'utilise), la partie "menu" permet de changer la page appelée dans la partie "contenu", globalement sans changer le nom de la page.
Dans le CSS pour faire la même chose, on va jouer avec des notions d'affichage ou pas d'une partie de la page.
Maintenant, si je peux me permettre, le projet Lightbox, c'est génial pour les galeries photo
Un autre exemple qui l'utilise
Regards,
Skro
--------------------
Ecoutez ZoC Radio, la radio du Chaos!!!
Un intégriste, c’est quelqu’un qui a des convictions que je ne partage pas. Et qui ose le dire, en plus !
Edmond Prochain
Computer games don't affect kids, I mean if Pac Man affected us as kids, we'd all be running around in darkened rooms, munching pills and listening to repetitive music.
Marcus Brigstocke
Dans le catholicisme, la pinte (de bière), la pipe et la croix peuvent faire bon ménage.
GK Chersterton
|
|
|
|
|
Cachée
|
|
Vieux Con
-= Chaos Legions =-
Inscription le 26-09-02
Messages : 1241
Age : 48 ans
Lieu de résidence : dans eul'28
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 16:39
|
C'est bien beau d'afficher "essaie l'autre bouton" quand on veux afficher le code de ta page, mais là pour le coup c'est chiant, donc dé********s toi
J'utilise aussi les jeux de cadres dans mes galeries (vignette en bas et photo normale qui s'ouvre dans un pop up sur un clic sur une vignette. Par contre je suis en php. Tu peux toujours essayer d'enregistrer ton jeu de cadre en php et voir ce que ça donne.
C'est sûrement pa grand chose.
|
|
|
|
|
Cachée
|
|
Real men use Mario Kart
-= Chaos Elite Troops =-
Inscription le 30-01-02
Messages : 5028
Age : 42 ans
Lieu de résidence : Paris 14e
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 19:09
|
Lightbox a beaucoup évolué en plus, cette version la est la base mais la v2 est bien mieux, ainsi que de nombreux dérivés qui acceptent flash, vidéos, etc.. tout en faisant des galeries.
Cette version a étée d'ailleurs refaite en 100% CSS, c'est plus propre.
Sinon, j'aime bien slideshow2
http://www.electricprism.com/aeron/slideshow/
En plus, on peut le combiner avec lightbox
http://www.petervannes.nl/resume/portfolio/portfolio.html
--------------------
Citation :<Tabouretomane> yaka, ce que j'ai dit à ton sujet, je le pense vraiment
<Tabouretomane> c'est assez déprimant d'ailleurs
<Tabouretomane> à côté de toi, je me sens normal
|
|
|
Aide nous et remplis le Wikiduku
|
|
|
|
|
Cachée
|
|
Pal pas triste
-= Chaos Elite Troops =-
Inscription le 12-07-04
Messages : 3384
Age : 54 ans
Lieu de résidence : 20e Nuit Lutècienne
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 09/01/09 23:20
|
Citation :Boo Yaka dans une contemplation à Dlul a dit:
Oui, le CSS n'est pas une bidouille tordue, c'est les frames la bidouille (bon y a 5ans c'était sympa) et IE qui est tordu.
|
|
|
En tout cas, la bidouille tordue marche très bien elle.
Et remplit bien la fonction pour laquelle elle semble avoir été conçue, ne vous déplaise.
Bref...
J'ai regardé avec force intéret les exemples mais franchement, aucun n'est convainquant ni par la simplicité d'intégration ou la vitesse (ni même par l'esthétique mais ça c'est subjectif).
Donc je vais jeter un coup d'oeil sur le PHP de Gomak... déjà que j'ai bouffé du parse XML/XSL->HTML toute la journée je fais une pause pour la nuit. 
Gomak, si tu veux voir le source, t'as le menu en haut et de toute façon, c'est celui de la home frame, donc 'faut parcourir l'arborescence pour trouver les fichiers, mais bon, rien d'impossible... pour l'instant.
--------------------
CREO ERGO SUM
"Commencez vous à voir quelle sorte de monde nous créons? [...] Un monde d'écraseurs et d'écrasés, un monde qui, au fur et à mesure qu'il s'affinera, deviendra plus impitoyable."
1984, Georges Orwell
|
|
|
|
|
Cachée
|
|
|
Vieux Con
-= Chaos Legions =-
Inscription le 26-09-02
Messages : 1241
Age : 48 ans
Lieu de résidence : dans eul'28
|
|
|
|
|
|
Réponse au Sujet 'Création de page web' a été posté le : 10/01/09 11:21
|
J'ai pu jeter un zieu au code des différentes pages.
Si tu veux absolument utiliser le principe de la galerie "Nature" (donc 2 fichiers cadres distincts, ce qui pose souci comme l'explique skro), tu peux essayer en faisant passer les propriétés de l'image à afficher en variables d'url en actualisant le cadre de la photo affichée (mais ça risque de mettre plus de temps à s'afficher).
Sinon si tu veux je te file mes 3 pauvres fichiers php que j'utilise, car moi aussi n'ayant pas trouvé de galerie photo simple et facilement bricolable, j'ai dû faire la mienne.
|
|
|
|
|
Cachée
|
|
Réponse au Sujet 'Création de page web' a été posté le : 03/05/04 23:22
