DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：下面是我在設計網頁時得出的一些技巧,希望對您有所幫助.

下面是我在設計網頁時得出的一些技巧,希望對您有所幫助.

1.盡可能的使用路徑和形狀圖層.

這樣你可以在後面想修改時,可以從容的修改.

2.圖層樣式,是你的好朋友.

雙擊圖層,你可以對它進行各種效果:漸變,陰影,色彩重疊.這樣做可以更容易的修改.比如一個

客戶說:"這個可以改為藍色的嗎?"

3.在文字圖層上使用尖銳的文字.

因為這樣更能容易讓用戶看的清楚.當字體小於12象素時,盡可能的使用尖銳字體.
如果字休很小時,就設置文字的屬性為無.如下圖:

4.在選擇字體時,盡可能的使用"網絡安全字體".

在現在浏覽器中,如果代理用戶的電腦裡沒有你設計的字體,則它會使用默認的字體,
或者是用別的字體代替.但是在LOGO或者是圖片裡使用設計文字,你可以把那些字體
切成切片.

5.把相似的圖層放在同一個組裡.

比如我們可以把網頁頭部的圖層都放到一個文件夾裡,這樣即可以方便修改,也方便
圖層的管理

6.在同一個網頁裡為重復的地方建各自的圖層.

在一個網站中,變化最多是的content.而footer,header,sidebar,通常不變化.
所以我們可以在photoshop中使有文件夾結構.比如:

>content-frot page
>content-contact form
>content-entry

7.在保存圖片為jpeg格式時,質量選擇100%.

在保存時你可以選擇80%,是為了節省空間,但是圖片的質量也變化了.
在這個問題,沒有固定的答案,選擇自已所要的就行.

8.設置好網頁的寬度.

如果你是為屏幕為800px為目標,則寬度不要超過760.
如果是為1024px,則不要超過960px.現在大多用戶的電腦都用1024,有得還
更高.所以設置網頁寬度為960是一個主流.

9.多找些資料來看,然後自己動手.

10.下面是一個范例有興趣可以下載來動手做一下