第1章網頁設計基礎知識

1.1基礎概念  

1.1.1World Wide Web  

1.1.2網頁  

1.1.3主頁  

1.1.4超鏈接  

1.1.5素  

1.2WEB標準之路  

1.2.1什麼是WEB標準  

1.2.2什麼是W3C  

1.2.3W3C發布的標準有哪些  

1.2.4WEB標準的好處  

1.2.5WEB標準的現狀與思考  

1.3網站設計開發過程  

1.3.1了解學習  

1.3.2需要考慮的因素  

1.3.3網站發布與管理  

第2章軟件基本操作

2.1了解工作區  

2.1.1控制“歡迎屏幕”  

2.1.2選擇文檔窗口  

2.1.3使用狀態欄  

2.1.4調整面板和面板組  

2.1.5創建自定義工作區  

2.1.6使用“屬性”檢查器  

2.1.7調整工具欄  

2.1.8個性化首選參數  

2.2站點建立  

2.2.1站點規劃  

2.2.2站點文件夾結構  

2.2.3定義Dreamweaver站點  

2.3超鏈接  

2.3.1超級鏈接及其分類  

2.3.2超級鏈接的創建  

2.3.3鏈接到內部站點頁面  

2.3.4創建外部鏈接  

2.3.5創建電子郵件鏈接  

2.3.6錨記鏈接  

2.3.7文件下載  

2.3.8空鏈接  

2.4圖像  

2.4.1插入圖像  

2.4.2設置圖像屬性  

2.4.3影像地圖  

2.4.4輪換圖像  

2.4.5導航條  

2.4.6使用Firework制作圖像相冊  

2.4.7使用Photoshop制作相冊  

2.4.8插入FLASH相冊  

2.5表格  

2.5.1表格的插入  

2.5.2設置表格屬性  

2.5.3格屬性  

2.5.41像素細線表格的制作  

2.5.5 立體表格特效  

2.5.6圓角表格  

2.6層  

2.6.1插入層  

2.6.2層面板  

2.6.3 嵌套層  

2.6.4層的屬性設置  

2.6.5層與表格的轉換  

2.7行為  

2.7.1行為面板  

2.7.2事件  

2.7.3動作  

2.8時間軸  

2.8.1時間軸面板  

2.8.2創建浮動廣告  

2.9表單設計  

2.9.1表單概念  

2.9.2表單對像  

2.9.3創建表單域  

2.9.4在表單中添加表單對像  

2.10CSS樣式表  

2.10.1了解CSS樣式  

2.10.2CSS樣式表面板  

2.10.3CSS樣式的建立  

2.10.4CSS樣式中規則的定義  

2.10.5使用CSS樣式  

2.10.6改變屬性  

2.11模板  

2.11.1創建模板  

2.11.2使用模板  

2.11.3使頁面與模板分離  

2.11.4修改模板  

2.12庫  

2.12.1庫  

2.12.2創建庫  

2.12.3使用庫  

2.12.4編輯庫  

2.13添加多媒體  

2.13.1插入GIF動畫  

2.13.2插入FLASH動畫  

2.13.3插入音頻  

2.13.4使用視頻  

第3章HTML標記

3.1HTML簡介  

3.2HTML基本架構  

3.3字體標記  

3.4段落標記  

3.5列表標記  

3.6表格標記  

3.7鏈接標記  

3.8表單標記  

3.9圖形標記  

3.10 框架標記  

3.11多媒體標記  

第4章CSS概述

4.1CSS概念  

4.2CSS基礎語法  

4.2.1CSS語法  

4.2.2注意事項  

4.3CSS選擇器  

4.3.1CSS類選擇器  

4.3.2CSS標記選擇器  

4.3.3CSS id選擇器  

4.4CSS高級語法  

4.4.1選擇器的分組  

4.4.2繼承及其問題  

4.4.3CSS派生選擇器  

4.5CSS位置  

4.5.1外部樣式表  

4.5.2內部樣式表  

4.5.3內聯樣式  

4.5.4多重樣式問題  

第5章CSS設置文本樣式

5.1長度單位  

5.2CSS字體顏色定義  

5.3設置文字的字體  

5.3.1字體  

5.3.2設置文字的傾斜效果  

5.3.3設置文字的加粗效果  

5.3.4英文字母的大小寫轉換  

5.3.5控制文字的大小  

5.3.6文字的裝飾效果  

5.3.7設置段落的首字大小  

5.3.8行間距和字間距  

5.3.9控制文本的水平位置  

5.3.10設置段落的垂直對齊方式  

第6章用CSS設置圖像效果

6.1設置圖片邊框  

6.2圖文混排  

6.3CSS控制圖片大小  

6.4CSS圖片文字對齊方式  

第7章CSS盒子模型

第8章表格與表單

第9章使用CSS制作列表

第10章CSS+DIV布局

第11章濾鏡

第12章JavaScript

第13章jQuery

第14章網頁圖像處理技術

第15章網站首頁布局實例教程

參考文獻

CSS代碼索引

網站是信息交流的重要平臺，隨著Internet的快速發展，越來越多的企業組織開始在互聯網上建設網站，並以網頁作為企業向外界展示形像、發布信息的窗口，因此掌握和了解網站規劃和設計是十分必要的。網頁設計是計算機應用、計算機網絡、信息管理和電子商務等專業學生的一門必修課，本書將開發軟件、CSS標準和 jQuery框架三者融合，前期重點講解Dreamweaver軟件使用方法，使學生對網頁設計理念和基本方法有個大致了解，中期從CSS角度講解WEB標準相關理論與方法，後期通過開源框架jQuery來提高網頁設計綜合能力。
本書采用模塊化的編寫思想，注重突出以下三個特色。
（1）繫統性。對網頁設計開發方法做了比較全面的介紹和歸納，從開發軟件、WEB標準、前端框架、圖像處理等方面進行了詳細的說明。
（2）實用性。本書注重理論聯繫實際，深入淺出，用簡潔、流暢的語言進行原理、方法和示例的描述。
（3）前瞻性。本書不但對網頁設計中的軟件和CSS標準進行了介紹，還對jQuery開發框架進行了介紹，使讀者能夠掌握商業網站的開發方法和技巧。
本書采用循序漸進的編寫思路，結構清晰、知識全面豐富、語言精簡、通俗易懂，以圖文結合的方式來講解理論，為讀者了閱讀時間、降低了學習難度。全書內容涉及廣泛並提供了大量實例以方便讀者更好地理解和領會。全書分為四個部分來闡述網頁設計前端開發方法。第一部分重點講解Dreamweaver軟件使用方法，使學生對網頁設計理念和基本方法有個大致了解，使初學者掌握“所見即所得”的網頁設計方法；第二部分從代碼角度，采用CSS講解WEB標準相關理論與方法，此部分與軟件操作方法所對應，使讀者前後呼應印證所學知識，內容包括CSS的文本樣式、圖像效果、盒子模型、表格與表單、項目列表、DIV布局、濾鏡等；第三部分講解JavaScript和jQuery的使用方法，提高學生網頁前端設計綜合能力。第四部分介紹網頁設計中典型的圖像處理方法、網站部署與CSS參考，並給出一個綜合實例供讀者參考。
為方便教學，本書配套的電子課件可免費提供給采用本書作為教材的相關院校使用，如有需要，請發郵件至cipedu@163.com索取。
本書由石河子大學李偉擔任主編，曹傳東、鄧紅濤擔任副主編。具體編寫分工為：第1～3章由李偉編寫；第4、5章由鄧紅濤編寫；第6、7章由趙慶展編寫；第8章由榮江編寫；第9章由徐麗編寫；第10章由李天家編寫；第11章由韓峰編寫；第12、13章由曹傳東編寫；第14章由寧川編寫；第15章由隋賢俊編寫。
由於編者水平有限，書中難免存在疏漏之處，請廣大讀者不吝賜教。

編 者
2013年8月