知識(shí)普及 ? 網(wǎng)站設(shè)計(jì)中為頁(yè)面添加打印功能 | ||||
網(wǎng)站設(shè)計(jì)中為頁(yè)面添加打印功能 |
||||
|
||||
網(wǎng)站設(shè)計(jì)中為頁(yè)面添加打印功能,網(wǎng)站設(shè)計(jì)中為頁(yè)面添加打印功能
一個(gè)網(wǎng)站頁(yè)面中有打印功能的話,可以很方便的讓訪問(wèn)者打印出來(lái)線下閱讀。這個(gè)功能可以通過(guò)CSS(CascadingStyleSheets)來(lái)實(shí)現(xiàn),CSS可以控制頁(yè)面的哪個(gè)部分用來(lái)打印,哪個(gè)部分不打印。那么我們?cè)趺床拍苁褂肅SS設(shè)計(jì)一個(gè)有好的打印頁(yè)面呢? 一般的,創(chuàng)建打印頁(yè)面需要包含以下兩步: 1,創(chuàng)建一個(gè)CSS文件,用以修改頁(yè)面的展示和移除不需要打印的元素。這個(gè)CSS文件需要獨(dú)立于你的正規(guī)的CSS文件。因?yàn)閮蓚€(gè)不同的鏈接元素需要使用兩個(gè)文件來(lái)展示。下面是一些創(chuàng)建打印頁(yè)面的技巧: 把顏色改成白底黑字,因?yàn)楸尘坝蓄伾珪?huì)浪費(fèi)很多墨水。 把字體調(diào)成易讀的字體 把字體大小設(shè)成可讓訪問(wèn)者調(diào)節(jié)的功能。 把鏈接都用下劃線來(lái)標(biāo)注 去掉多余的元素(導(dǎo)航欄,廣告,java,動(dòng)畫(huà)FLASH,以及其他的生動(dòng)的圖片) 留下一個(gè)作者,這樣客戶就知道是誰(shuí)寫(xiě)的 留下網(wǎng)址和版權(quán)。 2,使用LINK元素來(lái)制作打印頁(yè)面。鏈接一個(gè)外部的CSS文件要用以下格式: <linkrel=”stylesheet”type=”text/css”href=”styles.css”> 給這個(gè)格式上加上“media”屬性。 <linkrel=”stylesheet”type=”text/css”href=”PrintStyles.css”media=”print”/> 下面是一個(gè)例子: body{color:#0000000;background:#ffffff;fontfamily:“TimesNewRoman”,Times,serif;font-size:12pt;}a{text-decoration:underline;color:#0000ff;}#navigation,#advertising,#other{Display:none;} |
||||
網(wǎng)站設(shè)計(jì)中為頁(yè)面添加打印功能相關(guān)標(biāo)簽:開(kāi)發(fā)網(wǎng)站,網(wǎng)站搭建,網(wǎng)站開(kāi)發(fā),網(wǎng)頁(yè)制作
|