Come fare un banner su Dreamweaver

June 8

Come fare un banner su Dreamweaver


Nella progettazione Web, il termine "banner" ha un paio di significati. Si può fare riferimento a una barra di menu o di navigazione che attraversa la parte superiore della pagina, un'immagine che attraversa la parte superiore della pagina, una combinazione di un'immagine e un menu o un banner. banner e striscioni in generale, possono essere costituiti da una grafica statica, un'animazione Flash o banner rotante, in cui mostrano diverse bandiere in sequenza, uno dopo l'altro. Dreamweaver non ha nessun grafica o strumenti di animazione. La maggior parte dei progettisti di creare il loro contenuto banner in un editor di grafica, come Photoshop o un programma di animazione, come Adobe Flash. È possibile, tuttavia, creare il foglio di stile a cascata, o CSS, il contenitore e lo sfondo per il banner in Dreamweaver, e quindi importare il contenuto striscione nel contenitore.

istruzione

1 Creare il contenuto banner, come ad esempio un'immagine di Photoshop filmato Flash o, o trovare un banner su Internet. Avete molte opzioni per la creazione o la ricerca di contenuti banner. È possibile, ad esempio, aprire una fotografia in Photoshop e ritagliare e ridimensionare al formato desiderato, oppure si può cercare "banner" sul Web, che porta in primo piano centinaia di banner gratuiti a molti formati, come banner grafica, Flash striscioni e banner a rotazione.

Se non si dispone di Photoshop o un altro editor di grafica, è possibile modificare e ridimensionare l'immagine del banner in Windows Live Photo Gallery: Individuare l'immagine in Windows Explorer, fare clic su di esso, scegliere "Modifica con" dal menu a comparsa, e quindi selezionare Windows live Photo Gallery dal successivo menu a comparsa.

Questo apre l'immagine in Windows Live Photo Gallery. Fare clic sulla scheda "Modifica" nella parte superiore della finestra dell'applicazione. Windows Live Photo Gallery mostra diverse opzioni per modificare l'immagine, tra cui uno strumento di ritaglio e diversi strumenti di ritocco. Per ridimensionare l'immagine, fare clic sul pulsante "Proprietà" e scegliere "Resize" per aprire la finestra di dialogo Ridimensiona. È possibile scegliere una dimensione dal Selezionare un menu a discesa Formato, o digitare la larghezza desiderata nel campo Dimensioni massime. L'altezza si regola automaticamente.

2 Fare clic sul pulsante "Resize e Salva".

3 Inizia una nuova pagina in Dreamweaver: Fare clic sul menu "File" e scegliere "Nuovo" per aprire la finestra di dialogo Nuovo documento. Scegliere "HTML" dalla lista Tipo di pagina, e quindi scegliere "1 colonna fissa, centrato, intestazione e piè di pagina" dalla lista Layout. Questo layout crea un layout con un contenitore di intestazione per il vostro banner.

4 Fai clic sul menu a discesa "Layout CSS", e scegliere "Aggiungi a testa". Questo aggiunge il codice layout CSS per la parte superiore della pagina HTML, rendendo più facile da modificare.

5 Fai clic su "OK". Dreamweaver crea una pagina con un contenitore di intestazione verde in alto e un segnaposto banner sul lato sinistro del contenitore.

6 Fare clic sul menu "File" e scegliere "Salva con nome". Nome e salvare il file HTML.

7 Selezionare ed eliminare il segnaposto banner.

8 Fare clic sul menu "Inserisci" e scegliere "Immagine". Ciò apre la finestra di dialogo Seleziona origine immagine. Per inserire un banner Flash, cliccare su "Media", "Inserisci", scegliere e quindi selezionare "SWF" dal menu a comparsa. Ciò apre la finestra di dialogo Seleziona SWF.

9 Individuare il file banner, selezionarlo e scegliere "OK". Questo apre la Attributi di accessibilità tag finestra di dialogo.

10 Digitare un titolo per il banner nel campo Testo alternativo e fare clic su "OK". Dreamweaver inserisce sul suo sito web striscione nel contenitore intestazione.

Consigli e avvertenze

  • Per cambiare il colore del contenitore di intestazione di fondo, prima di inserire il file di contenuto banner, cliccare nel contenitore di intestazione per inserire il cursore, e quindi fare clic su "Modifica regola" nel pannello Proprietà. Questo apre la finestra di dialogo Definizione regola CSS. Scegliere "Background" nell'elenco Categoria, fare clic sul "background-color" campione comparsa, e poi scegliere il colore desiderato. È inoltre possibile aggiungere un bordo al contenitore intestazione e personalizzarlo con l'opzione di frontiera nella finestra di dialogo Definizione regola CSS.
  • Quando si carica la pagina HTML a un server Web, caricare anche il file di contenuto banner. In caso contrario, il banner non verrà visualizzato.