Problema con HTML (troppo lungo da spiegare in un titolo)

Salve a tutti. Ho un piccolo problema. Le mie pagine html contengono lo stesso html differiscono solo per il contenuto. Il problema è che se per esempio un giorno vorrò cambiare l'immagine del logo dovrò fare una fatica immane perchè dovrò modificare l'immagine a ogni singola pagina del mio sito, lo stesso vale per il font, il colore del font ecc.. come posso fare? Spero di essermi spiegata

Devi usare PHP.

Puoi postare il sorgente di una pagina dicendo quello che è sempre uguale e quello che cambia?...

EDIT: ho visto il tuo sito. Potresti fare una cosa del genere:

index.php

Codice PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT"> <head> <title>Dragriphon's Island</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{ background: url(http://i56.tinypic.com/21nfynk.png) center repeat-y #CFF; margin: 0; } :link{ color: #069; } #header{ margin: 0; } #header a{ font-size: 0px; /*width: 1058px;*/ height: 630px; background: url(http://i51.tinypic.com/24x2dl3.png) center no-repeat; display: block } td, th{ vertical-align: top; } img{ border:0px; } </style> </head> <body> <h1 id="header"><a href="/">Dragriphon's Island</a></h1> <table align="center" width="1058" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="1058" scope="col"> <a href="http://dragriphonisland.altervista.org/index.html"><img src="http://i51.tinypic.com/2ypntcp.png"></a><a href="http://dragriphonisland.altervista.org/news.html"><img src="http://i55.tinypic.com/mn28ol.png"></a><a href="http://dragriphonisland.altervista.org/dragonquest.html"><img src="http://i53.tinypic.com/mkjdpj.png"></a><a href="http://dragriphonisland.altervista.org/extra.html"><img src="http://i54.tinypic.com/v32c6s.png"></a><a href="http://dragriphonisland.altervista.org/staff.html"><img src="http://i51.tinypic.com/t0tbgp.png"></a><a href="http://dragriphonisland.altervista.org/affiliazioni.html"><img src="http://i52.tinypic.com/2wdq3h1.png"></a><a href="http://dragriphonisland.altervista.org/contattaci.html"><img src="http://i52.tinypic.com/20j4wux.png"></a></th> </tr> </table> <table align="center" width="970" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="251"><font face="Corbel, Verdana, Arial, Helvetica, sans-serif" color="#006699" size="3"><img src="http://i55.tinypic.com/4kzdbn.png"><br /><br /> <a href="http://dragriphonisland.altervista.org/soluzione.html">Soluzione</a><br /> <a href="http://dragriphonisland.altervista.org/missioni.html">Missioni</a><br /> <a href="http://dragriphonisland.altervista.org/oggetti.html">Oggetti</a><br /> <a href="http://dragriphonisland.altervista.org/vocazioni.html">Vocazioni</a><br /> <a href="http://dragriphonisland.altervista.org/alchenomicon.html">Alchenomicon</a><br /> <a href="http://dragriphonisland.altervista.org/minimedaglie.html">Minimedaglie</a><br /> <a href="http://dragriphonisland.altervista.org/mostri.html">Mostri</a><br /> <a href="http://dragriphonisland.altervista.org/mappedeltesoro.html">Mappe del tesoro</a><br /> <a href="http://dragriphonisland.altervista.org/mappadelmondo.html">Mappa del mondo</a><br /> <a href="http://dragriphonisland.altervista.org/guardaroba.html">Guardaroba</a><br /> <a href="http://dragriphonisland.altervista.org/wi-fi.html">Wi-Fi </a><br /><br /><br /> <img src="http://i53.tinypic.com/dgknqa.png"><br /><br /> <a href="http://dragriphonisland.altervista.org/galleriadistella.html">Stella's Gallery</a><br /><br />  <div id="cboxdiv" style="text-align: left; line-height: 0"> <div><iframe frameborder="0" width="165" height="250" src="http://www2.cbox.ws/box/?boxid=2232961&boxtag=gwk5tg&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="165" height="75" src="http://www2.cbox.ws/box/?boxid=2232961&boxtag=gwk5tg&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <br /><br /> <br /> <a href="http://www.facebook.com/pages/Dragriphons-Island/186368514722196?created"><img src="http://i52.tinypic.com/2mg40w2.png"></a><br /><br />  <script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script> <a href="http://www.histats.com" target="_blank" title="contatore visite free" ><script type="text/javascript" > try {Histats.start(1,1348603,4,3,170,30,"00011111"); Histats.track_hits();} catch(err){}; </script></a> <noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1348603&101" alt="contatore visite free" border="0"></a></noscript>  <br /></br> <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Licenza Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a> </td> <td width="719"> <?php if(isset($_GET['p'])) include('./pagine/'.$_GET['p'].'.html'); else include('./pagine/home.html'); ?> </td> </tr> <tr> <td><font face="Corbel, Verdana, Arial, Helvetica, sans-serif" color="#006699" size="2"><br />È vietata la riproduzione <br /> totale o parziale. <br /> Dragriphon's Island © 2011 <br /> è un sito dedicato a Dragon <br />Quest e non ha alcun fine <br />di lucro. Dragon Quest e tutti <br />i relativi nomi appartengono <br />ai rispettivi proprietari. <br /> ©2011 Nintendo</font> </td> <td> <br /><br /><br/><br /><br /><br /> <div align="center"> <script type="text/javascript"> //<![CDATA[ google_color_border = "006699"; google_color_bg = "99CCFF"; google_color_link = "006699"; google_color_url = "006699"; google_color_text = "006699"; google_ui_features = "rc:0"; document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> </div> </td> </tr> </table> </body> </html>

Prima di tutto questo è il file che deve essere chiamato index.php.
Ho fatto in modo che se lo richiami "normalmente", nel "contenuto" della pagina include la pagina "home.html" posta dentro la cartella immagini.
Se invece la richiami ad esempio con "index.php?p=pagina1" includerà il file presente nella cartella "pagine" che si chiama "pagina1.html"
Sicuramente non avrai capito niente di quel che ti ho detto (perché non so spiegare :lol:), ma chiedi quello che non hai capito...

Ciao!

Spero di aver capito bene, ma non si potrebbero usare dei CSS? Poi quando vorrai cambiare qualcosa basta che cambi essi e tutte le pagine che fanno riferimento a loro cambieranno di conseguenza. Ho detto una boiata, non ho capito o è fattibile?

E' giustissimo anche in quel modo.

Però, metti che invece di cambiare una immagine volesse cambiare il titolo principale della pagina oppure l'intero template: lo dovrebbe modificare per TUTTE le pagine :\

Poi c'é anche da dire che tutte quelle pagine con sorgente ripetuto occupa spazio inutile... (anche se le scritte non è che sono pesantissime, ma metti che avrà centina di pagine... )...

Ciao!

Non ho capito scusate >.< ho visto un sito che utilizza il css ma non so come fare.. cioè come faccio a mettere una pagina css con tutte le cose che non devono cambiare e poi a caricare quel file con i contenuti di tutte le pagine?

Citazione:

Originalmente inviato da DragriphonIsland

Non ho capito scusate >.< ho visto un sito che utilizza il css ma non so come fare.. cioè come faccio a mettere una pagina css con tutte le cose che non devono cambiare e poi a caricare quel file con i contenuti di tutte le pagine?

:shock: scusami ma.. le risposte alla discussione le vedi tutte? Oppure il tuo browser scarta le mie risposte?

Perché php non ti va bene? cosa non hai capito? cosa hai provato e non ti ha funzionato?

Ciao!

EDIT:

riguardando il sorgente sopra che ti ho scritto, la parte PHP può essere migliorata così:

Codice PHP:

<?php if(isset($_GET['p']) && file_exists('./pagine/'.$_GET['p'].'.html')) include('./pagine/'.$_GET['p'].'.html'); else include('./pagine/home.html'); ?>

ci ho provato ma non riesco a spiegarmi certe cose così ti ho mandato un mp

E poi mi sa tanto che hai fatto il contrario perchè l'index dev'essere fisso mentre il contenuto deve variare, se l'index è uno, nel codice php dell'index rimarrà sempre ''home'' non so se mi sono spiegata. Mentre dovrei fare tante pagine con i contenuti diversi che poi prendono la ''skin'' da un unico file

ok ho applicato al contrario il codice php :) grazie

:shock: cosa significa che hai appllicato PHP al contrario???

Attenzione, che la pagina deve aver l'estensione *.php, altrimenti il php non viene interpretato dal server!

Ricapitolando, la tua index quindi "deve" essere così:

Codice PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT"> <head> <title>Dragriphon's Island</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{ background: url(http://i56.tinypic.com/21nfynk.png) center repeat-y #CFF; margin: 0; } :link{ color: #069; } #header{ margin: 0; } #header a{ font-size: 0px; /*width: 1058px;*/ height: 630px; background: url(http://i51.tinypic.com/24x2dl3.png) center no-repeat; display: block } td, th{ vertical-align: top; } img{ border:0px; } </style> </head> <body> <h1 id="header"><a href="/">Dragriphon's Island</a></h1> <table align="center" width="1058" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="1058" scope="col"> <a href="http://dragriphonisland.altervista.org/index.html"><img src="http://i51.tinypic.com/2ypntcp.png"></a><a href="http://dragriphonisland.altervista.org/news.html"><img src="http://i55.tinypic.com/mn28ol.png"></a><a href="http://dragriphonisland.altervista.org/dragonquest.html"><img src="http://i53.tinypic.com/mkjdpj.png"></a><a href="http://dragriphonisland.altervista.org/extra.html"><img src="http://i54.tinypic.com/v32c6s.png"></a><a href="http://dragriphonisland.altervista.org/staff.html"><img src="http://i51.tinypic.com/t0tbgp.png"></a><a href="http://dragriphonisland.altervista.org/affiliazioni.html"><img src="http://i52.tinypic.com/2wdq3h1.png"></a><a href="http://dragriphonisland.altervista.org/contattaci.html"><img src="http://i52.tinypic.com/20j4wux.png"></a></th> </tr> </table> <table align="center" width="970" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="251"><font face="Corbel, Verdana, Arial, Helvetica, sans-serif" color="#006699" size="3"><img src="http://i55.tinypic.com/4kzdbn.png"><br /><br /> <a href="http://dragriphonisland.altervista.org/soluzione.html">Soluzione</a><br /> <a href="http://dragriphonisland.altervista.org/missioni.html">Missioni</a><br /> <a href="http://dragriphonisland.altervista.org/oggetti.html">Oggetti</a><br /> <a href="http://dragriphonisland.altervista.org/vocazioni.html">Vocazioni</a><br /> <a href="http://dragriphonisland.altervista.org/alchenomicon.html">Alchenomicon</a><br /> <a href="http://dragriphonisland.altervista.org/minimedaglie.html">Minimedaglie</a><br /> <a href="http://dragriphonisland.altervista.org/mostri.html">Mostri</a><br /> <a href="http://dragriphonisland.altervista.org/mappedeltesoro.html">Mappe del tesoro</a><br /> <a href="http://dragriphonisland.altervista.org/mappadelmondo.html">Mappa del mondo</a><br /> <a href="http://dragriphonisland.altervista.org/guardaroba.html">Guardaroba</a><br /> <a href="http://dragriphonisland.altervista.org/wi-fi.html">Wi-Fi </a><br /><br /><br /> <img src="http://i53.tinypic.com/dgknqa.png"><br /><br /> <a href="http://dragriphonisland.altervista.org/galleriadistella.html">Stella's Gallery</a><br /><br />  <div id="cboxdiv" style="text-align: left; line-height: 0"> <div><iframe frameborder="0" width="165" height="250" src="http://www2.cbox.ws/box/?boxid=2232961&boxtag=gwk5tg&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="165" height="75" src="http://www2.cbox.ws/box/?boxid=2232961&boxtag=gwk5tg&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <br /><br /> <br /> <a href="http://www.facebook.com/pages/Dragriphons-Island/186368514722196?created"><img src="http://i52.tinypic.com/2mg40w2.png"></a><br /><br />  <script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script> <a href="http://www.histats.com" target="_blank" title="contatore visite free" ><script type="text/javascript" > try {Histats.start(1,1348603,4,3,170,30,"00011111"); Histats.track_hits();} catch(err){}; </script></a> <noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1348603&101" alt="contatore visite free" border="0"></a></noscript>  <br /></br> <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Licenza Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a> </td> <td width="719"> <?php if(isset($_GET['p']) && file_exists('./pagine/'.$_GET['p'].'.html')) include('./pagine/'.$_GET['p'].'.html'); else include('./pagine/home.html'); ?> </td> </tr> <tr> <td><font face="Corbel, Verdana, Arial, Helvetica, sans-serif" color="#006699" size="2"><br />È vietata la riproduzione <br /> totale o parziale. <br /> Dragriphon's Island © 2011 <br /> è un sito dedicato a Dragon <br />Quest e non ha alcun fine <br />di lucro. Dragon Quest e tutti <br />i relativi nomi appartengono <br />ai rispettivi proprietari. <br /> ©2011 Nintendo</font> </td> <td> <br /><br /><br/><br /><br /><br /> <div align="center"> <script type="text/javascript"> //<![CDATA[ google_color_border = "006699"; google_color_bg = "99CCFF"; google_color_link = "006699"; google_color_url = "006699"; google_color_text = "006699"; google_ui_features = "rc:0"; document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> </div> </td> </tr> </table> </body> </html>

Adesso proviamo a fare un tentativo:

Crea una cartella chiamata "pagine" e la metti 'di fianco' (ovvero nella stessa cartella) al file php (quello sopra).

Dentro la cartella "pagine", salvaci il file chiamato "home.html", "news.html", "dragonquest.html" e dentro ad ogni file scrivici qualcosa a caso.. non scriverci però la stessa cosa, altrimenti non noti differenze.

A questo punto, invece di visitare la pagina PHP normalmente, dopo il percorso (ad esempio:

Citazione:

dragriphonisland.altervista.org/cartella_di_prova/index.php

) Prova con questi percorsi:

Citazione:

dragriphonisland.altervista.org/cartella_di_prova/index.php?p=news

Citazione:

dragriphonisland.altervista.org/cartella_di_prova/index.php?p=dragonquest

..teoricamente il contenuto delle pagine dovrebbe variare...

Ecco come dovrebbero essere messi i vari files (+ = cartella; - =file):

Codice:

+cartella_di_prova -index.php +pagine -news.html //dentro scrivici ad esempio "Questa è la pagina delle news" -home.html //dentro scrivici ad esempio "Questa è la pagina home" -dragonquest.html //dentro scrivici ad esempio "Questa è la pagina dei dragonquest"

Ciao!

uhm non ho fatto così ho messo il tuo codice all'inizio e alla fine del contenuto delle mie pagine, praticamente ho fatto il contrario di quello che dici tu. Ho creato una cartella di nome "skin" e lì ho messo up.html e down.html. In up.html c'è il logo, i veri link ecc.. in down.html la pubblicità di sotto e i diritti. A questo punto ogni codice delle pagine del mio sito (home, news.. ecc.. ecc..) è situato tra codice php che mi riconduce al file up.html e quello che riconduce a down.html. Alla fine:

Citazione:

<?php
if(isset($_GET['p']) && file_exists('./skin/'.$_GET['p'].'.html'))
include('./skin/'.$_GET['p'].'.html');
else
include('./skin/up.html');
?>
<td width="719"><div>
<p><font size="2"><img src="http://i51.tinypic.com/deaa75.png" hspace="5" vspace="2" align="left"> Articolo di Domadraghi <br />
Scritto il 29/12/10 alle ore 10:12</font></p>
<p><font size="3"><b> Benvenuti su Dragriphon's Island!</b></font></p>

<p><font size="3"><br />
Ciao a tutti ragazzi! Sto costruendo un sito per i fans italiani di un pezzo forte degli RPG del momento: "Dragon Quest IX: Le sentinelle del cielo". Se non lo conoscete vi consiglio di provarlo assolutamente.. è in grado di regalare un'esperienza di gioco davvero affascinante.. Spero di inserire le notizie riguardanti<br /> il gioco nel minor tempo possibile. Alla prossima :).</font> <br /><br /><img src="http://i55.tinypic.com/2dilys2.png" align="center">
</div>
</td>
<?php
if(isset($_GET['p']) && file_exists('./skin/'.$_GET['p'].'.html'))
include('./skin/'.$_GET['p'].'.html');
else
include('./skin/down.html');
?>

Forse non è molto appropriato come php xD però funziona...

:shock: :sad: scusami.. ma che senso ha il sorgente che hai scritto? Dove ci guadagni?

cioè, cambi l'header e il footer che sono le uniche due cose che devono rimanere sempre uguali :|

..Un senso lo avrebbe se facessi in questo modo:

Codice PHP:

<?php if(file_exists('./skin/up.html')) include('./skin/up.html'); else echo 'Errore: impossibile trovare un file'; ?> <td width="719"><div> <p><font size="2"><img src="http://i51.tinypic.com/deaa75.png" hspace="5" vspace="2" align="left"> Articolo di Domadraghi <br /> Scritto il 29/12/10 alle ore 10:12</font></p> <p><font size="3"><b> Benvenuti su Dragriphon's Island!</b></font></p> <p><font size="3"><br /> Ciao a tutti ragazzi! Sto costruendo un sito per i fans italiani di un pezzo forte degli RPG del momento: "Dragon Quest IX: Le sentinelle del cielo". Se non lo conoscete vi consiglio di provarlo assolutamente.. è in grado di regalare un'esperienza di gioco davvero affascinante.. Spero di inserire le notizie riguardanti<br /> il gioco nel minor tempo possibile. Alla prossima :).</font> <br /><br /><img src="http://i55.tinypic.com/2dilys2.png" align="center"> </div> </td> <?php if(file_exists('./skin/down.html')) include('./skin/down.html'); else echo 'Errore: impossibile trovare un file'; ?>

Come hai fatto te, che senso ha cambiare il footer o l'header al variare del parametro??? Non devono essere sempre uguali? (a prescindere dal parametro passato?)?

Ma perché non provi come ti ho detto io?

Ciao!

Rimangono sempre uguali perchè vedono sempre il file up e down mentre il contenuto cambia sempre non so se hai capito. Tipo scrivo qualcosa in home.php e prenderà la skin da up e down..capito?

Mentre (se non ho capito male) se scrivo come hai scritto tu,in tutte le pagine home, news ecc.. dovrò sempre riscrivere la skin e fare un'altro file per il contenuto

Citazione:

Originalmente inviato da DragriphonIsland

Rimangono sempre uguali perchè vedono sempre il file up e down mentre il contenuto cambia sempre non so se hai capito. Tipo scrivo qualcosa in home.php e prenderà la skin da up e down..capito?

Questo l'ho capito.. infatti per farlo più correttamente dovresti usare l'ultimo sorgente che ti ho dato, perché il tuo non ha molto senso anche se funzionante: il parametro GET non influenza per niente il fatto di mettere la skin o no... (che infatti deve SEMPRE esserci)

Citazione:

Originalmente inviato da DragriphonIsland

Mentre (se non ho capito male) se scrivo come hai scritto tu,in tutte le pagine home, news ecc.. dovrò sempre riscrivere la skin e fare un'altro file per il contenuto

non la devi sempre riscrivere perché la skin c'è automaticamente dalla pagina index. La pagina index non farà altro che variare il contenuto tramite il parametro GET passato prelevando il testo (quello che cambia) da file diversi. Nelle altre pagine quindi dovrai scrivere soltanto il contenuto (quello che cambia), e la skin ci sarà automaticamente (dall'index)...

Ciao!

Penso di aver capito ora provo

Niente non riesco:

http://www.dragriphonisland.altervis...dex.php?p=home

non vede il file home.html in pagine

L'avevo scritto sopra: il file index non deve stare dentro la cartella "pagine":

Citazione:

Originalmente inviato da alemoppo

Codice:

+cartella_di_prova -index.php +pagine -news.html //dentro scrivici ad esempio "Questa è la pagina delle news" -home.html //dentro scrivici ad esempio "Questa è la pagina home" -dragonquest.html //dentro scrivici ad esempio "Questa è la pagina dei dragonquest"

Ciao!

Ciao!

ok funziona :) grazie di tutto