I banner sono immagini che creano e inserire in una pagina Web, ma si ha la possibilità di utilizzare invece Cascading Style Sheets (CSS). Con i CSS, il tuo banner sarà una dimensione inferiore, che porta a tempi di caricamento della pagina. Un banner CSS ti dà anche la possibilità di modificare rapidamente gli elementi di progettazione modificando il codice. Utilizzare editor di testo del tuo computer per costruire un banner CSS.

Istruzioni

1

Lanciare il programma di editor di testo e aprire il file del sito Web. Posizionare il cursore tra i tag < head >.

2

Inserisci questo codice CSS prima dell'elemento di chiusura < / head >:

< style type = "text/css" >

{} banner

< / stile >

Il "{#banner}" tra i tag di stile inizia una regola distinta che costruisce il tuo banner.

3

Digitare i seguenti attributi tra le parentesi graffe: "larghezza", "altezza", "font-size," "font-family," "imbottitura", "background-color" e "border-style."

4

Immettere i valori numerici in pixel (px) dopo la "larghezza" e "altezza" per specificare le dimensioni del banner desiderato. Il codice dovrebbe essere simile:

banner {width: 500px; altezza: 300px;} 5

Digitare un valore in pixel dopo "font-size" e immettere una famiglia di caratteri per determinare l'aspetto del testo del vostro banner. Immettere un valore di padding per stabilire la quantità di spazio che appare tra il confine di testo e banner. Per esempio:

banner {font-size: 24px; font-family: Arial, Helvetica, sans-serif; padding: 10px;} 6

Immettere un valore di colore esadecimale dopo "background-color" per determinare la tonalità. Digitare una dimensione pixel, valore di colore e lo stile di riga dopo "border-style" per specificare come Visualizza il contorno intorno il banner. Per esempio:

banner {background-color: #ffff00; border-style: solid 2px #cccccc;} 7

Posizionare il cursore nel codice HTML dove vuoi il tuo banner venga visualizzato e digitare quanto segue per inserirlo nella pagina:

< div id = "banner" >

Inserire CSS per banner qui

< / div >

8

Salvare il file.

Consigli & Avvertenze

• Separare ogni attributo CSS con un punto e virgola per garantire che gli stili di lavoro. Per esempio:
• #banner () {
• Larghezza: 500px;
• Altezza: 300px;
• dimensione del carattere: 24px;
• font-family: Arial, Helvetica, sans-serif;
• padding: 10px;
• colore di sfondo: #ffff00;
• stile del bordo: 2px solid #cccccc;
• }