Vediamo come strutturare questo semplice sito web:
http://proftecnologiavolta.altervista.org/Il%20mio%20sito/
CREA LA NUOVA CARTELLA "Il mio sito" , CON AL SUO INTERNO:
- IL FILE "index.html" CHE CONTIENE IL CODICE HTML DELLA HOME PAGE DEL SITO
- LA NUOVA CARTELLA "Immagini" CON DENTRO TUTTE LE IMMAGINI DEL SITO
- LA NUOVA CARTELLA "Frames" CON DENTRO TUTTE LE ALTRE PAGINE html DEL SITO
NEL FILE "index.html" INSERISCI:
- IMMAGINI:
<h2><img alt="" src="Immagini/Immagine1.jpg" /></h2>
- FRAMES:
<p><iframe frameborder="1" height="400" name="Frame1" scrolling="yes" src="Frames/Frame1.html" width="500"></iframe></p>
- UN MENU DI COLLEGAMENTI IPERTESTUALI CON TARGET NELLE FRAMES:
<p><a href="http://it.wikipedia.org/wiki/Pagina_principale" target="Frame1">wikipedia</a></p>
<p><a href="Frames/Frame1.html" target="Frame1">OWL</a></p>
index.html
<html>
<head>
<title>Il mio sito</title>
</head>
<body>
<h2>Il mio sito</h2>
<h2><img alt="" src="Immagini/Immagine1.jpg" /></h2>
<p><a href="http://auladitecnica.blogspot.it/" target="Frame1">auladitecnica</a></p>
<p><a href="http://tecnotemi.blogspot.it/" target="Frame1">tecnotemi</a></p>
<p><a href="http://it.wikipedia.org/wiki/Pagina_principale" target="Frame1">wikipedia</a></p>
<p><a href="Frames/Frame1.html" target="Frame1">OWL</a></p>
<p><iframe frameborder="1" height="400" name="Frame1" scrolling="yes" src="Frames/Frame1.html" width="500"></iframe></p>
</body>
</html>
PER INSERIRE LE IMMAGINI NELLE ALTRE PAGINE DEL SITO:
<h2><img alt="" src="../Immagini/Immagine3.gif" /></h2>
Frame1.html
<html>
<head>
<title></title>
</head>
<body>
<h2><span style="color:#000080;"><span style="background-color:#00FF00;">OWL</span></span></h2>
<h2><img alt="" src="../Immagini/Immagine3.gif" /></h2>
</body>
</html>