Come creare un pulsante?
Il pulsante sul sito è uno dei più convenienti estrumenti popolari per la gestione della sua interfaccia e, per crearla, non è così difficile. In questo articolo, ti dirò semplicemente come creare un pulsante e aggiungerlo al sito.
Design del pulsante
È possibile utilizzare il design del pulsante di progettazioneservizi online speciali, ad esempio, qui. Questo servizio è molto facile da gestire: puoi selezionare la forma e il colore del pulsante (Colore / Forma), il suo tipo (Tipo di gradazione), impostare il grado di trasparenza (Spessore). Se si desidera creare un pulsante con un motivo, ad esempio una linea, nella scheda Stripe è possibile specificare i relativi parametri: la frequenza della linea, la sua luminosità e il colore.
È possibile creare un pulsante con l'immagine caricata dal computer (scheda Immagine) e, naturalmente, selezionare il testo desiderato (Testo).
Tuttavia, se vi è il desiderio di creare qualcosa di assolutamente unico, il design del pulsante dovrà essere sviluppato in Photoshop o Adobe Illustrator.
Inserimento di un pulsante
Il pulsante è inserito come segue:
- <img src = "/ images / files / picture / pic1.jpg" width = "300" height = "115">,
dove "files / picture / pic1.jpg" è il percorso del file del pulsante e "300" e "115" sono i parametri del pulsante (larghezza e altezza in pixel).
Pulsante di collegamento
Naturalmente, il pulsante come ornamento è di scarso interesse per chiunque. Deve condurre da qualche parte, cioè contenere un collegamento. Per inserire il pulsante con il link, estendiamo il nostro tag:
- <a href="http://www.elhow.ru/" target="_blank"> <img src = "/ images / files / picture / pic1.jpg alt =" Avanti "width =" 300 "height =" 115 "border =" 0 "> </a>
Consideriamo questo in modo più dettagliato:
- http://www.elhow.ru/ - l'indirizzo al quale il pulsante si "sposterà".
- target = "_ blank" - significa che il link verrà aperto in una nuova scheda.
- parametro "alt" - se l'immagine del pulsante per qualche motivo non può essere avviata, al suo posto l'utente vedrà un rettangolo delle dimensioni del pulsante e in esso il testo specificato dopo "alt".
- border = "0" significa che non ci sarà un bordo attorno al pulsante. Se vuoi che sia, invece di "0" specifica la dimensione desiderata - 1,2,3, ecc. La figura determina il numero di larghezze del frame in pixel.
Qui, in realtà, e tutto - il pulsante è stato creato.
Come puoi vedere, il compito di creare un pulsante è abbastanza semplice. Maggiori informazioni su come pompare il tuo sito, vedere gli articoli nella sezione Creazione di un sito.