EDForum

Pour mon projet pro, je dois réaliser un "catalogue" des formations après notre DUT ( licence pro, écoles de commerce et tout le bazar), donc moi, je suis un peu têtu, et au lieu de me contenter d'un fichier word qu'on mettrais sur cd-rom, je veux réaliser un site web : geek powa

Bref, je commence donc à apprendre les bases du XHTML et du CSS avec le Site du Zéro, j'apprends grossièrement à faire ca sous bloc note, j'apprends les balises qu'il faut utiliser

Cependant, je coince à un petit quelque chose : les liens internes à notre site internet, en fait ce que j'ai du mal à comprendre, c'est s'il faudra au final créer plusieurs document .html, ou si tout le site est écrit sur un seul document .html

Pour exprimer un peu plus clairement, je vais tâcher de prendre l'exemple du forum : quand on clique sur Mène à rien, ca remplace l'index par la page avec les topics MAR, est ce que cette action est dû au fait qu'il y a plusieurs pages html ? ( une page source qu'est l'Index et une page cible qu'est MAR en gros) ou est ce que c'est écrit dans la même page html, que ca remplace juste la page d'index par la page de MAR


Sinon à votre, peut être qu'il y a plus simple que de faire sur bloc note ? J'ai entendu parler de logiciel ( dreamweaver ?) pour faire des sites webs, est ce que c'est beaucoup plus facile ? Plus pratique ? ( l'idéal serait de choisir un thème, et mettre le contenu texte et images facilement sur le site )
_________________

ne prend pas le forum comme exemple, il est plus complexe que du html simple puisqu'il est codé en php et qu'il dialogue avec une base de données.

pour un site en html statique (sans base de données donc), considère pour faire siimple que 1 page = 1 fichier html.

pour coder, bloc note c'est réduit quand même.
notepad++ est pas mal : il fait la coloration sytnhaxique, ça aide pas mal à savoir si on bien placé ses balises ou pas.

dreamweaver, je l'avais utilisé à une époque. ça te permet de ne pas coder en fait et c'est assez limité, dès qu'on fait des choses un peu complexes, ça ne s'affiche pas comme il faut.
si tu veux apprendre vraiment le html, je te le déconseille.

sinon, si tu veux faire plus complexe, tu as des gestionnaires de contenu.
pas besoin de codes, juste mettre tes pages en place. il y a wordpress par exemple, qu'on peut tout à fait utiliser pour autre chose qu'un blog. il y en a un paquet d'autre.
là encore, si ton but est d'apprendre le html, c'est pas par là qu'il faut commencer...
_________________

Je te conseille Notepad++ aussi pour la coloration, mais sinon, le bloc note suffit.
Dreamweaver à éviter par tout les moyens !!

Pour apprendre, Notepad ou le bloc note, c'est les seuls moyens.
Commence par connaître le squelette classique, affiche des titres, utilise les balises gras, italique, souligne, l'alignement.
Ensuite, commence par regarder le fonctionnement des tableaux, indispensable sur un site.

Et comme dit Green, le forum n'est pas un bon exemple, c'est du PHP

Si t'as besoin, n'hésite pas
_________________

J'ai pas précisé mais j'utilise bien Notepad ++ ( je fait ce qu'on me dis sur le site du zéro )

Bon là j'avance pas mal, faut dire qu'il y a deux trois mois j'avais commencé la lecture, j'étais rendu au CSS mais pas très élaboré ^^
Donc je viens de comprendre ( a peut près ^^) comment faire pour décaler du texte, pour mettre des bordures, ce qui me sera très utile pour le design du site ( en fait j'ai en tête des sites internet avec des "colonnes" sur la gauche par exemple, pour faire des menus ou des trucs dans le genre)

Bon donc concernant le nombre de fichier html, si j'ai bien compris, je dois en faire un pour l'index, un autre par exemple où il y aura le détail des licences pro, un autre où il y aura le détail des écoles spécialisées, un autre avec les poursuites d'études à l'étranger etc etc ( en fonction de chaque formation que je détaillerais quoi )... ca fait beaucoup je trouve
Surtout que chaque page aura plus ou moins de contenus (licence pro j'en ai un paquet, poursuites à l"étranger, c'est très limité au contraire), c'est pas important donc ?
Il faut bien faire plusieurs fichiers html différents pour bien différencier justement la navigation du site c'est pour ca ?
( de toute manière, ca prend pas beaucoup de place un fichier html alors faut que je m'y fasse à cette idée )
Et si ma logique suis bien : il me faudra autant de fichier css que de fichiers html ?

Bref, pour l'instant, je vais finir le "cours", après va falloir que je réfléchisse pas mal à comment disposer chaque page, je sent que ca va être chaud, est ce qu'il y a des exemples de sites dont on pourrait s'inspirer ?

Merci de votre aide en tout cas
_________________

Déjà, pour le code répétitif (par exemple, une ligne que tu veux mettre sur chaque page en bas du site), tu n'as pas à le retaper à chaque fois. Tu peux utiliser du php (très simple) en enregistrant ta page en .php et en mettant une ligne :

(en terminant la ligne par un "?>", y'a un bug sur le forum apparemment)
En gros, tu renommes simplement ta page html en "ma_page.php", dedans, tu mets la ligne précédente, et le fichier "ma_page_qui_se_repete.html" contiendra un truc type :


Bref, ça répond pas à ta question, mais tu t'en serviras très probablement

Pour ta présentation de ton site, tu peux envisager les frames, qui répondent bien au sujet, mais sont déconseillées (Maître Dara te le confirmera ).
Le plus simple (selon moi hein), c'est de jouer avec les tableaux.
Tu fais un fichier "menu.html", et tu l'intègres avec la fonction include ci-dessus dans ton index.

Ensuite, tout dépend pour le nombre de fichiers.
Avec PHP, tu peux utiliser des arguments dans les URL te permettant d'utiliser une seule page.
Tu peux aussi avec HTML envisager l'utilisation d'ancre, mais dans ce cas, tout le contenu sera sur la même page, donc pas d'intérêt.

En gros, PHP ou plusieurs pages HTML oui
_________________

Nan mais la vraie bonne raison à la base c'est déjà que le code HTML du forum est super pourri J'ai nettoyé pas mal de trucs mais ça reste basé sur le template de base de phpbb2 qui est un modèle de nullité en matière d'HTML

Après si tu fais du statique, en effet, une page = un fichier HTML systématiquement.

Par contre pour le CSS un fichier peut suffire (chaque page incluant le même fichier).
_________________

Dara, j'en profite pour te remontrer un bug vieux comme Hérode sur le forum

ne fonctionne pas
J'ai écris :

mais dès que je ferme le tag php, ça plante
_________________

Ouais euh Rupy tu m'as un peu perdu en cours de route là

Déjà, je croyais que PHP et HTML c'était pas la même chose ( base de données pour PHP, si j'ai bien compris ce qu'à dis green)

Et ton histoire de code répétitif je comprends pas T'as un exemple concret pour mieux illustrer ?

Et ce code il se mettrait dans le fichier HTML de base c'est ca ?
Et ce serait quelle page qu'il faudrait changer en .php ? Celui "de base" ou celui qu'on fait inclure ?

Ah et je suis en train de me dire, est ce qu'il y a justement ce que j'appelle " un fichier html de base" ?
J'entends par là le fichier qui servirais à mettre en ligne le site internet, ca correspondrait à l'index du site c'est ca ? Mais alors tous les autres fichiers html doivent être obligatoirement "reliés" à ce fichier de base nan ?

Pour revenir à la fonction include, pourquoi est ce que le menu serait un fichier html à part ? Ce "menu" n'est pas censé être l'index du site ?
Ou alors s'il faut vraiment le faire a part, ca veut dire qu'il faudrait l'inclure dans chaque fichier html lié au site c'est ca ?

Bon sang, ca se complique d'un coup là


Bon sinon, j'ai une tite question à propos du positionnement d'un block
En fait, j'ai vu deux choses qui permettent de décaler un paragraphe par exemple, il s'agit du code width, qui en fait signifie qu'on choisit quel largeur sur la page on veut utiliser c'est ca ? ( exemple), et le code position ( avec absolute, fixe et relatif).
Le truc c'est que ca agit complètement différemment, et c'est beaucoup de tâtonnement, moi j'aimerais pouvoir centrer facilement, aligner à gauche, à droite...comme dans word
J'en demande trop ?
_________________

Je dois vraiment y aller là, je reviens après pour les détails Mais en gros :

Page html = page avec des balises "<jhkjkhk>".
Page PHP = page contenant " <?php " et la fermeture correspondante (je peux pa sle mettre à cause du bug sur forum)

En gros :

= ma_page.html qui affiche "toto".

Et


= ma_page.php qui affiche aussi "toto".

Donc tu peux facilement intégrer du PHP dans du HTML. L'interaction avec des basesd e données est facultatif.

Je reprend en détail tout à l'heure
_________________

Alors en fait, le html, c'est ce que sait lire ton navigateur. il n'a rien besoin d'autre que ton code.
le php, c'est un langage plus évolué qui (en gros) génère des pages html que ton navigateur saura afficher. avec ou sans base de données derrière.

la fonction include, que rupy a décrite, c'est ce que j'ai utilisé pour un certain site (adresse en pv parce qu'il y a vraiment trop de perso dedans)
le but de ça : tu as une en tête, un menu et un peid de page qui se répètent sur toutes les pages.
tu fais un tableau, dans chaque case tu tableau, tu inclus ta page avec le code donné par rupy.

avantage certain : si tu changes ton menu ou ton en tête, pas besoin d'aller corriger dans toutes tes pages, et d'en oublier une au passage, ou de faire un copier / coller foireux.
tu as UNE page et modifier, un point c'est tout.

la page que ton navigateur va appeler aura l'extension .php pour que le serveur comprenne qu'il doit interpréter une ligne de code en php.
la page que tu vas inclure sera en .html car c'est du statique, il n'y a rien à interpréter.

l'alternative à ça, c'est les frames, mais dara t'expliquera bien mieux que moi pourquoi c'est pas bien.
(j'ai aussi fait un site en frames il y a longtemps de ça)

si tu veux, je peux te filer le code de ma page d'accueil, un exemple vaut bien meix que de longs discours.

pour le .css, tu n'as besoin d'en faire qu'un seul, tu l'appelles à chaque page et c'est tout.
_________________

Ouais je sais, c'est comme avec le code HTMLqui se retrouve tronqué de certains atributs En fait c'est une sécurité qui est dans phpbb si on a activé certaines balises HTML (ce qui est le cas, vu qu'on a les tableaux notamment). Du coup il vire un paquet de trucs pour éviter les éventuelles failles de sécurité... Ça me semble vachement trop drastique comme nettoyage mais comme on met en général assez peu de code sur le forum, j'ai pas trop pris le temps d'essayer d'améliorer les choses...

Par contre il suffit de désactiver le HTML pour un message donné pour que ça ne pose plus de problèmes

Exemple :



EDIT :Hum pourquoi c'est pas bien ?
- c'est déprécié en XHTML (c'est à dire que ce n'est plus valide, il s'agit d'une vielle fonctionnalité qui ne continue à tourner que par compatibilité).
- c'est moche en général
- c'est tout pourri pour bookmarker / rafraichir / etc. une page vu que dans la barre d'adresse tu as l'URL du conteneur global qui ne change pas quand tu changes de page.
- c'est sans doutes mauvais pour le référencement...
Entre autres...

Le seul intérêt c'est que ça évite de recharger le menu à chaque fois (économie de bande passante) mais bon, c'est un intérêt bien mince
_________________

bah voilà, je le savais que tu expliquerais ça très bien.
_________________

Je suis perplexe là

Si on en utlise qu'un seul, comment on fait pour différencier certains paragraphes avec la balise <p> ?
Je veux dire, des fois on voudrais que ca soit ecrit en rouge, alors que sur une autre page on veut un certain paragraphe en vert...si je n'ai qu'un .css, comment appliquer les deux couleurs à ces deux paragraphes ? je dois leur rajouter un attribut .class à chacun pour différencier ?
Ou est ce que j'ai loupé quelque chose dans le tuto pour différencier des paragraphes <p> dans un fichier .css ?

Bon sinon je veux bien voir ce que ca donne le code de ta page d'accueil Surement bien plus complexe que ce que je suis en train d'essayer, d'ailleurs si vous voulez voir ce que j'ai commencé...
_________________

Pour ça il faut utiliser l'attribut "class" :

Et le ode CSS associé :

_________________

ok merci

Donc faut éviter de différencier trop ses paragraphes, à moins d'avoir la patience de spécifier un désign à chacun
_________________

De toutes façons un bon design de site se doit d'être cohérent avec lui-même et ne pas partir dans tous les sens

EDIT : cela dit y a pas mal d'autres sélecteurs que les classes (tous n'étant pas reconnus pas les vieux navigateurs)
_________________

la simplicité, c'est bien aussi.
je te montre mes pages et le code qui va avec demain.
quoique je suis sure qu'on peut faire nettement mieux...
_________________

Bon bah greenou a été claire, merci

@Dara : Ok, merci pour l'astuce pour palier à ce petit bug

@Anthony : En gros, pour ton site, tu peux essayer un truc du genre (version simplifiée que tu dois adapter à ton site) :



Sachant que border permet de mettre une bordure autour du tableau, le mieux est de mettre 0 (ou rien), width est la largeur, align l'alignement..... Colspan te permet d'indiquer qu'une colonne est censé prendre la place de plusieurs colonnes. Ici, je dis que la colonne du haut prend la largeur des deux colonnes du bas.
Tu peux aussi ajouter en attribut dans les tr des trucs comme "width" pour la largeur d'une colonne, ou bgcolor pour mettre une couleur de fond (exemple : <tr bgcolor="#000000"> avec le code en héxa, ici noir)

Dans "mon_entete.html", tu insères par exemple une image.
Dans "mon_menu.html", tu mets ton menu avec des liens vers toutes tes pages à créer.
Et toutes tes pages reprennent la structure ci-dessus. C'est à dire que tu les nommes toutes par exemple "ma_page_numero1.php" (php car ça contient la fonction include) et tu changes juste le texte "La page que je veux afficher" par ce que tu veux mettre. Tu fais ça pour chaque page. L'intérêt ici des includes, c'est que si tu as 10 pages avec cette structure, tu peux changer l'entête de toutes tes pages en modifiant uniquement le fichier "mon_entete.html".

Voilà, j'espère avoir été clair
_________________

moi en tout cas, je trouve ça super clair.
_________________

Je pense avoir globalement compris

Cependant, je remarque tu utilise des tableaux pour structurer le site, or moi je me sert simplement de bordures, par exemple pour le menu c'est ce que j'ai fait...
Bon là je viens de créer un tableau, mais vraiment parce que j'en avais besoin ( d'ailleurs j'ai bien galérer, 2 colonnes mais 22 lignes le machin, ca y est aller les tr, td, ul, li etc... )

Bref, faut il faire des tableau ( avec ou sans bordures si on préfère) pour vraiment structurer le texte de son site ?


Sinon, il faut à tout prix séparer l'en-tête et le menu ? Parce que je les avais mis en ensemble moi ( ainsi que le pied de page)
_________________