Bonjour, bonjour,
je voudrais commencer à modifier les pages de mon site en supprimant les tableaux de mise en forme.
Je resterai en HTML 4.01 Transitional. Quels conseils pourriez-vous me donner pour que je puisse le faire le plus simplement ? Mon site n'est pas très "gros", mais il y a tout de même environ 150 pages et je n'ai pas beaucoup de temps disponible.
A votre avis, est-ce que je commence page par page en faisant un copier-coller du contenu et m'occupe de la feuille de style à la fin ?
Version complète: sur le forum Webmaster Hub : Refaire mes pages sans tableaux
à mon humble avis:
tu commence à décortiquer tes pages:
- tu isoles le top (logo +/- le menu principal horizontal)
- tu isoles 1 ou 2 sides L et R ( 1 pour le menu contextuel - 1 pour les pubs autre contenu d'information subsidiaire)
- tu isoles ton contenu principal (content)
- tu isoles ton pied de page
Tu choisis le layout qui convient (à toi de voir suivant ce que tu veux: 1 ou 2 sides, largeur fixe ou pas, type icy, jelly ou liquid ou encore fluide avec marge negatives).
Tu construis ensuite ton site avec un fichier qui représente la structure de base de ta page et qui fait des appels d'includes incluant chacune des parties: top, menuRight, menuLeft, content, +/- pied de page...
Il y a effectivement un gros travail en amont mais le résultat est sans commune mesure le gain de temps en maintenance.
tu commence à décortiquer tes pages:
- tu isoles le top (logo +/- le menu principal horizontal)
- tu isoles 1 ou 2 sides L et R ( 1 pour le menu contextuel - 1 pour les pubs autre contenu d'information subsidiaire)
- tu isoles ton contenu principal (content)
- tu isoles ton pied de page
Tu choisis le layout qui convient (à toi de voir suivant ce que tu veux: 1 ou 2 sides, largeur fixe ou pas, type icy, jelly ou liquid ou encore fluide avec marge negatives).
Tu construis ensuite ton site avec un fichier qui représente la structure de base de ta page et qui fait des appels d'includes incluant chacune des parties: top, menuRight, menuLeft, content, +/- pied de page...
Il y a effectivement un gros travail en amont mais le résultat est sans commune mesure le gain de temps en maintenance.
Salut.
Tu fais la page accueil contenu en 1er et styel apres .
Ensuite en te basant sur cette page tu fais les autres en changeant le contenu par copier coller ou mieux par include.php , ce qui te donnera une harmonie pour tout le site
Tu fais la page accueil contenu en 1er et styel apres .
Ensuite en te basant sur cette page tu fais les autres en changeant le contenu par copier coller ou mieux par include.php , ce qui te donnera une harmonie pour tout le site
Merci à vous deux.
Je pense que j'en aurai au moins pour un an !!
Je ferai une présentation trois "colonnes", ma feuille de style n'est pas encore prête, j'ai le problème du "header", mon "logo" est à revoir...
Pour l'instant je me limite à html.
slender, ce que tu me proposes est au delà de mes capacités
Je pense faire comme dit jeanpierre949 (sans les include) en commençant par la page d'accueil, puis sa feuille de style et tout le reste viendra après.
Je pense que j'en aurai au moins pour un an !!
Je ferai une présentation trois "colonnes", ma feuille de style n'est pas encore prête, j'ai le problème du "header", mon "logo" est à revoir...
CITATION
include.php
alors ça, je ne sais pas faire du tout !!Pour l'instant je me limite à html.
slender, ce que tu me proposes est au delà de mes capacités
CITATION
largeur fixe ou pas, type icy, jelly ou liquid ou encore fluide avec marge negatives
Je pense faire comme dit jeanpierre949 (sans les include) en commençant par la page d'accueil, puis sa feuille de style et tout le reste viendra après.
Salut,
Effectivement le contenu brut est à écrire en premier, en respectant une certaine sémantique. Également toutes les images qui n'ont rien à faire dans le code HTML sont à virer dans un premier temps.
Exemple d'image qui doit rester dans l'HTML:
<p>.. comme le montre ce shéma:</p><img src="schema.png" alt="schema illustratif" title="" width="150" height="200">
Exemple d'image qui ne doit pas rester dans l'HTML (mais au contraire qui doit se trouver en CSS):
<img src="library/logo.gif" width="433" height="62" alt="bulgaria-france">
(contrairement à l'exemple ci-dessus, tu vois que celui-ci n'est pas pris au hasard de mon imagination
)
Ensuite donc tout le reste en CSS.
Et attention à la "divite" !! 4 ou 5 <div> par page me semblent le maximum, surtout que ton site a une présentation plutôt conventionnelle qui ne sort pas des sentiers battus.
Une page avec 3 000 <div> n'est pas forcément plus optimisée qu'une page avec 45 tableaux.
Si t'as besoin d'aide tu sais à quelle porte frapper
Effectivement le contenu brut est à écrire en premier, en respectant une certaine sémantique. Également toutes les images qui n'ont rien à faire dans le code HTML sont à virer dans un premier temps.
Exemple d'image qui doit rester dans l'HTML:
<p>.. comme le montre ce shéma:</p><img src="schema.png" alt="schema illustratif" title="" width="150" height="200">
Exemple d'image qui ne doit pas rester dans l'HTML (mais au contraire qui doit se trouver en CSS):
<img src="library/logo.gif" width="433" height="62" alt="bulgaria-france">
(contrairement à l'exemple ci-dessus, tu vois que celui-ci n'est pas pris au hasard de mon imagination
)Ensuite donc tout le reste en CSS.
Et attention à la "divite" !! 4 ou 5 <div> par page me semblent le maximum, surtout que ton site a une présentation plutôt conventionnelle qui ne sort pas des sentiers battus.
Une page avec 3 000 <div> n'est pas forcément plus optimisée qu'une page avec 45 tableaux.
Si t'as besoin d'aide tu sais à quelle porte frapper
tu as tort de penser que le fait d'utiliser des includes est difficile
soit un modelèle de page en mode 'direct' (sans include'):
<html> ...
<head> ... <head>
<body>
<div> conteneur </div>
<div> blablabla top </div>
<div> blablabla content </div>
<div> blablabla menuRight </div>
<div> blablabla menuLeft </div>
<div> blablabla Bas de page </div>
</div>
</body>
</html>
tu auras en utilisant les includes la même chose:
<html> ...
<head> ... <head>
<body>
<div> conteneur </div>
<div> <?php include "top.php"; ?> </div>
<div> <?php include "content.php"; ?> </div>
<div> <?php include "menuLeft.php"; ?> </div>
<div> <?php include "menuRight.php"; ?> </div>
<div> <?php include "basDePage.php"; ?> </div>
</div>
</body>
</html>
en fait tu maintiens beaucoup moins de fichiers puisque les menuRight et Left et BasDePage sont assez souvent les mêmes.
Ton job ne consiste plus qu'à faire tes copié collé pour tes contenus car ce sont ceux ci qui varient (heureusement d'ailleurs)
Ce job te permet aussi de gérer tes mots clefs et tes descriptions suivant la page appelée comme ci-dessous:
<meta name="Description" content="<? echo $page_description; ?>" />
<meta name="Keywords" content="<? echo $page_keywords; ?>" />
Cherche toujours le truc qui te fera le moins de job en maintenance quitte à "perdre' du temps en amont.
soit un modelèle de page en mode 'direct' (sans include'):
<html> ...
<head> ... <head>
<body>
<div> conteneur </div>
<div> blablabla top </div>
<div> blablabla content </div>
<div> blablabla menuRight </div>
<div> blablabla menuLeft </div>
<div> blablabla Bas de page </div>
</div>
</body>
</html>
tu auras en utilisant les includes la même chose:
<html> ...
<head> ... <head>
<body>
<div> conteneur </div>
<div> <?php include "top.php"; ?> </div>
<div> <?php include "content.php"; ?> </div>
<div> <?php include "menuLeft.php"; ?> </div>
<div> <?php include "menuRight.php"; ?> </div>
<div> <?php include "basDePage.php"; ?> </div>
</div>
</body>
</html>
en fait tu maintiens beaucoup moins de fichiers puisque les menuRight et Left et BasDePage sont assez souvent les mêmes.
Ton job ne consiste plus qu'à faire tes copié collé pour tes contenus car ce sont ceux ci qui varient (heureusement d'ailleurs)
Ce job te permet aussi de gérer tes mots clefs et tes descriptions suivant la page appelée comme ci-dessous:
<meta name="Description" content="<? echo $page_description; ?>" />
<meta name="Keywords" content="<? echo $page_keywords; ?>" />
Cherche toujours le truc qui te fera le moins de job en maintenance quitte à "perdre' du temps en amont.
Ce que explique slender a l'air tout simple , mais le php et moi ne font pas bon ménage (rien n'est définitif). J'ai même acheté le livre "Php pour les Nuls" et j'ai mis un mois pour savoir faire un formulaire après avoir été aidée par plusieurs personnes.
Mon cas est grave.
Par contre, je suis sur la bonne voie suggérée également par Dudu (ne te vexes pas slender). Je connais (assez) bien le html, je progresse en css (avec l'aide formidable de webmaster Hub) et je suis entrain de lire le livre CSS2 qui est très bien expliqué.
Je vous donnerai des nouvelles ... un jour futur
, mais le php et moi ne font pas bon ménage (rien n'est définitif). J'ai même acheté le livre "Php pour les Nuls" et j'ai mis un mois pour savoir faire un formulaire après avoir été aidée par plusieurs personnes.Mon cas est grave.
Par contre, je suis sur la bonne voie suggérée également par Dudu (ne te vexes pas slender). Je connais (assez) bien le html, je progresse en css (avec l'aide formidable de webmaster Hub) et je suis entrain de lire le livre CSS2 qui est très bien expliqué.
Je vous donnerai des nouvelles ... un jour futur
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.