網(wǎng)頁設(shè)計與制作（第2版）

目錄
第1章網(wǎng)頁設(shè)計基礎(chǔ)1
1.1網(wǎng)站建設(shè)基本概念1
1.1.1因特網(wǎng)1
1.1.2萬維網(wǎng)2
1.1.3瀏覽器3
1.1.4網(wǎng)頁和網(wǎng)站4
1.2網(wǎng)頁設(shè)計相關(guān)技術(shù)6
1.2.1網(wǎng)頁設(shè)計相關(guān)組織6
1.2.2Web標(biāo)準7
1.2.3XHTML標(biāo)簽9
1.2.4CSS樣式10
1.2.5JavaScript腳本11
1.2.6圖形圖像處理11
1.3網(wǎng)頁制作工具13
1.3.1HTML網(wǎng)頁編輯器13
1.3.2可視化網(wǎng)頁制作工具14
1.3.3圖形圖像處理工具16
1.4網(wǎng)站開發(fā)流程16
1.5本章小結(jié)17
1.6習(xí)題17
1.6.1填空題17
1.6.2簡答題18第2章Dreamweaver CS6簡介19
2.1初識Dreamweaver CS619
2.1.1認識Dreamweaver CS6的工作界面19
2.1.2工作區(qū)常用功能介紹20
2.1.3Dreamweaver CS6版本介紹23
2.2站點的創(chuàng)建和管理24
2.2.1創(chuàng)建新站點24
2.2.2打開已有站點25
2.2.3導(dǎo)出和導(dǎo)入已有站點25
2.2.4管理已有站點28
2.3本章小結(jié)32
2.4習(xí)題32第3章XHTML基礎(chǔ)34
3.1XHTML的基本結(jié)構(gòu)與語法34
3.1.1XHTML的基本結(jié)構(gòu)34
3.1.2HTML標(biāo)簽37
3.1.3HTML屬性38
3.1.4元數(shù)據(jù)標(biāo)簽38
3.2文字處理40
3.2.1標(biāo)題標(biāo)簽40
3.2.2段落標(biāo)簽41
3.2.3換行標(biāo)簽
42
3.2.4水平線標(biāo)簽43
3.2.5原樣顯示文字標(biāo)簽44 \r\r3.2.6居中對齊標(biāo)簽45 \r\r3.2.7文字格式標(biāo)簽46 \r\r3.2.8字體格式化46 \r\r3.2.9特殊符號的使用49 \r\r3.2.10注釋標(biāo)簽50 \r\r3.2.11文字處理案例50 \r\r3.3列表51 \r\r3.3.1無序列表51 \r\r3.3.2有序列表52 \r\r3.3.3定義性列表54 \r\r3.4多媒體55 \r\r3.4.1圖像標(biāo)簽55 \r\r3.4.2聲音和視頻文件的使用57 \r\r3.4.3滾動對象標(biāo)簽63 \r\r3.5超鏈接65 \r\r3.5.1超鏈接的建立65 \r\r3.5.2超鏈接的運用66 \r\r3.5.3絕對路徑與相對路徑73 \r\r3.6表格74 \r\r3.6.1表格的結(jié)構(gòu)74 \r\r3.6.2表格的分組77 \r\r3.6.3表格的嵌套84 \r\r3.6.4運用表格制作簡單頁面85 \r\r3.7本章小結(jié)86 \r\r3.8習(xí)題87 \r\r3.8.1填空題87 \r\r3.8.2練習(xí)題87第4章表單和框架88 \r\r4.1表單88 \r\r4.1.1表單容器標(biāo)簽88 \r\r4.1.2輸入域標(biāo)簽 90 \r\r4.1.3多行文本輸入框94 \r\r4.1.4下拉列表框95 \r\r4.1.5標(biāo)注標(biāo)簽97 \r\r4.1.6分組標(biāo)簽97 \r\r4.1.7按鈕標(biāo)簽98 \r\r4.1.8制作注冊表單98 \r\r4.2框架102 \r\r4.2.1框架的結(jié)構(gòu)102 \r\r4.2.2框架的應(yīng)用設(shè)置104 \r\r4.3本章小結(jié)111 \r\r4.4習(xí)題111 \r\r4.4.1填空題111 \r\r4.4.2操作題111第5章CSS基本語法112 \r\r5.1CSS概述112 \r\r5.1.1CSS簡介112 \r\r5.1.2CSS的優(yōu)勢113 \r\r5.1.3CSS與瀏覽器的兼容性115 \r\r5.2CSS語法115 \r\r5.2.1CSS語法規(guī)則115 \r\r5.2.2選擇器的類型116 \r\r5.2.3選擇器的綜合運用117 \r\r5.2.4CSS注釋120 \r\r5.3CSS樣式表121 \r\r5.3.1行間樣式表121 \r\r5.3.2內(nèi)部樣式表122 \r\r5.3.3外部樣式表122 \r\r5.3.4導(dǎo)入外部樣式表124 \r\r5.4樣式優(yōu)先權(quán)125 \r\r5.4.1樣式表的優(yōu)先級125 \r\r5.4.2選擇器的優(yōu)先級127 \r\r5.4.3!important語法128 \r\r5.5CSS的繼承129 \r\r5.6本章小結(jié)131 \r\r5.7習(xí)題131 \r\r5.7.1填空題131 \r\r5.7.2簡答題132第6章使用CSS美化網(wǎng)頁元素133 \r\r6.1豐富文字效果133 \r\r6.1.1文字樣式屬性133 \r\r6.1.2排版樣式屬性137 \r\r6.2控制頁面背景141 \r\r6.2.1設(shè)置顏色方法141 \r\r6.2.2設(shè)置背景效果142 \r\r6.3設(shè)置圖片效果145 \r\r6.3.1圖片樣式146 \r\r6.3.2圖片的對齊148 \r\r6.3.3圖文混排149 \r\r6.4美化超鏈接151 \r\r6.4.1動態(tài)超鏈接151 \r\r6.4.2圖片超鏈接152 \r\r6.5美化表格154 \r\r6.5.1邊框的樣式154 \r\r6.5.2外邊距和內(nèi)邊距156 \r\r6.5.3表格的顏色159 \r\r6.6美化列表161 \r\r6.6.1項目列表的相關(guān)屬性161 \r\r6.6.2列表和其他元素的綜合運用163 \r\r6.7美化表單165 \r\r6.8本章小結(jié)167 \r\r6.9習(xí)題167 \r\r6.9.1填空題167 \r\r6.9.2簡答題167 \r\r6.9.3練習(xí)題167第7章CSS布局基礎(chǔ)168 \r\r7.1認識和168 \r\r7.1.1標(biāo)簽168 \r\r7.1.2標(biāo)簽169 \r\r7.1.3div和span對象的區(qū)別171 \r\r7.2盒模型172 \r\r7.2.1盒模型概述172 \r\r7.2.2盒模型與瀏覽器173 \r\r7.3定位與浮動174 \r\r7.3.1元素的定位174 \r\r7.3.2元素的浮動182 \r\r7.3.3清除浮動187 \r\r7.4瀏覽器的兼容性194 \r\r7.4.1CSS Hack194 \r\r7.4.2！important199 \r\r7.5本章小結(jié)200 \r\r7.6習(xí)題200 \r\r7.6.1填空題200 \r\r7.6.2簡答題200第8章DIV+CSS布局201 \r\r8.1CSS的排版理念201 \r\r8.1.1設(shè)計頁面結(jié)構(gòu)201 \r\r8.1.2頁面的排版201 \r\r8.1.3網(wǎng)頁模塊命名規(guī)范202 \r\r8.2單列布局204 \r\r8.3兩列布局208 \r\r8.4三列布局210 \r\r8.5CSS+DIV布局與表格布局的差異214 \r\r8.6網(wǎng)頁布局實戰(zhàn)217 \r\r8.7本章小結(jié)221 \r\r8.8習(xí)題221第9章JavaScript基礎(chǔ)222 \r\r9.1JavaScript概述222 \r\r9.1.1初識JavaScript222 \r\r9.1.2在HTML中使用JavaScript腳本223 \r\r9.1.3JavaScript注釋224 \r\r9.2JavaScript基本語法225 \r\r9.2.1標(biāo)識符和關(guān)鍵字225 \r\r9.2.2數(shù)據(jù)類型226 \r\r9.2.3常量和變量228 \r\r9.2.4運算符和表達式229 \r\r9.2.5流程控制語句231 \r\r9.2.6函數(shù)235 \r\r9.3JavaScript對象239 \r\r9.3.1JavaScript對象概述239 \r\r9.3.2JavaScript內(nèi)置對象240 \r\r9.3.3瀏覽器對象246 \r\r9.4JavaScript事件250 \r\r9.4.1JavaScript事件概述250 \r\r9.4.2JavaScript常用事件250 \r\r9.4.3常用事件處理程序251 \r\r9.5引用頁面元素的方法260 \r\r9.5.1訪問頁面元素的id屬性260 \r\r9.5.2使用name屬性訪問262 \r\r9.5.3使用HTML標(biāo)記訪問263 \r\r9.6本章小結(jié)264 \r\r9.7習(xí)題265 \r\r9.7.1選擇題265 \r\r9.7.2簡答題267第10章JavaScript運用268 \r\r10.1JavaScript對象和事件的綜合運用268 \r\r10.1.1制作級聯(lián)菜單268 \r\r10.1.2制作下拉菜單269 \r\r10.1.3樹形菜單273 \r\r10.1.4浮動的廣告275 \r\r10.1.5跑馬燈效果279 \r\r10.2JavaScript與CSS的綜合運用281 \r\r10.2.1運用CSS濾鏡實現(xiàn)PPT幻燈片281 \r\r10.2.2層的切換284 \r\r10.3jQuery在網(wǎng)頁中的應(yīng)用286 \r\r10.3.1jQuery簡介287 \r\r10.3.2頁面邊欄的浮動窗口288 \r\r10.3.3動態(tài)顯示密碼強弱290 \r\r10.4本章小結(jié)292 \r\r10.5習(xí)題292第11章企業(yè)網(wǎng)站制作實例293 \r\r11.1準備工作293 \r\r11.2布局頁面295 \r\r11.3詳細頁面制作298 \r\r11.3.1header區(qū)域298 \r\r11.3.2menu區(qū)域299 \r\r11.3.3banner區(qū)域301 \r\r11.3.4main區(qū)域302 \r\r11.3.5footer區(qū)域310 \r\r11.4本章小結(jié)310 \r\r11.5習(xí)題310參考文獻312