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

目錄
第1章網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)1
1.1網(wǎng)站建設(shè)基本概念1
1.1.1因特網(wǎng)1
1.1.2萬(wàn)維網(wǎng)2
1.1.3瀏覽器3
1.1.4網(wǎng)頁(yè)和網(wǎng)站4
1.2網(wǎng)頁(yè)設(shè)計(jì)相關(guān)技術(shù)6
1.2.1網(wǎng)頁(yè)設(shè)計(jì)相關(guān)組織6
1.2.2Web標(biāo)準(zhǔn)7
1.2.3XHTML標(biāo)簽9
1.2.4CSS樣式10
1.2.5JavaScript腳本11
1.2.6圖形圖像處理11
1.3網(wǎng)頁(yè)制作工具13
1.3.1HTML網(wǎng)頁(yè)編輯器13
1.3.2可視化網(wǎng)頁(yè)制作工具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簡(jiǎn)答題18第2章Dreamweaver CS6簡(jiǎn)介19
2.1初識(shí)Dreamweaver CS619
2.1.1認(rèn)識(shí)Dreamweaver CS6的工作界面19
2.1.2工作區(qū)常用功能介紹20
2.1.3Dreamweaver CS6版本介紹23
2.2站點(diǎn)的創(chuàng)建和管理24
2.2.1創(chuàng)建新站點(diǎn)24
2.2.2打開已有站點(diǎn)25
2.2.3導(dǎo)出和導(dǎo)入已有站點(diǎn)25
2.2.4管理已有站點(diǎn)28
2.3本章小結(jié)32
2.4習(xí)題32第3章XHTML基礎(chǔ)34
3.1XHTML的基本結(jié)構(gòu)與語(yǔ)法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居中對(duì)齊標(biāo)簽45 \r\r3.2.7文字格式標(biāo)簽46 \r\r3.2.8字體格式化46 \r\r3.2.9特殊符號(hào)的使用49 \r\r3.2.10注釋標(biāo)簽50 \r\r3.2.11文字處理案例50 \r\r3.3列表51 \r\r3.3.1無(wú)序列表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滾動(dòng)對(duì)象標(biāo)簽63 \r\r3.5超鏈接65 \r\r3.5.1超鏈接的建立65 \r\r3.5.2超鏈接的運(yùn)用66 \r\r3.5.3絕對(duì)路徑與相對(duì)路徑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運(yùn)用表格制作簡(jiǎn)單頁(yè)面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制作注冊(cè)表單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基本語(yǔ)法112 \r\r5.1CSS概述112 \r\r5.1.1CSS簡(jiǎn)介112 \r\r5.1.2CSS的優(yōu)勢(shì)113 \r\r5.1.3CSS與瀏覽器的兼容性115 \r\r5.2CSS語(yǔ)法115 \r\r5.2.1CSS語(yǔ)法規(guī)則115 \r\r5.2.2選擇器的類型116 \r\r5.2.3選擇器的綜合運(yùn)用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)先級(jí)125 \r\r5.4.2選擇器的優(yōu)先級(jí)127 \r\r5.4.3!important語(yǔ)法128 \r\r5.5CSS的繼承129 \r\r5.6本章小結(jié)131 \r\r5.7習(xí)題131 \r\r5.7.1填空題131 \r\r5.7.2簡(jiǎn)答題132第6章使用CSS美化網(wǎng)頁(yè)元素133 \r\r6.1豐富文字效果133 \r\r6.1.1文字樣式屬性133 \r\r6.1.2排版樣式屬性137 \r\r6.2控制頁(yè)面背景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圖片的對(duì)齊148 \r\r6.3.3圖文混排149 \r\r6.4美化超鏈接151 \r\r6.4.1動(dòng)態(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項(xiàng)目列表的相關(guān)屬性161 \r\r6.6.2列表和其他元素的綜合運(yùn)用163 \r\r6.7美化表單165 \r\r6.8本章小結(jié)167 \r\r6.9習(xí)題167 \r\r6.9.1填空題167 \r\r6.9.2簡(jiǎn)答題167 \r\r6.9.3練習(xí)題167第7章CSS布局基礎(chǔ)168 \r\r7.1認(rèn)識(shí)和168 \r\r7.1.1標(biāo)簽168 \r\r7.1.2標(biāo)簽169 \r\r7.1.3div和span對(duì)象的區(qū)別171 \r\r7.2盒模型172 \r\r7.2.1盒模型概述172 \r\r7.2.2盒模型與瀏覽器173 \r\r7.3定位與浮動(dòng)174 \r\r7.3.1元素的定位174 \r\r7.3.2元素的浮動(dòng)182 \r\r7.3.3清除浮動(dòng)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簡(jiǎn)答題200第8章DIV+CSS布局201 \r\r8.1CSS的排版理念201 \r\r8.1.1設(shè)計(jì)頁(yè)面結(jié)構(gòu)201 \r\r8.1.2頁(yè)面的排版201 \r\r8.1.3網(wǎng)頁(yè)模塊命名規(guī)范202 \r\r8.2單列布局204 \r\r8.3兩列布局208 \r\r8.4三列布局210 \r\r8.5CSS+DIV布局與表格布局的差異214 \r\r8.6網(wǎng)頁(yè)布局實(shí)戰(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初識(shí)JavaScript222 \r\r9.1.2在HTML中使用JavaScript腳本223 \r\r9.1.3JavaScript注釋224 \r\r9.2JavaScript基本語(yǔ)法225 \r\r9.2.1標(biāo)識(shí)符和關(guān)鍵字225 \r\r9.2.2數(shù)據(jù)類型226 \r\r9.2.3常量和變量228 \r\r9.2.4運(yùn)算符和表達(dá)式229 \r\r9.2.5流程控制語(yǔ)句231 \r\r9.2.6函數(shù)235 \r\r9.3JavaScript對(duì)象239 \r\r9.3.1JavaScript對(duì)象概述239 \r\r9.3.2JavaScript內(nèi)置對(duì)象240 \r\r9.3.3瀏覽器對(duì)象246 \r\r9.4JavaScript事件250 \r\r9.4.1JavaScript事件概述250 \r\r9.4.2JavaScript常用事件250 \r\r9.4.3常用事件處理程序251 \r\r9.5引用頁(yè)面元素的方法260 \r\r9.5.1訪問頁(yè)面元素的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簡(jiǎn)答題267第10章JavaScript運(yùn)用268 \r\r10.1JavaScript對(duì)象和事件的綜合運(yùn)用268 \r\r10.1.1制作級(jí)聯(lián)菜單268 \r\r10.1.2制作下拉菜單269 \r\r10.1.3樹形菜單273 \r\r10.1.4浮動(dòng)的廣告275 \r\r10.1.5跑馬燈效果279 \r\r10.2JavaScript與CSS的綜合運(yùn)用281 \r\r10.2.1運(yùn)用CSS濾鏡實(shí)現(xiàn)PPT幻燈片281 \r\r10.2.2層的切換284 \r\r10.3jQuery在網(wǎng)頁(yè)中的應(yīng)用286 \r\r10.3.1jQuery簡(jiǎn)介287 \r\r10.3.2頁(yè)面邊欄的浮動(dòng)窗口288 \r\r10.3.3動(dòng)態(tài)顯示密碼強(qiáng)弱290 \r\r10.4本章小結(jié)292 \r\r10.5習(xí)題292第11章企業(yè)網(wǎng)站制作實(shí)例293 \r\r11.1準(zhǔn)備工作293 \r\r11.2布局頁(yè)面295 \r\r11.3詳細(xì)頁(yè)面制作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參考文獻(xiàn)312