第1章網頁制作基礎 10
1.1認識網頁 10
1.1.1網頁和網站 10
1.1.2網頁的類型 11
1.1.3動態網頁與靜態網頁 11
1.1.4網頁的基素 12
1.2如何設計網頁 12
1.2.1網頁設計的基本原則 13
1.2.2網頁設計的成功要素 13
1.2.3網頁的設計風格和色彩搭配 14
1.3網站設計要點 14
1.3.1為用戶考慮 14
1.3.2主題突出 15
1.3.3整體原則 16
1.3.4內容與形式相統一 16
1.3.5更新和維護 17
1.4網站設計流程 17
1.4.1網站項目的定義 17
1.4.2網站策劃方案 17
1.4.3網站內容規劃 17
1.4.4獲得網站資源 18
1.5常用網頁編輯軟件簡介 18
1.5.1Dreamweaver 18
1.5.2FrontPage 21
1.5.3HomeSite 21
1.6本章小結 21
1.7課後習題 21
1.7.1課後習題1-新建Dreamweaver文檔 22
1.7.2課後習題2-新建Dreamweaver工作區 22
第2章HTML和XHTML 24
2.1了解瀏覽器和網頁文檔的關繫 24
2.2初識HTML和XHTML 24
2.3HTML 24
2.3.1HTML概述25
2.3.2HTML的基本結構25
2.3.3HTML的基本語法26
2.3.4HTML的主要功能26
2.3.5HTML標簽26
2.4XHTML語法 32
2.5初識CSS 33
2.6本章小結 35
2.7課後習題 35
2.7.1課後習題1-創建一個簡單的html網頁 36
2.7.2課後習題1-使用Dreamweaver創建頁面 36
第3章CSS初體驗 38
3.1編寫XHTML文檔 38
3.1.1使用Dreamweaver新建XHTML框架文檔 38
3.1.2手工編寫XHTML文檔 39
3.2使CSS在XHTML文檔中生效 39
3.2.1在標簽中加入CSS樣式 39
3.2.2在標簽中加入樣式 41
3.2.3鏈入外部CSS樣式表 42
3.2.4優先級問題 44
3.3CSS樣式表的規則 46
3.4CSS的注釋 47
3.4.1單行注釋 47
3.4.2整段注釋 47
3.5本章小結 47
3.6課後習題 47
3.6.1課後習題1-創建CSS結構的網站頁面 47
3.6.2課後習題2-創建外部CSS文件 48
第4章掌握CSS基本語法 50
4.1選擇器 50
4.1.1標簽選擇器 50
4.1.2類選擇器 52
4.1.3ID選擇器 53
4.1.4全局選擇器 55
4.1.5組合選擇器 56
4.1.6繼承選擇器 57
4.1.7偽類選擇器 57
4.2聲明 58
4.2.1多重聲明 58
4.2.2集體聲明 58
4.3CSS的層疊原理 59
4.3.1CSS樣式來源 59
4.3.2CSS的繼承 59
4.3.3選擇器的優先級 61
4.3.4important語句 64
4.4CSS的單位 65
4.4.1顏色單位 65
4.4.2長度單位 68
4.5本章小結 70
4.6課後習題 70
4.6.1課後習題1-實現水平菜單條 70
4.6.2課後習題2-通過CSS控制整個頁面 71
第5章Div+CSS布局頁面 72
5.1初識Div+CSS 72
5.1.1布局的流程 72
5.1.2 Div+CSS布局的優勢 73
5.2了解盒模型 74
5.2.1基本盒模型 74
5.2.2邊距 74
5.2.3填充 76
5.2.4邊框 77
5.2.5內容 79
5.3素的布局 79
5.3.1素 80
5.3.2素 80
5.4CSS布局方式——浮動 81
5.4.1素的浮動應用 82
5.4.2素的浮動應用 83
5.4.3清除浮動 85
5.5CSS布局定位 87
5.5.1CSS的定位屬性 87
5.5.2相對定位 88
5.5.3絕對定位 89
5.5.4固定定位 91
5.6控素 92
5.6.1overfl ow93
5.6.2overfl ow-x 95
5.6.3overfl ow-y 96
5.7本章小結 97
5.8課後習題 97
5.8.1課後習題1-制作歌曲專輯列表 98
5.8.2課後習題2-給圖片加入信息 98
第6章CSS排版頁面 100
6.1固定寬度布局 100
6.1.1一列居中布局 100
6.1.2兩列居中布局 103
6.2自適應寬度布局 105
6.2.1一列寬度自適應布局 105
6.2.2兩列布局——左側固定右側自適應 106
6.2.3兩列布局——兩列均自適應布局 107
6.2.4三列布局——兩側固定中間自適應 108
6.3復雜的頁面排版 109
6.3.1復雜的頁面排版——垂直布局 109
6.3.2復雜的頁面排版——水平布局 112
6.4本章小結 114
6.5課後習題 114
6.5.1課後習題1-創建復雜的頁面 114
6.5.2課後習題2-布局圖像展示頁面 115
第7章CSS控制頁面中的文本 116
7.1字體 116
7.2文字大小概述 118
7.2.1設置文字大小 118
7.2.2定義文字的相對大小 119
7.2.3定義文字的絕對大小 120
7.3字體顏色 121
7.4字體粗細 122
7.5斜體 123
7.6下劃線、頂劃線和刪除線 123
7.7屬性的縮寫法 123
7.8段落屬性 125
7.8.1段落的水平對齊方式 125
7.8.2段落的垂直對齊方式 126
7.8.3首行縮進 127
7.8.4行間距與字間距 128
7.8.5文本轉換 129
7.8.6處理空白符 129
7.9文本的高級樣式 131
7.9.1陰影文本 132
7.9.2溢出文本 132
7.9.3控制文本換行 133
7.10本章小結 135
7.11課後習題 135
7.11.1課後習題1-制作文章頁面 135
7.11.2課後習題2-制作多種文本版面 136
第8章CSS控制頁面背景 138
8.1背景控制概述 138
8.1.1背景控制原則 138
8.1.2背景控制屬性 138
8.2背景顏色控制 139
8.2.1控制頁面背景顏色 139
8.2.2設置區塊背景顏色 140
8.3背景圖像控制 141
8.3.1控制頁面背景圖片 142
8.3.2背景圖的重復 143
8.3.3背景圖的位置 144
8.3.4背景圖像的滾動 146
8.4CSS 3.0新增背景屬性 148
8.4.1background-origin 148
8.4.2background-clip 151
8.4.3background-size 153
8.4.4multiple background 156
8.4.5實現動態背景 158
8.5本章小結 160
8.6課後習題 160
8.6.1課後習題1-圖片評論頁面 160
8.6.2課後習題2-創建外部CSS文件 161
第9章CSS控制頁面中的圖片 162
9.1使用CSS控制圖片的樣式 162
9.1.1在網頁中插入圖片 162
9.1.2控制圖片的大小 164
9.1.3為圖像添加邊框 165
9.1.4為圖像增加超鏈接 167
9.2圖片對齊 168
9.2.1水平對齊 168
9.2.2垂直對齊 168
9.3圖文混排 169
9.3.1文本混排 169
9.3.2設置混排間距 170
9.4圖片特殊效果 171
9.4.1圓角圖片 171
9.4.2多色邊框效果 173
9.5本章小結 173
9.6課後習題 173
9.6.1課後習題1-個人信息頁頭部 174
9.6.2課後習題2-個人頁面圖冊 174
第10章CSS控制列表 176
10.1列表控制概述 176
10.2列表的類型 177
10.2.1序列表 177
10.2.2有序列表 179
10.2.3定義列表 180
10.3改變列表符的樣式 181
10.3.1使用自帶的列表符 181
10.3.2用背景圖片改變列表符 184
10.3.3改變列表符的位置 185
10.3.4列表屬性的速寫法 187
10.4使用列表制作實用菜單18