Primo sito con i DIV

**adry59** · 22-06-2018, 18:19

Ciao a tutti,
finora ho sempre creato dei siti utilizzando la funzione "frame", ma ora volendo rifare il mio, ho così deciso di utilizzare i DIV....solo che mi sono trovato di fronte a un problema, che sarebbe quello di linkare le pagine al menù senza per forza ogni volta fare il refresh di tutta la pagina.
In poche parole:
ho tre DIV logo, menu e contenitore, dove dovrà cambiare solo la pagina nel contenitore senza che logo e menu vengano caricati di volta in volta.
Come posso risolvere questo problema. Grazie mille a chi avrà la gentilezza di rispondermi.

Di seguito pubblico il codice html e del foglio css che ne determina i DIV.

Codice HTML:

codice:

<!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>Documento senza titolo</title>

<link rel="stylesheet" href="css/reset.css" type="text/css" />

<link rel="stylesheet" href="css/style.css" type="text/css" />

</head>

<body>

<!--APRO WRAPPER-->
<div class="wrapper"> 

        <!--APRO LOGO-->
            <div class="logo">
            
            LOGO
            
            </div>
        <!--CHIUDO LOGO-->
        
        
        <!--APRO MENU-->
            <div class="menu">
            
           <a href="index.html">HOMEPAGE</a> 
           - 
           <a href="chi.html">CHI SIAMO</a> 
           - 
           <a href="cosa.html">COSA FACCIAMO</a> 
           - 
           <a href="contatti.html">CONTATTI</a>
            
            </div>
        <!--CHIUDO MENU-->
        
        <!--APRO CONTENITORE-->
            <div class="contenitore">
            
            CONTENITORE
            
            </div>
        <!--CHIUDO CONTENITORE-->

<!-- CHIUDO WRAPPER-->
</div>  

</body>
</html>

File CSS:

codice:

@charset "UTF-8";
/* CSS Document */

body {}

img {}

a {}

a:hover {}

h1 {}

h2 {}

h3{}

/*CLASSI CHE DEFINISCONO IL MIO SITO*/

.wrapper {
    background-color:#E5E5E5;
    width:100%;
    max-width:960px;
    min-height:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
}
.logo {
    background-color:#EEE;
    width:100%;
    min-height:90px;
    margin-bottom:10px;
    }
.menu {
    background-color:#DADADA;
    width:100%;
    min-height:40px;
    margin-bottom:10px;
}
.contenitore {
    background-color:#666;
    width:100%;
    min-height:400px;
}

**Vincent.Zeno** · 22-06-2018, 18:59

Originariamente inviata da adry59

senza per forza ogni volta fare il refresh di tutta la pagina.

è proprio qui il concetto di base: ogni pagina deve portare con se tutto quello che prevede la pagina; quindi menu, footer, header o altre "parti comuni". quindi "si ricarica tutto"

se il tuo problema consiste nel non dover riscrivere tutte la parti comuni se fai una modifica, allora è ora di passare alle inclusioni lato server.

se invece vuoi comunque una sola pagina puoi mostrare i contenuti agendo con js. ma i contenuti dovranno essere già tutti caricati, e la cosa può diventare un problema se ci sono molti contenuti. altrimenti puoi chiamarli con ajax e json ma la faccenda si complica parecchio...

edit
per postare codice sul forum il tag [CODE][/CODE], correggo il tuo post

Discussione: Primo sito con i DIV

Strumenti discussione

Ricerca discussione

Visualizza

Primo sito con i DIV

Permessi di invio