Nonostante un significativo calo di popolarità sin dal suo inizio, i banner rimangono ancora oggi uno dei principali mezzi pubblicitari su Internet. Il banner più semplice è una semplice immagine. Ma affinché possa svolgere appieno la sua funzione, è necessario renderlo cliccabile.
È necessario
la possibilità di modificare il markup della pagina web
Istruzioni
Passo 1
Rendi il banner cliccabile inserendolo in un collegamento ipertestuale. Usa l'elemento HTML A. Aggiungi un tag di inizio con un attributo href che punta alla risorsa di destinazione, oltre a un tag di fine. Ad esempio: questo è il modo più semplice e più comunemente utilizzato per aggiungere banner alle pagine web. In effetti, l'immagine qui è l'ancora del collegamento.
Passo 2
Applica mappe client per creare più hotspot nell'immagine banner. Nel markup HTML del tuo documento, aggiungi un elemento MAP con un attributo name che specifichi il nome della mappa. In MAP, posiziona uno o più bambini AREA con gli attributi href, shape e coords corretti. Ad esempio: per l'elemento IMG che definisce il banner, aggiungi un attributo usemap che fa riferimento alla mappa client. Ad esempio: questo metodo consente di utilizzare un banner per reindirizzare l'utente a risorse diverse, a seconda di quale area è stata attivata.
Passaggio 3
Utilizzare la capacità di gestire gli eventi di input dell'utente tramite script client per avviare il processo di passaggio a un'altra risorsa quando si fa clic su un banner. Imposta il gestore onclick sull'elemento del documento appropriato. Questo può essere fatto aggiungendo l'attributo onclick al markup HTML: o direttamente dallo script: questo metodo consente di controllare in modo flessibile il processo di reindirizzamento dell'utente quando si fa clic su un banner, ma non funziona quando gli script sono disabilitati nel browser.
Passaggio 4
Incorpora il banner nella pagina web utilizzando l'elemento INPUT di tipo immagine incluso nel modulo per renderlo cliccabile. Un elemento INPUT con un attributo type di image definisce un pulsante di invio grafico. L'indirizzo della risorsa immagine è specificato dall'attributo src. Ad esempio: l'applicazione di questo metodo di visualizzazione di un banner offre grandi opportunità. Quindi, puoi inviare una grande quantità di dati aggiuntivi al server utilizzando campi nascosti, in particolare utilizzando una richiesta POST per inviare un modulo. È possibile eseguire alcune azioni sul modulo prima dell'invio assegnando un gestore onsubmit. È consentito assegnare una mappa client a un'immagine di pulsante utilizzando l'attributo usemap.
