網頁設計與製作

本書結合網頁設計製作發展的新特點，根據網頁設計製作操作規程，具體介紹網頁的運行環境、網頁設計、網頁製作三大技術HTML、CSS、JavavScript，網頁和網站設計的實用技巧等基本理論知識。 ^[1] 

第1章Web前端技術概述1

1.1Web簡介1

1.1.1從技術角度看Web發展歷程1

1.1.2Web的系統結構4

1.2瀏覽器6

1.2.1瀏覽器的工作原理6

1.2.2瀏覽器中的插件9

1.3網頁製作工具11

1.3.1HTML語言12

1.3.2CSS14

1.3.3JavaScript腳本語言14

1.3.4從網頁製作的角度看網頁構成15

【本章小結】16

【本章習題】16

第2章HTML語言17

2.1HTML網頁的基本結構17

2.1.1HTML文件的基本結構17

2.1.2XHTML基本結構的標記説明18

2.2文本標記20

2.2.1段落、換行和水平線標記20

2.2.2分區標記21

2.2.3標題標記22

2.2.4設置字體、字號和顏色22

2.2.5設置字符樣式23

2.2.6設置列表格式24

2.3表格的標記27

2.3.1認識表格標記27

2.3.2設置表格屬性28

2.4超鏈接標記30

2.4.1超鏈接概述30

2.4.2文本鏈接31

2.4.3圖片鏈接與圖像映射31

2.5插入多媒體標記34

2.5.1圖像標記及設置34

2.5.2加入音頻、視頻及動畫文件34

2.5.3滾動字幕的設置36

2.6表單標記38

2.6.1表單的基本結構38

2.6.2表單的用户輸入區38

2.6.3表單的選擇欄39

2.6.4多行文本框40

2.7框架標記41

2.7.1標記42

2.7.2標記42

2.7.3標記42

2.7.4標籤44

【本章小結】46

【本章習題】46

第3章CSS樣式基礎48

3.1CSS48

3.1.1CSS概述48

3.1.2編輯CSS49

3.2添加CSS的方法50

3.2.1行內樣式50

3.2.2內嵌式51

3.2.3鏈接式52

3.2.4導入樣式53

3.2.5各種方式的優先級問題55

3.3CSS2選擇器55

3.3.1CSS2選擇器定義55

3.3.2選擇器的應用55

3.3.3常用單位61

3.4CSS的字體和文本屬性62

3.4.1字體的屬性62

3.4.2文本屬性65

3.5背景、鏈接和鼠標屬性69

3.5.1背景樣式屬性69

3.5.2超鏈接73

3.5.3鼠標特效74

3.6表格、列表樣式76

3.6.1表格的樣式76

3.6.2列表樣式79

【本章小結】81

【本章習題】81

第4章CSS+div網頁佈局82

4.1盒模型82

4.1.1什麼是盒模型82

4.1.2填充屬性83

4.1.3邊框屬性85

4.1.4邊界屬性87 ^[2] 

4.2元素的定位方式92

4.2.1元素定位的原則92

4.2.2浮動92

4.3CSS+div網頁佈局95

4.3.1CSS+div佈局網頁基礎95

4.3.2對div與span的再認識97

4.4常見CSS+div佈局100

4.4.1單列居中佈局100

4.4.2兩列居中佈局102

4.4.3多列居中佈局106

4.4.4固定寬度、高度的塊中內容溢出處理108

【本章小結】109

【本章習題】110

第5章JavaScript基礎112

5.1JavaScript中的數據與運算112

5.1.1JavaScript的嵌入與運行112

5.1.2數據類型114

5.1.3變量與常量115

5.1.4運算符與表達式116

5.2流程控制語句117

5.2.1實現分支結構的語句117

5.2.2實現循環結構的語句120

5.3函數123

5.3.1函數的定義與調用123

5.3.2系統函數125

5.4對象127

5.4.1JavaScript對象概述127

5.4.2數組對象128

5.4.3字符串對象129

5.5事件響應130

5.5.1JavaScript事件響應概述130

5.5.2表單事件131

5.5.3鼠標事件132

5.5.4鍵盤事件135

5.5.5頁面載入和離開事件137

【本章小結】138

【本章習題】139

第6章瀏覽器對象140

6.1瀏覽器對象概述140

6.2window對象141

6.2.1窗口對象的屬性和方法142

6.2.2窗口對象的應用143

6.3document對象149

6.3.1documemt對象的集合、屬性和方法149

6.3.2訪問頁面元素150

6.3.3向文檔寫入內容152

6.4navigator對象155

6.4.1navigator對象概述155

6.4.2檢測瀏覽器155

6.5location對象157

6.5.1location對象的常用屬性和方法157

6.5.2location的應用157

6.6history對象158

6.6.1history對象的屬性與方法159

6.6.2history對象的應用159

6.7網頁特效161

6.7.1漂動廣告161

6.7.2用JavaScript+CSS製作下拉菜單163

【本章小結】165

【本章習題】166

第7章網站設計167

7.1網頁設計167

7.1.1網頁設計概述167

7.1.2交互設計168

7.1.3界面設計172

7.2網站建設177

7.2.1網站建設的基本流程177

7.2.2常見網站類型簡析178

7.2.3網站要素的規劃180

7.2.4Web站點建設的常用方法183 ^[2] 

7.3網站設計案例187 ^[2]