Nullette Posté 7 Octobre 2005 Partager Posté 7 Octobre 2005 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 ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
slender Posté 7 Octobre 2005 Partager Posté 7 Octobre 2005 (modifié) à 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. Modifié 7 Octobre 2005 par slender Lien vers le commentaire Partager sur d’autres sites More sharing options...
jeanpierre949 Posté 7 Octobre 2005 Partager Posté 7 Octobre 2005 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 7 Octobre 2005 Auteur Partager Posté 7 Octobre 2005 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... 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 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dudu Posté 7 Octobre 2005 Partager Posté 7 Octobre 2005 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
slender Posté 7 Octobre 2005 Partager Posté 7 Octobre 2005 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Nullette Posté 7 Octobre 2005 Auteur Partager Posté 7 Octobre 2005 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant