Dreamweaver: caricamento sito div centrale

Di: babbione1 | 26/09/2020 18:45:07
salve, volevo esporvi un quesito,avendo strutturato una pagina web con Dreamweaver formata da 4 div di cui 1 fa da contenitore agli altri 3 con a sinistra la classica barra di navigazione con una serie di link per delle pagine che mi sono preparato a parte. Cliccando su questi link mi si apre una nuova finestra del browser invece io voglio che le pagine mi si aprano nel div centrale come in un set di frame mantenedo così le informazioni del sito. È possibile ciò? ho letto da varie parti che i set di frame sono in disuso. Un caro saluto a tutto il forum.

Risposte



Ciao, sebbene i frame siano caduti più o meno in disuso, possono essere ancora utili per certi scopi. I div non sono stati creati per questi compiti, nonostante sia possibile utilizzarli per svariate altre funzioni... personalmente mi è tornato utile in un sito per inserire i termini contrattuali dell'attività, in questa pagina http://css.html.it/guide/lezione/50/introduzione/.

Di: Gian Paolo | 26/09/2020 18:45:07


innanzitutto grazie per la risposta.il sito di villamariapia e' esattamente quello che volevo realizzare, non nel layout ma nel funzionamento dei link. la guida che mi hai consigliato e' molto interessante nella costruzione dei layout moderni con tutte le regole dei css, ma l'autore tralascia proprio quello che interessava a me. potresti indicarmi una guida,se esiste, che spieghi appunto come si crea la visione dei vari contenuti nella stessa struttura? ti ringrazio ancora
un caro saluto

Di: babbione1 | 26/09/2020 18:45:07


Il punto è che qualunque sia la modalità di caricamento, il contenuto devi necessariamente scriverlo in qualche pagina, ammenoché non lo estrai da un database usando un linguaggio di scripting. In Php, ad esempio, il caricamento di una pagina si risolve con la funzione include, <?php include 'pagina.php';?>
Ho trovato un vecchio javascript che funzionava benissimo qualche anno fa sui vecchi browser... adesso, tranne che su IE di XP, non funziona su nessuno dei nuovi. È uno script che ti carica più pagine sfruttando un solo IFRAME. Lo posto in rete ugualmente, immagino che sia proprio ciò che cercavi... ovviamente basta copiare il codice sorgente e inserirlo in una pagina di DW...
http://starweb.starnet.it/gianpaolo/newiframe/
Tuttavia, ci sono tante nuove soluzioni, queste pratiche qui ormai non servono più... magari se ci spieghi cosa devi fare, potremmo darti un consiglio opportuno...

Di: Gian Paolo | 26/09/2020 18:46:07


buongiorno, ti posto il codice, puoi copiarlo su Dreamweaver. Come vedi e' una semplice struttura con la barra di navigazione a sinistra. vorrei appunto che quando clicco su un link mi comparisse la pagina richiamata nel div"contenuto". ora mi risulta chiaro, a meno di non usare php, che le pagine le devo riscrivere da zero. il tuo esempio che hai postato e' perfetto e funziona bene anche su opera.se dici che ci sono soluzioni migliori sapresti indicarmene? sono sicuro che l'argomento interessi molte persone iscritte. un sereno fine settmana
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<style type="text/css">
#contenitore {
height: 800px;
width: 800px;
float: none;
margin-right: auto;
margin-left: auto;
}
#header {
float: none;
height: 150px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#navigazione {
float: left;
height: 550px;
width: 150px;
}
#contenuto {
float: left;
height: 550px;
width: 650px;
}
#footer {
float: left;
height: 100px;
width: 800px;
}
body {
background-image: url(immagini/sfondo.gif);
}
#contenitore #header img {
margin-left: 30px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}
a:link {
color: #039;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #039;
}
a:hover {
text-decoration: none;
color: #F00;
}
a:active {
text-decoration: none;
color: #CF0;
}
#contenitore #navigazione p {
padding: 10px;
margin: 0px;
}
#contenitore #footer img {
margin-left: 70px;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="contenitore">
<div id="header"></div>
<div id="navigazione">
<p><a href="link1.html" title="default" target="_parent">link1</a></p>
<p><a href="link2.html" title="installazioni" target="_parent">link2</a></p>
<p><a href="link3.html" title="dreambox" target="_parent">link3</a></p>
<p><a href="link4.html" title="videosatservice" target="_parent">link4</a></p>
<p><a href="link5.asp" title="modulo" target="_parent">link5</a></p>
<p><a href="contatti.html" title="contatti" target="_parent">Contatti</a></p>
<p><a href="registrati.asp" title="area riservata" target="_parent">Area riservata</a></p>
</div>
<div id="contenuto"></div>
<div id="footer"></div>
</div>
</body>
</html>

Di: babbione1 | 26/09/2020 18:46:07


La soluzione è costruire tante pagine con uguale layout, quante sono le pagine del sito. Una volta soddisfatto del modello ottenuto, basta salvarlo semplicemente con nome in: index.html, chi_siamo.html, area_riservata.html, contatti.html ecc... tenendo in comune il foglio di stile, in modo che, in caso di modifica di qualche elemento, aggiorni agevolmente anche gli altri elementi del sito. È il sistema usato generalmente, consigliato anche dalla guida per webmaster di Google per ottenere migliori risultati nel posizionamento dei motori di ricerca. I contenuti saranno scritti nel corpo delle pagine, ognuno col suo argomento, mentre la struttura rimane uguale. Guarda questo sito http://www.informaticainazienda.it/chi_siamo.html

Di: Gian Paolo | 26/09/2020 18:46:07


ottimo GianPaolo. era proprio cio' che volevo. ti ringrazio ancora
un saluto a tutto il forum :D :D :D

Di: babbione1 | 26/09/2020 18:46:07