- Home
- Categorie
- Coding e Sistemistica
- Coding
- Link Interno Alla pagina
-
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.
-
Si Esatto così vorrei farlo.
-
Stasera appena torno dal lavoro ti posto la procedura ok?
Ora visto l'orario non farei in tempo.
-
Grazie tante.
Già che ci sei mi servirebbe cm metterci il contenuto es. in Abaut.
A sta sera allora buon Lavoro.
-
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.
-
oddio mo ci provo e se ci riesco ti faccio sapere
-
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
-
Ognuno di quei codici va in una pagina diversa...
Quella indicata appunto sopra in grassetto.
-
In che senso in una pagina diversa !? Ti prego di aver pazienza con me XD
-
Hai creato tutti i file che ti avevo detto dentro la cartella?
-
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.
