Come impostare una pagina di larghezza e altezza in Dreamweaver CS3

May 16

Come impostare una pagina di larghezza e altezza in Dreamweaver CS3


Nel progettare le pagine Web, si consiglia di progettare con una particolare dimensione di pagina in mente. Anni fa, la maggior parte dei progettisti hanno cercato di mantenere all'interno di uno schermo 640-by-480-pixel come quella era la dimensione del monitor comuni più basso del tempo. Nel corso del tempo, i produttori hanno aumentato le dimensioni del monitor significativamente. Web designer hanno risposto con disegni più grandi che va da 800 da 600 a 1.024 da 768. Molti progettisti hanno deciso di utilizzare un design più flessibile utilizzando le percentuali dello schermo in modo che le loro pagine Web stanno bene su quasi qualsiasi monitor dimensione.

istruzione

1 Avviare Adobe Dreamweaver CS3. Dalla "schermata iniziale", selezionare "HTML" dalla colonna "Crea nuovo". Si può anche selezionare "Nuovo" dal menu "File" e poi scegliere tra le molte opzioni presentate nella finestra di dialogo "Nuovo documento". I layout includono elastico, fisso, liquidi e le dimensioni ibride.

2 Fare clic sul selettore "Window Size" in basso a destra del vostro nuovo documento HTML senza titolo. Dreamweaver si presenta con queste scelte:

592w

536 x 196 (640 x 480, di default)

600 x 300 (640 x 480, Maximized)

760 x 420 (800 x 600, Maximized)

795 x 470 (832 x 642, Maximized)

955 x 600 (1024 x 768, Maximized)

544 x 378 (WebTV)

3 Selezionare la dimensione dello schermo che si desidera utilizzare per il vostro sviluppo pagina Web. Se la dimensione che si desidera utilizzare non è presente nell'elenco, selezionare "Modifica dimensioni" dal selettore "Dimensioni finestra". È inoltre possibile accedere a questa voce selezionando "Preferenze" dal menu "Modifica". "Dimensioni finestra" sono sotto la categoria "Barra di stato".

4 Clicca qui sotto l'ultima riga visualizzata per aggiungere grandezze. Fai clic su "OK". È inoltre possibile ridimensionare la finestra di sviluppo trascinando l'angolo in basso a destra dentro o fuori. Dreamweaver rifletterà le dimensioni modificate nel campo Dimensioni della finestra della barra di stato del documento.

Consigli e avvertenze

  • La maggior parte dei progettisti non specificano un altezza della pagina, consentendo al contenuto della pagina di dettare la lunghezza della pagina. Il selettore Dimensioni finestra può aiutare a "vedere" ciò che un utente tipico vedrà al momento del primo arrivo al tuo sito web senza scorrimento aggiuntivo.
  • Specificando una dimensione della finestra nella barra di stato del documento non limiterà le dimensioni della pagina di quelle dimensioni. Lei avrebbe bisogno di usare i fogli di stile a cascata (CSS) o tabelle per limitare le dimensioni della pagina. Se si inserisce una tabella e specificare la larghezza delle tabelle 'in percentuale anziché pixel, il tavolo si espanderà alla larghezza del browser dell'utente e non il larghezza specificata in "Dimensioni finestra."