Una cosa che può davvero migliorare l'usabilità del tuo sito Web e vi diamo una gamba sulla concorrenza è quello di creare versioni stampabili delle pagine sul tuo sito. Per fortuna, questo non significa che è necessario creare due copie diverse di ogni singola pagina che è possibile creare. Maggior parte dei siti Web utilizzare fogli di stile o codice CSS per loro disegni e anche se non sai come codice, è relativamente semplice creare un foglio di stile "stampa" che può creare automaticamente versioni stampabili di ogni pagina.

Istruzioni

1

Decidere che cosa volete che il vostro pagine stampabili per assomigliare. In generale, è necessario escludere qualsiasi immagini inutili, qualsiasi menu di collegamento o navigazione e gli annunci. L'unico contenuto che un lettore veramente si preoccupa per, per scopi di stampa, è il pezzo principale della pagina di contenuto e il titolo per il contenuto, sia esso un articolo, una pagina di conferma, un profilo di prodotto o qualcos'altro.

2

Guardare attraverso le pagine HTML per avere un'idea di come vengono deposte. Maggior parte delle sezioni sono racchiusi in < div > e < / div > Tag; ad esempio, la barra laterale potrebbe iniziare con < div id = "barra laterale" > e terminare con < / div >. Annotare ogni maggiore sezione del tuo sito e valori "id" delle sezioni.

3

Creare un nuovo file di testo e denominarlo "Print". Caricarlo sul server.

4

Aprire Print per modificare. Per ogni sezione delle tue pagine che non si desidera includere nella versione stampabile, aggiungere la seguente riga:

div. #sectionname {display: none;}

Modificare "sectionname" con il valore "id". Ad esempio, per nascondere sezioni che iniziano con < div id = "header" >, < div id = "footer" >, e < div id = "barra laterale" >, si scriverebbe:

div. #header {display: none;}
div. #footer {display: none;}
div. #sidebar {display: none;}

5

Decidere quale sezione si desidera includere nel tuo versioni stampabili; verrà chiamato < div id = "contenuto" > o < div id = "main" > o simili. Su quello, impostarne la larghezza al 100% in questo modo:

div. #content {width: 100%;}

Questo è molto importante. Se la larghezza originale era un importo fisso, potrebbe essere troppo magre nelle pagine stampate, o peggio, eseguire sul lato e non essere leggibile a tutti. Impostandola al 100% farà automaticamente a capo in base alle dimensioni della pagina dell'articolo.

Solitamente, la sezione del contenuto è incorporata all'interno di più grandi sezioni che hanno anche i valori di larghezza. Ad esempio, molte pagine bastone un < div id = "wrapper" >< / div > sezione intorno l'intera pagina al fine di impostare una larghezza fissa e centrare tutto sulla pagina. In questo caso sarà necessario anche reimpostare la larghezza del 100 per cento per quelle sezioni:

div. #wrapper {width: 100%;}

Quando si pensa di che aver coperto tutto, salvare e chiudere il file Print.

6

Aprire la Home page di modificare. Parte superiore della pagina sarà presente una sezione che inizia con < head > e termina con < / head >. Appena prima della chiusura < / head >, aggiungere la seguente riga:

< link rel = "stylesheet" href="print.css" type = "text/css" media = "stampa" / >

Dovrete anche aggiungere questa riga all'interno il codice HTML delle pagine di pure. Sostituire "Print" con il percorso completo del file; Se è in una sottodirectory chiamata "stili", ad esempio, scrivere "/ styles/print.css."

7

Salvare tutto e provare a stampare una pagina sul tuo sito. È probabile che a colpire alcuni ostacoli la prima volta; di solito c'è una sezione che hai dimenticato di includere nel vostro "visualizzare: none" elenco. Presto, però, le pagine verranno stampate correttamente e avrai creato un'automatica versione stampabile di ogni pagina sul tuo sito Web.