Piccolo aiuto con struttura pagina html

**nika2** · 07-04-2009, 19:52

ragazzi avrei bisogno di un piccolissimo aiutino sulla struttura di una pagina web (in solo html) non ho idea di come farla ho già provato con: frame, iframe e tabelle ma con le pochissime conoscenze che ho nn sono riuscita a crearla come volevo io..

vi posto un immagine di come dovrebbe essere:

http://i39.tinypic.com/34nf9f5.jpg

dove sta scritto immagine ci va una specie di immagine di benvenuto..dove c'è scritto menu ci vanno alcuni collegamenti e a seconda di quale clicco mi deve cambiare solo ed esclusivamente la pagina al centro...non l'immagine e il menu ma solo quella al centro..

spero di essermi spiegata bene :S

grazie per l'eventuale aiuto

**Tux7000** · 07-04-2009, 21:08

Prova ad usare questo codice:
Pagina index.html

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Prova Pagina</title>
<meta name="generator" content="Bluefish"/>
<meta name="author" content="Autore del sito"/>
<meta name="keywords" content="Varie parole chiave"/>
<meta name="description" content="Quello che ti pare"/>
<meta name="ROBOTS" content="INDEX, FOLLOW"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
</head>
<frameset rows="30,70" frameborder="1">

<frame name="top" src="top.html" />
<frame name="bottom" src="bottom.html" />

<noframes>
<h1>Il tuo Browser non supporta i Frames.</h1>
</noframes>

</frameset>
</html>

Pagina top.html

codice:

<!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="en" lang="en">
<head>
<title></title>
<meta name="generator" content="Bluefish"/>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
</head>
<body>
<h1>Welcome To The Top Frame!</h1>
<ul>[*]Frame 1[*]Frame 2[/list]
</body>
</html>

Pagina bottom.html

codice:

<!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="en" lang="en">
<head>
<title></title>
<meta name="generator" content="Bluefish"/>

<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>

</head>
<body>
<h1>This Is The Bottom Frame n.1</h1>
</body>
</html>

Spero possa andarti bene.
Ciao!

**nika2** · 08-04-2009, 14:57

io ho provato qualcosa del genere..solo che la pagina che si deve aprire è quella centrale e nn quella di sopra..

Ps. pag1 e pag2 si trovano dentro un altra cartella "secondaria"
index.html

codice:

<html>

<head>

<title> .: My site :. </title>
</head>

<frameset rows="60%,*" frameborder="1">
  <frame src="superiore.html" scrolling="NO" noresize>
  <frame src="centrale.html">
</frameset>

</html>

superiore.html

codice:

<html>
<head>
<title> Superiore </title>
</head>
<body>

 <PRE> 
     

                 \|/ 
                (@ @)
     +----oOO----(_)-----------+
     |                         |
     |        BENVENUTI        |
     |                         |
     +-----------------oOO-----+
               |__|__|  
                || ||
               ooO Ooo
           
   </PRE>

<p align="center"><table border="0">
<tr> 
<td><font size="5pt" color="green"> Pag 1 - </font></td>
<td><font size="5pt" color="green"> Pag 2 - </font></td>
</tr>

</table></p>

</body>
</html>

centrale.html

codice:

<html>                                            
 <head>                                      
    <title> .: centrale:. </title>
</head>
                                            
<body>

Centrale                                                     
    
  </body>
</html>

pag1.html

codice:

<html>                                            
 <head>                                      
    <title> .: Pag1 :. </title>
</head>
                                            
<body>

Pag1                                                       
    
  </body>
</html>

pag2.html

codice:

<html>                                            
 <head>                                      
    <title> .: Pag2 :. </title>
</head>
                                            
<body>

Pag2                                                       
    
  </body>
</html>

Discussione: Piccolo aiuto con struttura pagina html

Strumenti discussione

Ricerca discussione

Visualizza

Piccolo aiuto con struttura pagina html

Permessi di invio