網頁美工設計

網頁制作中html需要注意的問題

編輯：時間：2018-01-18 08:45:02

　　利：減少對服務器的請求數量，進而加快頁面加載速度。

　　弊：1)測算每個背景單元的精確位置，很繁瑣。

　　2)如果頁面背景有少許改動，一般就要改合并的圖片。

　　8、marquee標簽

　　標簽里面是滾動文字的內容

　　9、word-spacing

　　修改字間距。簡單地說，課室是任何非空白字符組成地串，并由某種空白符包圍。所以象形文字是無法指定字間隔地。除非字之間有空格。因此，這個屬性主要是針對英文單詞地，要使其對中文起作用，需要在中文之間加空格?？隙髂莻€設計者認為兩詞之間沒空格就是一個詞。

　　10、display:inline-block;的使用方法

　　在桌導航條的時候，一般會用到ul-li結構，大多數時候我們是把li設置為浮動，讓其并排顯示在同一行。但是如果當行中li的數目不確定，并且又需要導航中的文字在頁面中居中顯示時，用這種方法就不太方便了，因為每次修改當行中li的數目量或文字時都需要調整ul或者第一個li標簽的padding或者margin屬性值。

　　還有一種方法就是設置li為“display：inline-block;”這樣就可以達到同樣的效果，而且無論有幾個li標簽或者li中的文字如何變化，只要設置ul中的text-align屬性的值為center就可以實現ul中的所有文字水平居中顯示。

　　IE6、IE7塊級元素不識別inline-block，對于行內元素不存在兼容問題。可以用*display：inline;*zoom：1來代替。

　　11、

　　12、網頁設計稿中特殊字體的處理

　　網頁瀏覽者在看網頁時使用自己電腦上的字庫來顯示字體的，如果在制作網頁時用了特殊的字體，必須保證瀏覽網頁的用戶的電腦上也有這樣的字庫才能看到相同的效果，如果用戶的電腦上沒有所定義的字體，那么它會自動用系統默認字體來顯示，一般中文的默認字體都是宋體。

　　特殊字體只能做成圖片。

　　CSS中常用的字體包括：宋體、黑體、微軟雅黑、Arial、verdana、serif。

　　13、切圖時應該保存成那種圖片格式

　　1)JPG不適用于所含顏色很少、具有大塊顏色相近的區域或亮度差異十分明顯的較簡單的圖片。對于寫實的攝影圖片或是顏色層次非常豐富的圖像采用JPG的圖片格式保存一般能達到最佳的壓縮效果。根據經驗，在頁面中使用的商品圖片、采用人像或者實物素材制作的廣告banner等圖像更適合采用JPG的圖片格式保存。

　　2)對于需要高保真的較復雜的圖像，PNG雖然能無損壓縮，但圖片文件較大，不適合應用在Web頁面上。圖像上顏色較少，并且主要以純色或者平滑的漸變色進行填充?；蛘呔邆漭^大亮度差異以及強烈對比的簡單圖像適合使用PNG格式進行存儲。

2/3 首頁上一頁 1 2 3 下一頁尾頁

<< 上一篇：網頁設計必須注意的一些常見問題

>> 下一篇：網頁設計中的排版原則有哪些

推薦資訊