Come creare una nuova pagina con un layout CSS in Dreamweaver - dummies

Dreamweaver include due Layout CSS progettati con tag HTML5 che è possibile personalizzare per creare una varietà apparentemente infinita di design di pagina. Questi layout ti danno un vantaggio quando crei una nuova pagina e sono progettati per funzionare bene in una varietà di browser Web, in modo che possano aiutarti a evitare i problemi più comuni causati dai diversi modi in cui i browser Web visualizzano HTML5 e CSS.

Per tutti questi motivi, è necessario iniziare il lavoro di progettazione in Dreamweaver con un layout CSS scelto nella finestra Nuovo documento, soprattutto se si desidera utilizzare HTML5.

Per creare una nuova pagina utilizzando uno dei layout CSS di Dreamweaver, seguire queste istruzioni:

1. Scegli File → Nuovo.

   Viene visualizzata la finestra di dialogo Nuovo documento.

2. Scegli Pagina vuota dalla colonna sinistra e HTML dalla colonna Tipo pagina al centro.

   In alternativa, puoi scegliere un'opzione nella parte inferiore della sezione Tipo di pagina che corrisponde al linguaggio di programmazione utilizzato nel tuo sito, come ASP. NET, PHP o ColdFusion e quindi passare al passaggio 3. (Se non si ha familiarità con queste opzioni di programmazione, attenersi a HTML.)

3. Nella sezione Layout, selezionare il layout CSS.

   Si noti che quando si seleziona un layout CSS, viene visualizzata un'anteprima del layout nella parte superiore destra della finestra di dialogo.

   

4. Dall'elenco a discesa CSS Layout, scegliere il tipo di foglio di stile che si desidera creare mentre si progetta la pagina:

   • Aggiungi a capo crea un foglio di stile interno e include tutti gli stili per il layout nell'area dell'intestazione del nuovo documento.

   • Crea nuovo file crea un nuovo foglio di stile esterno con tutti gli stili di pagina mentre crei il nuovo documento con il disegno.

   • Collega a file esistente aggiunge le informazioni sul foglio di stile per il nuovo documento a un foglio di stile esterno esistente.

   Nota : È sempre possibile modificare il modo in cui il foglio di stile viene impostato in seguito spostando gli stili da un foglio di stile interno a uno esterno o da un foglio di stile esterno a un altro.

5. Fai clic su Crea.

   La nuova pagina viene creata e aperta nell'area di lavoro principale.

6. Scegli File → Salva per salvare la pagina e gli stili.

   Se hai salvato gli stili in un foglio di stile esterno, una seconda casella ti chiede di salvare separatamente il foglio di stile. Se gli stili sono contenuti in un foglio di stile interno, vengono salvati automaticamente quando si salva la pagina.