Forum d'entraide PHPFrance

Bonjour,

J'ai pas mal pratiqué l'html il y à environ 10ans, à l'époque j'utilisais les table et les frame pour contruire les pages.

Je dois me remettre à l'html et j'aimerais avoir votre avis sur les méthodes les plus employées actuellement,
je vois souvent des sites construits avec des divs est-ce que c'est ce qui ce fait le plus ?

est-ce qu'il y a moyen dans un div d'ouvrir une page html ou php comme on pouvais le faire dans les frames, sinon qu'elle est la methode actuelle la plus proche des frames pour remplacer seulement le contenu d'une partie de la page ?

est-ce que les iframes sont beaucoup employées ?

merci si vous aviez quelques avis à me donner pour redémarrer plus facilement

Du point de vue du référencement, voire de l'accessibilité, il est fortement déconseillé d'utiliser des cadres (que ce soit des frames ou des iframes).

Si tu veux te remettre au HTML dans le respect des standards du Web actuels, tu as le site du zéro, qui propose un tutoriel efficace.

Merci beaucoup pour le cours, c'est très bien fait !

Donc en effet les div on l'air plus efficaces. Et il ne parle n'y de frame n'y d'iframes

Par contre il y a un truc qui reste flou pour moi c'est comment éviter de recharger tout le contenu d'une page, par exemple dans le cas d'un site présenté comme dans le tp "design" du cours :

on a un "header" haut, une colonne "menu" à gauche et un corps ...

si il y a 50 pages comme ça et que c'est seulement le "corps" qui change, est-ce qu'il faut dupliquer 50 fois la même page et changer à chaque fois le contenu du "corps".

Aussi pour la création des pages, ça serait embêtant si par ex on voulait faire un changement dans le menu il faudrait le faire dans les 50 fichiers ?

Quelle méthode utiliser pour créer et travailler ces éléments séparément (mis à part les css qui peuvent déjà être utilisées par plusieurs fichiers ) ?

Une solution est d'utiliser la fonction include() de PHP
pour "appeler" les différents éléments récurrents : bandeau, menu, pied de page, etc.

Ceux-ci étant définis dans des fichiers individuels appelés par chaque page de ton site,
il y a fort à parier que le navigateur aura tout intérêt à les mémoriser en cache.

Merci pour ta reponse !

Ok je vois comment faire avec php.

Mais pour un site statique, il n'existe pas une sorte d'"include" en html, au moins pour faciliter la création des pages ?

Parceque là je ne vois que faire tous les éléments séparément (header, corps, menus...) puis de tout rassembler ça à la fin. Mais s'il y a un changement sur un partie après coup il faut tout rassembler à nouveau...

Bon si c'est par php qu'il faut passer je ferais avec, mais s'il y a aussi une solution sans ça serait plus facile pour l'instant...

Mais pour un site statique, il n'existe pas une sorte d'"include" en html, au moins pour faciliter la création des pages ?

Pas en HTML (mise à part la technique des frames et iframes, à déconseiller pour les raisons que j'ai évoquées dans mon précédent message).

Même si ton site n'est pas aussi dynamique qu'un site de commerce électronique, utiliser la fonction PHP include() te permet de gagner du temps en maintenance et en mises à jour : il suffit de n'éditer que le fichier appelé par include() pour que le résultat de l'édition se répercute immédiatement à toutes les pages qui l'incluent. On y trouve le même enjeu que dans le recours aux CSS pour contrôler la présentation et la mise en forme des pages HTML.

Je ne pense pas que tu trouveras des réponses différentes de celle de Victor...

merci beaucoup pour votre aide !

Je vais donc utiliser le php.

Juste une autre précision, qui est surement bête vu que vous dites qu'il n'y a pas d'autre solution, mais est-ce que des gros logiciels comme Dreamweaver (que je ne compte pas spécialement utiliser d'ailleur) ne permettent pas tout de même ce genre de chose ?

Dreamweaver est un éditeur, un outil, pas une technologie.

Dreamweaver te permet de générer des pages... en HTML uo en PHP.

Dreamweaver est un éditeur, un outil, pas une technologie.

Dreamweaver te permet de générer des pages... en HTML uo en PHP.

C'est surtout un éditeur WYSIWYG. Si tu veux pondre du code (X)HTML le plus propre et le plus valide possible (même motif, même punition pour du code PHP), utilise un éditeur de texte proposant de la coloration syntaxique, comme Notepad++ (si tu es sous Windows), TextWrangler (si tu es sous Mac OS X) ou GEdit (si tu es sous Linux) : au moins, tu restes maître de ton code.

Pour plus de choix, tu peux consulter la rubrique éditeurs de texte de Framasoft.

Et sinon, pour changer dynamiquement le contenu d'une page html on utilise ajax (javascript) et le Dom..

Dreamweaver ne te dispense pas de connaître le code php html javascript sinon tu vas très vite être limité et prisonnier des quelques automatismes proposés.
C'est valable pour n'importe quel éditeur que tu choisisses, sauf que Dreamweaver peut entretenir un peu plus longtemps (pas très longtemps) l'illusion de pouvoir créer du code évolutif sans connaître la syntaxe et les fonctions employées.

Dreamweaver est un éditeur, un outil, pas une technologie.

Mais peut-être qu'il pourrait quand même permettre de rassembler des "bouts" de page et que l'édition d'un de ces bouts sur une page se répercute sur toutes les autres pages l'utilisant ?
Au bout du compte c'est bien la même technologie qui serait utilisée ?


Je vais regardé aussi du coté d'ajax...

Dreamweaver permet effectivement de faire des templates.

Je te conseille le site Kiwano à Marseille (je précise Marseille car ils sont a fond OM c flippant !) que j'ai découvert sur un des forums aujourd'hui et qui donne des conseils pour la céation de sites valides et accessibles et le référencement mais ils n'y parlent pas de PHP (personne n'est parfait...)

Une bonne chose pour un site statique c'est d'avoir un template de base que tu vas gérer avec des include php tu peux avoir aussi des include html, par exemple dans ton arbo :

includes / html
includes / php

Pour avoir par exemple un formulaire de contact au format php pour le traitement et le reste des pages html dites "statique". Et pour éviter d'avoir des .php qui s'affichent partout tu fais de l'url rewriting, si tu ne connais pas une simple recherche sur google devrait t'aider.

C'est beaucoup plus simple par la suite pour les modifications.

Ensuite pour l'IDE je ne te conseil pas Dreamweaver, qui vas te sortir un code sale, qui risque de ne fonctionner que sur un ou deux navigateurs et te pourrir la maintenance du code. Donc perte de temps total au final.

Il te faut juste un outil avec une coloration syntaxique pour le XHTML, CSS, PHP, Javascript et ensuite tu retrouvera tes repères.

Pour ce qui est du référencement avec un site créer de cette manière tu peux te débrouiller pour avoir des keywords et une description changeant à chaque page comme le titre.