本節向大家描述一下DIV CSS網頁制作的流程及方法，在制作網頁開始時候需要認識和了解一些基本知識，比如了解DIV+CSS網頁制作常用屬性，了解ID與class區別及用法，了解掌握常用CSS屬性，CSS盒子機構；了解CSS在頁面中運用等內容，相信本文介紹對你的學習一定會有所幫助。

學習DIV CSS網頁制作的流程及方法

如何學習網頁設計、網頁制作，相信新入門想學習DIV+CSS網頁制作的很多朋友都有個問題，究竟怎樣學習DIV+CSS網頁制作呢？學習網頁制作的流程是怎么樣的呢？好了下面就來介紹下根據我的經驗理出來的學習制作經驗，希望給大家帶來幫助和參考，讓新手在制作學習中少走彎路。

制作網頁開始時候需要認識和了解知識：

1、了解html語言及結構，及能運用；

2、了解DIV+CSS網頁制作常用屬性，了解ID與class區別及用法，了解掌握常用CSS屬性，CSS盒子機構；

3、了解CSS在頁面中運用；

4、了解程序插入程序循環（制作網頁模板關鍵）；

5、了解Adobe Photoshop CS，并且掌握Adobe Photoshop CS對PSD、PNG、GIF、JPG圖片格式存儲和圖片切圖，圖片輸出等；

6、待到一定階段就要考慮和認識DIV+CSS網頁制作，在各瀏覽器中兼容問題及解決兼容方法；

7、考慮和認識W3C認證。

如果對CSS屬性不了解及清楚用法可進入CSS在線手冊查詢。

DIV+CSS網頁制作開發流程：

一、有網頁效果圖

1、分析網頁效果圖、找出效果圖結構規律；

2、Photoshop圖片處理去掉無效果的文字、文章；

3、在Photoshop把圖片切成較小的GIF、JPG或PNG格式圖片，根據網頁效果來選擇圖片格式類型；

4、圖片切完了緊接著就開始創建網頁的文件夾、CSS文件、HTML文件（imges - 圖片文件夾、CSS - CSS文件夾、html文件直接放到網站根目錄下）；

5、開始創建html文件與CSS文件，這里可以用每次新開發的網頁模板（CSS與html模板）；

6、根據網頁圖片效果圖制作開發網頁(在制作中要調試和檢查兼容)；

7、***完工后重新檢測和檢查網頁在各個瀏覽器兼容等。

二、無網頁效果圖

1、開始創建html文件與CSS文件，這里可以用每次新開發的網頁模板（CSS與html模板）；

2、分析自己想要制作網頁結構等；

3、根據自己想法來制作開發網頁(在制作中要調試和檢查兼容)；

4、***完工后重新檢測和檢查網頁在各個瀏覽器兼容等。

以上是CSS中對DIV+CSS網頁制作的一點點經驗，希望對初學者學習網頁能有幫助！
 

【編輯推薦】

1. DIV CSS網頁布局時合理架構CSS
2. DIV CSS網頁設計布局六大原則
3. 解析DIV CSS實例：讓頁腳保持在未滿屏頁面底部
4. CSS float方法實現DIV CSS網頁布局三欄頁
5. 專家提醒 小心DIV+CSS網頁制作五大誤區