Il pulsante Stampa di un browser è utile quando è necessario acquisire una rapida copia cartacea di una pagina Web. Le pagine Web sono spesso costituite da immagini, sfondi, annunci e altri elementi che aggiungono disordine a una pagina Web. Se utilizzi Adobe Dreamweaver, puoi creare documenti stampabili che filtrano gli oggetti indesiderati e formatta le stampe nel modo in cui desideri che appaiano sulla carta.
Formattazione CSS
I fogli di stile sovrapposti aiutano gli sviluppatori Web a definire l’aspetto degli oggetti nelle pagine Web. Un attributo di larghezza CSS, ad esempio, può determinare la larghezza di un annuncio banner. In qualità di progettista di siti, puoi aggiungere creare più file CSS e farvi riferimento nel documento della tua pagina Web. Hai anche la possibilità di caricare un file CSS invece dell’altro. Questa capacità di utilizzare i file CSS in modo selettivo consente alla pagina di Dreamweaver di creare documenti stampabili che utilizzano attributi CSS mirati per formattare le stampe.
Attributo multimediale CSS
Ogni tag di collegamento CSS punta a un file CSS univoco. I tag di collegamento CSS possono contenere un attributo denominato media. Quando il valore di questo attributo è “screen”, i browser utilizzano il file CSS indicato nel tag di collegamento per generare contenuti per lo schermo del computer. Se il documento contiene un tag di collegamento il cui valore multimediale è “print”, un browser utilizza il file CSS denominato in quel tag di collegamento quando qualcuno stampa la tua pagina Web. Sapendo questo, puoi creare un file CSS che formatta una pagina Web nel modo in cui desideri vederla sulla pagina stampata. È quindi possibile aggiungere il tag multimediale al collegamento che fa riferimento a quel file. Ciò fa sì che i browser utilizzino quel file invece del normale file CSS durante la stampa.
Creazione di file di stampa CSS di Dreamweaver
Dopo aver progettato una pagina Web utilizzando Dreamweaver, è probabile che si disponga di uno o più file CSS che formattano le pagine Web. Per rendere le tue pagine stampabili, duplica quelle pagine e modifica le loro proprietà CSS per produrre il contenuto che vorresti vedere su una stampa. Ad esempio, potresti clonare un file CSS denominato Main.css, chiamarlo Main_Print.css e aggiungere un attributo multimediale all’istruzione di collegamento che fa riferimento a quel file. Un modo rapido per clonare i file è utilizzare il pannello File di Dreamweaver. Lì puoi copiare e incollare file utilizzando un’interfaccia simile a quella trovata in Windows Explorer.
Formattazione dei file di stampa CSS di Dreamweaver
Se il tuo Main_Print.css contiene una classe CSS che definisce un banner estraneo, puoi aggiungere un attributo “display: none” a quella classe per far scomparire il banner. Quando gli utenti stampano la pagina Web, i loro browser formattano la stampa utilizzando la classe Main_Print.css. Usando questa tecnica, hai la possibilità di alterare i colori, rimuovere i bordi e modificare altri valori degli attributi CSS in modo che il tuo file css Main_Print stampi documenti puliti e ordinati. Gli sviluppatori di Dreamweaver creano collegamenti a file CSS esterni e impostano i valori multimediali utilizzando la finestra Allega foglio di stile esterno di Dreamweaver.