Dreamweaver layout Tutorial

June 21

Il programma di software grafico Dreamweaver viene utilizzato per creare pagine web coinvolgenti. Le pagine sono costruite utilizzando "Layout" del programma costituito da blocchi modificabili e non modificabili, conosciute come cellule, pieno di codici di cui al come HTML. Le celle non modificabili condivideranno il layout di base, la grafica e menu l'artista vuole ripetuto su tutte le pagine del sito. Le cellule modificabili permetteranno l'artista grafico per aggiungere contenuti diversi per ogni pagina. Una volta che viene apportata una modifica alla cella non modificabile, Dreamweaver modificherà automaticamente le pagine in tutto le pagine del sito, risparmiando il tempo dell'artista con evitando di fare queste regolazioni su una base per pagina.

istruzione

1 Scegliere il "Layout" nel vostro "Oggetti Palette". Sarà quindi necessario fare clic aprire la tabella "Disegna Layout".

Il vostro programma software deve essere installato nel vostro personal computer per attivare tutte le funzioni.

2 Disegnare una tabella, denominata cellule, facendo clic e attivando la funzione "Disegna tabella layout". Le cellule saranno contiene contenuti come foto o le descrizioni per il tuo sito. Lo spessore della tabella verrà ridimensionata e regolato in un passaggio successivo.

3 Continuare ad aggiungere le cellule per il layout in base al numero di immagini e blocchi di testo pagine includeranno. Tenete a mente si dovrà continuare ad attivare lo strumento tabella di layout sorteggio per ogni tabella aggiunto nel layout di pagina. Ad esempio, aggiungere una tabella banner nella parte superiore della pagina, una tabella di contenuti, una tabella nidificata per la vostra barra di navigazione e una tabella immagine opzionale.

4 Regolare la pagina ridimensionando le tabelle. Trascina il cursore dall'angolo in basso a sinistra verso l'angolo in alto a destra e fermarsi trascinandolo quando si è soddisfatti con le dimensioni delle tabelle.

5 Regolare la pagina ulteriormente spostando le tabelle. Trascinare il cursore sul verde evidenziato scheda tabella di layout.

Tenete a mente, l'unico modo sarete in grado di spostare i tavoli è se la pagina di layout mostra spazio grigio, indicando c'è spazio nel layout di pagina per il movimento. Se non vedi grigia, è molto probabile che riceverà un simbolo "nessuna azione", che è generalmente un cerchio con una barra. Lo spazio non-grigio sarà un'area non modificabile.

6 Ridimensionare le tabelle nidificate per soddisfare le vostre barre di navigazione, come previsto al passaggio 4. Sarà necessario spostare la barra di navigazione come si vorrebbe che a comparire sulla vostra home page. Ad esempio, scegliere una posizione di estrema destra o di estrema sinistra.

7 Scegliere gli oggetti Tavolozza e l'opzione "Disegna cella layout" per disegnare celle separate all'interno della tabella. Questo è dove sarete inserendo le vostre immagini. Nel caso in cui l'immagine è più grande rispetto alle cellule che avete disegnato, si sarà in grado di correggerlo nella "finestra di ispezione Proprietà" selezionando "Make larghezza celle coerente".

8 Inserire l'immagine facendo clic sulla cella in alto. Nella barra dei menu, selezionare "Inserisci" e "Immagine". È inoltre possibile eseguire l'azione facendo clic sulla miniatura dell'immagine nelle oggetti Palette. Sarà necessario ripetere questo passaggio finché non è stato inserito tutte le immagini nelle vostre cellule create.

Se si desidera spostare le cellule, spostare il cursore sul lato della cella. Quando il contorno diventa rosso, fare clic e trascinare la cella nella nuova posizione.

9 Creare una cella supplementare per un tavolo logo, forse nella parte superiore della pagina, a seconda del design.

10 Espandere la tabella logo nella parte superiore della pagina di layout selezionando "finestra di ispezione Proprietà" e "ridimensionamento automatico."

Tenete a mente che si dovrà scegliere il formato del file per l'output del grafico immagine come un GIF animato o un JPEG dal menu "Opzioni".

11 Scegli il colore di sfondo della pagina di layout così come il colore della cella logo aprendo l'ispezione Proprietà e l'impostazione del codice di colore per lo sfondo, abbreviato Bg.

Tenete a mente che la finestra di ispezione Proprietà attivato al punto 10 è separata per l'ispettore proprietà in questa fase.

12 Disegna le cellule di contenuti per le immagini. Sarete digitando nel vostro informazioni. Per esempio, se si desidera che il contenuto su uno sfondo bianco, selezionare l'ispettore Proprietà e impostare lo sfondo bianco #FFFFFF. Una volta aggiunto il contenuto, è possibile premere F12 per visualizzare in anteprima la pagina in un browser separato.

13 Disegnare un altro tabella layout nella parte inferiore della pagina. Questo sarà il tuo piè di pagina che conterrà diritto d'autore, nonché altre informazioni pertinenti sito web. Sarà necessario ripetere il passaggio 10 per allungare il piè di pagina nella parte inferiore della pagina, così come passo 12 a digitare le informazioni.

Consigli e avvertenze

  • A seconda della versione di Dreamweaver, passi così come i nomi caratteristica specifica sarà variare. Alcune versioni richiedono la creazione di un nuovo documento senza margini. Questo vi permetterà di inserire le cellule nella posizione desiderata nella pagina. Se la vostra versione richiede un nuovo formato di documento, è necessario impostare i quattro margini a "0" Vai su "File", "Nuovo" e "Modifica" e scorrere fino alla "Margini" e "Proprietà pagina" per riportare i margini.