In questo articolo parleremo di come creare un sito web adatto alla stampa. Nel mondo in cui viviamo ora, molti di noi possono accedere al Web quasi ovunque. Questo potrebbe farti pensare che la stampa di una pagina web sia un ricordo del passato, ma non è sempre così. Ci sono ancora una serie di motivi per cui le persone potrebbero voler stampare una pagina web.
Non sai mai come le persone decideranno di leggere il contenuto del tuo sito web. Potrebbero utilizzare un computer desktop o un laptop per visitare il tuo sito o potrebbero essere una delle tante persone che lo fanno su un dispositivo mobile di qualche tipo. I professionisti del Web oggi realizzano siti che hanno un bell’aspetto e funzionano bene su un’ampia gamma di dispositivi e dimensioni dello schermo per accogliere questa vasta gamma di visitatori. Tuttavia, la stampa è un’opzione a cui molte persone non pensano.
Come creare un sito web adatto alla stampa
Fai clic sul pulsante”Avvia“, digita”Blocco note“nella casella di ricerca e fai clic su”Blocco note“nell’elenco dei risultati. Fai clic sul menu”File“di Blocco note, quindi fai clic su”Apri“e utilizza il file manager per individuare il file HTML che desideri modificare. Fai clic sul pulsante”Apri“. Digita il seguente codice su una riga vuota sopra il tag”“nel tuo file HTML: Questo codice indica al browser di caricare un file CSS contenente le istruzioni per la stampa della pagina web. Digita un nome di classe univoco in ogni tag HTML che non desideri visualizzare sulla pagina stampata o nell’anteprima di stampa di un browser. Ad esempio, puoi aggiungere class=”noprint” a un tag div che contiene annunci Web o menu di navigazione. Se il tag ha già un nome di classe, puoi aggiungere un altro nome digitando uno spazio dopo il nome di classe esistente e quindi digitando il nuovo nome di classe. Ad esempio, per aggiungere il nome della classe”noprint“a un div che ha già il nome della classe”menu“, digita: class=”menu noprint”Premi” >Ctrl-S“per salvare il file HTML. Fai clic sul menu”File“, quindi fai clic su”Nuovo“per iniziare un nuovo documento del Blocco note. Digita il codice seguente, sostituendo”.noprint“con il nome della classe che desideri utilizzare:.noprint {display: none} La proprietà e l’attributo”display:none“rende qualsiasi classe con quel nome di tag invisibile quando si stampa o si esegue l’anteprima di stampa della pagina Web. Premi”Ctrl-S“per salvare il file. Digita”print.css“come nome del file, quindi fai clic sul pulsante”Salva“.
FAQ
Cosa rende una pagina PrintFriendly?
La maggior parte delle pagine web contiene informazioni e collegamenti che sono utili solo mentre navighi nel sito. Le pagine facili da stampare sono realizzate per adattarsi a un foglio 8,5″x11″ o A4 (vedere i formati carta) e includono solo il contenuto della pagina (testo semplice e immagini) e le informazioni sulla loro provenienza.
Come faccio a stampare una pagina web senza tagliarla?
Quando stampi in modalità orizzontale, puoi essere certo che nulla verrà tagliato ai bordi. Prima di stampare, la maggior parte dei browser richiede di andare al menu file, fare clic su”Imposta pagina”, quindi selezionare la casella”Orizzontale”nella finestra di impostazione della pagina.
PrintFriendly è gratuito?
PrintFriendly pulisce e formatta le pagine web in modo che possano essere stampate bene. PrintFriendly elimina pubblicità, navigazione e altre cose inutili sulle pagine Web, quindi quando stampi, usi meno carta e inchiostro. È facile da usare e gratuito.