Nwlapcug.com


Come creare un pulsante di stampa in una pagina Web

Come creare un pulsante di stampa in una pagina Web


Un pulsante "Stampa" sulla tua pagina Web permette ai vostri visitatori di stampare rapidamente il contenuto della pagina. Quando viene premuto il pulsante, si apre la finestra di dialogo Stampa del browser. Quindi l'utente deve fare è scegliere la stampante dall'elenco, se egli desidera modificare le proprietà e fare clic su "OK" per stampare la pagina Web.

Istruzioni

1

Aprire il file che contiene il codice HTML per la tua pagina Web in un editor di HTML o testo normale.

2

Vai alla sezione < corpo > del tuo codice HTML. Trovare il punto esatto nella pagina dove si desidera inserire il pulsante di stampa. Idealmente, dovrebbe essere a superiore o inferiore della pagina. Digitare < p >< / p > per creare un paragrafo vuoto per creare spazio tra la linea precedente e il pulsante.

3

Creare un tag input, come si farebbe in un modulo e utilizzare codice JavaScript per dare il tuo pulsante la funzione di stampa. Tipo "< input type = 'button' onClick='window.print()' valore = 'Print' / >" senza le virgolette finale per dire browser dell'utente per far apparire la finestra di dialogo "Stampa". È possibile modificare la "Stampa" sotto l'attributo di valore a qualsiasi parola o frase che vuoi.

4

Digitare un tag di interruzione...
-andare alla riga successiva e scrivere una breve linea sotto il pulsante "Stampa" per descrivere perché l'utente deve premere il pulsante. Ad esempio, è possibile digitare "Clicca qui per stampare questa pagina." Se si desidera, è inoltre possibile aggiungere questa riga prima il pulsante di stampa.

5

Salvare il file HTML e caricarlo sul tuo sito Web. Fare clic sul pulsante "Stampa" per verificare il lavoro svolto.

Consigli & Avvertenze

  • In alternativa, è possibile creare un collegamento di JavaScript per creare il tuo pulsante di stampa. Tipo "< un href='javascript:window.print()' >< img src='imagehere.jpg' / >< /a >"..--senza le virgolette finale. Il riferimento alla "imagehere.jpg" dovrebbe contenere il tuo link a un'immagine del pulsante "Stampa" sul server Web. È possibile creare questo pulsante in una programma come Adobe Photoshop di editing delle immagini.