Come creare una pagina web utilizzando elastico Dreamweaver

Pubblicato il 21 aprile 2009 a 5:05 am

A differenza dei liquidi contenuti web che si adatta automaticamente per il browser di un visitatore larghezza, il layout elastico, modifica a seconda della dimensione del testo del browser impostazione. Relativa alla dimensione del testo, il layout elastico che mantiene la forma, anche se si ridimensiona la vostra finestra del browser. E 'una buona scelta di layout per il contenuto della pagina che non si desidera ridimensionare automaticamente in base alla larghezza del browser.

Un campione elastico normale pagina di default la dimensione dei caratteri è inferiore a:

immagine

Un liquido progettazione d'altra parte produrrà una spremuta layout se diminuisci la larghezza del browser:

immagine

Il layout elastico dall'altro lato manterrà il suo layout non importa ciò che la larghezza o l'altezza del browser.

immagine

Ora che si vede ciò che sarà del tipo, e comportarsi vi mostrerò come creare questo utilizzando Adobe Dreamweaver.

Dreamweaver è uno dei miei preferiti web strumenti di editing, è ben definita e modelli consente agli utenti di creare rapidamente e layout HTML frame. Per effettuare una pagina in Dreamweaver elastico solo creare una nuova pagina e quindi fare clic su Modello Bianche> template HTML:

immagine

Scegli uno dei layout con un elastico etichetta. Un anteprima verrà visualizzato sulla destra. Fare clic sul pulsante Crea per creare la pagina:

immagine

Il creato verrà visualizzato nella pagina di Dreamweaver redattore:

immagine

Mi piace come si crea la pagina con il testo di esempio i dati caricati su di esso. Questo facilita la visualizzazione di un progettista della pagina durante lo sviluppo. Essa mostra in una sola volta come un header avrà un aspetto simile e come il punto elementi esaminerà una volta messo qualche reale a. contenuto

Ben Carigtan vi mostra come è fatto.

Goduto di questo post? Iscriviti a Online Consigli tecnici attraverso Feed RSS o via E-mail e ricevere gratuitamente suggerimenti per la produttività quotidiana.

»Archiviato in Sito Web Suggerimenti

Aggiungi ai Delicious Salva questa pagina Mixx è Mescolare fino a Mixx
Reddit Aggiungi ai Reddit StumbleUpon Stumble questa pagina

Related Posts

Una risposta a "Come creare una pagina web utilizzando elastico Dreamweaver"

  1. Ace ha detto in merito:

    Sarebbe molto meglio se il campione è emerso il codice generato da Dreamweaver, quindi avremmo semplicemente capire che non usa un po 'di base CSS cose che si possono utilizzare con qualsiasi editor HTML. Grazie comunque


    Si prega di postare i tuoi commenti / suggerimenti!