Link Interno Alla pagina

marcocarrieri

Per favore non utilizzare lo stile sms qua nel forum.
Quello che dici tu ricorda i frame... ormai sconsigliati per la struttura di un sito...
Meglio dei normali link.

lallestyle

Si ma io non voglio i link.
Voglio esattamente fare dei frame.
Sapreste spiegarmi con termini facili come si fa ?

marcocarrieri

Quindi se ho capito bene hai una pagina divisa in due sezioni.
Una a sinistra con il menu e una a destra da contenitore.
Cliccando sugli elementi del menu, il loro contenuto sara caricato dentro la parte di destra, ho capito bene?

Tipo a sinistra c'è about. Clicco. A destra compare la pagina about.
Clicco su Musica a sinistra, a destra compare la pagina musica.

lallestyle

Si Esatto così vorrei farlo.

marcocarrieri

Stasera appena torno dal lavoro ti posto la procedura ok?
Ora visto l'orario non farei in tempo.

lallestyle

Grazie tante.
Già che ci sei mi servirebbe cm metterci il contenuto es. in Abaut.
A sta sera allora buon Lavoro.

marcocarrieri

Allora procediamo per passi.
Per fare questa prova vai sul desktop e ti crei la cartella prova.

Dentro la cartella prova ti crei 5 file.

index.html.
contatti.html.
home.html.
menu.html.
musica.html.

Di seguito vediamo i contenuti dei 5 file.

index.html
[php]
<html>
<head>
<title>Titolo</title>
</head>
<frameset cols="20%, 80%">
<frame name="menu" src="menu.html">
<frame name="centrale" src="home.html">
</frameset>
</html>
[/php]**

contatti.html
[php]
<html>
<head>
<style type="text/css">
body
{
margin:0px;
padding:0px;
background:lightblue;
}
</style>
</head>
<body>
CONTATTI
</body>
</html>
[/php]

home.html
[php]
<html>
<head>
<style type="text/css">
body
{
margin:0px;
padding:0px;
background:pink;
}
</style>
</head>
<body>
HOME
</body>
</html>
[/php]
menu.html
[php]
<html>
<head>
<style type="text/css">
body
{
margin:0px;
padding:0px;
background:lightgreen;
}
a
{
font-size:20px;
color:#ff0000;
font-weight:bold;
text-decoration:none;
display:block;
}
a:hover
{
text-decoration:underline;
}
</style>
</head>
<body>
<a href="home.html" target="centrale">HOME</a>
<a href="musica.html" target="centrale">MUSICA</a>
<a href="contatti.html" target="centrale">CONTATTI</a>
</body>
</html>
[/php]
musica.html
**[php]
<html>
<head>
<style type="text/css">
body
{
margin:0px;
padding:0px;
background:yellow;
}
</style>
</head>
<body>
MUSICA
</body>
</html>
[/php]

La parte di testo delle singole pagine la trovi racchiusa tra i tag body.
Per vedere come funziona il tutto lancia solo il file index.html.

lallestyle

oddio mo ci provo e se ci riesco ti faccio sapere

lallestyle

Allora non ci sono riuscita non ho capito come si fa e oltre tutto se unisco tutti questi codimi mi sforma tutta la pagina O.O

marcocarrieri

Ognuno di quei codici va in una pagina diversa...
Quella indicata appunto sopra in grassetto.

lallestyle

In che senso in una pagina diversa !? Ti prego di aver pazienza con me XD

marcocarrieri

Hai creato tutti i file che ti avevo detto dentro la cartella?

cassiopea

Puoi usare semplicemente il blocco notes di windows copiando i codici che ti ha dato marcocarrieri e salvando i 5 file invece che con estensione txt con estensione html.
Per esempio ti copi il codice per il file musica.html , apri il blocco notes lo incolli e poi lo salvi chiamandolo musica.html mettendo deve c'è scritto nelle opzioni per il salvataggio, salva come :tutti i file.
Devi metterli come già suggerito tutti assieme nella stessa cartella.
Attenta che .html e .htm sono 2 file diversi , quindi se utilizzi il .html devi usare sempre quello quando linki le pagine.