Dreamweaver: iframe

Di: Lucilla | 26/09/2020 17:09:51
IFRAME... qualcuno mi spiega come si gestiscono da Dreaweaver?
So che fanno vedere un contenuto html... ma come si attiva? come si fa, creando un bottone, a dirgli "fammi vedere il contenuto dentro a questo Iframe?
grazie

Risposte



Gli IFRAME sono tag molto semplici che vanno usati in alcune circostanze... ma non sto a spiegarti quali altrimenti diventa una cosa troppo lunga. Supponiamo che abbia la tua bella pagina index.html con un layout già pronto ecc. Io naturalmente semplifico tutto per farti capire come funzionano.
Nella index hai un link che si chiama galleria fotografica e questo è il codice:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Gestire IFRAME</title>
</head>
<body>
<a href="galleria_foto.htm">Galleria foto</a>
</body>
</html>
Creare la pagina index.html e copiare il codice all'interno.
Hai una seconda pagina che si chiama "Galleria foto" e per qualche ragione ritieni necessario che il contenuto debba stare in una terza pagina. Aggiungi il tag iframe in questo modo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pagina contenente l'iframe</title>
<style type="text/css">
<!--
body {
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
#iframe {
height: 200px;
width: 400px;
border: 1px solid #CCCCCC;
}
-->
</style>
</head>
<body>
<div id="iframe"><iframe align="middle" frameborder="0" height="200" marginwidth="0" marginheight="0" scrolling="auto" src="content.htm" width="100%"></iframe></div>
</body>
</html>
Creare la pagina galleria_foto.html e inserire il codice
Dall'iframe si capisce che il contenuto è nella terza pagina content.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Contenitore di ciò che ti pare</title>
</head>
<body>
Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo, Testo,
</body>
</html>
Creare la pagina content.html e inserire il codice

Di: Gian Paolo | 26/09/2020 17:09:51
Di: Pablito | 26/09/2020 17:09:51