Come aggiungere Banner

April 6

Come aggiungere Banner


Un banner web può essere statici o animati e includono immagini, testo o una combinazione di entrambi. Essi possono essere utilizzati come intestazioni o pubblicità. banner web spesso appaiono nella parte superiore della pagina, ma possono essere aggiunti in qualsiasi punto della pagina. È possibile utilizzare DIV in Hypertext Markup Language (HTML) per creare un contenitore per il vostro banner su una pagina web. Basta personalizzare la posizione e le dimensioni del div con Cascading Style Sheets (CSS).

istruzione

1 Aprire un browser di file, come Explorer o Risorse del computer. Appoggiare il mouse sul file che contiene il banner che si desidera utilizzare per qualche istante fino a quando appare un pop-up. Annotare le dimensioni del banner che vengono visualizzati.

2 Avviare un editor di testo, come Blocco note, TextPad o EditPad.

3 Aprire o creare un nuovo file CSS per il banner che si desidera aggiungere. Inserire il codice seguente, ma cambiare le dimensioni del Banner e il nome file di quelli corretti per la tua pagina web:

bandiera {float: left; width: 800px; altezza: 300px; background-image: url ( "banner.jpg"); }

4 Fai clic su "File" e "Salva con nome" nel menu. Nome del file nel campo di testo "Salva come". Aggiungere un'estensione di file CSS, come ad esempio "style.css". Posizionare l'intero nome di file tra virgolette per mantenere l'editor di testo da aggiungere un'estensione di testo ad esso. Fai clic su "Salva".

5 Chiudere il file CSS, ma lasciare l'editor di testo aperto. Selezionare "File" e "Apri" dal menu. Cambiare "File di tipo" a "Tutti i file". Trovare il file HTML che si desidera modificare e fare doppio clic su di esso. Si apre nell'editor di testo.

6 Posizionare il cursore a destra dopo l'apertura <HEAD> tag. Per creare un collegamento al file CSS, aggiungere il seguente tra i tag <head>:

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

7 Posizionare il cursore dopo il tag di apertura <BODY>. Aggiungere il seguente codice in cui si desidera visualizzare il banner:

<Div id = "banner"> </ div>

8 Selezionare "File" e "Salva" dal menu per aggiornare il file HTML.

Consigli e avvertenze

  • È possibile inserire l'immagine per i file di bandiera, CSS e HTML nella stessa cartella per rendere la pagina web e banner display correttamente.
  • Se si trova il file banner e CSS in una cartella diversa da quella del file HTML, è necessario includere i nomi della cartella nel codice.
  • Ad esempio, per creare un collegamento a una cartella "imgs" all'interno della cartella principale, il cambiamento "banner.jpg" a "imgs / banner.jpg" al punto 3. Per creare un collegamento a una cartella "css" all'interno della cartella principale, il cambiamento "stile .css "a" css / style.css ") al punto 6.