這裡為大家介紹一下DIV CSS制作前網頁美工圖設計要點：
引入
1、如果是網頁美工設計與CSS切圖不是同一人需要先出美工網頁精確清晰的效果圖
2、美工設計需要注意什麼呢？接下來由CSS5為大家介紹
這裡講解基於PS（Photoshop）設計前新建文件設置：
1、新建網頁美工文件時，寬度與高度以像素為單位
2、分辨率是72像素
3、顏色模式為RGB 8位
4、背景內容一般為透明
計設置時候注意事項：
1、使用作為網頁背景、網頁圖標的要清晰
2、細節一定要對齊
3、在做成網頁後可改變的文字，需要使用宋體、黑體即可無需修飾
4、注意網頁內容寬度，在做的時候一定要做好網頁寬度的設置設計，一般網頁寬度有760PX、900PX、1000PX、等最好不要超過1200PX的寬度，至於高度不限制 有多少內容就設置多高無所謂
5、有特效地方，有必要設計出特效樣式，如按鈕圖標的鼠標經過有變化的需要設計好變化的，以便DIV CSS制作的時候切圖使用
最後設計好的美工圖注意：
1、千萬不要合層，盡量保持，每個文字、圖標圖片的獨立圖層，以便DIV CSS切圖時候隱藏顯示切圖
2、可以導出JPGGIFPNG等格式觀察效果。
以上是在DIV CSS切圖前對網頁美工圖設計注意事項！