電(diàn)子(zǐ)商務網頁設計(jì)與制(÷®zhì)作(zuò)(雙色)
ISBN:978-7-83002-888-6
作(zuò) 者:王淏,韓淑粉,李娟
定 價:59.80 元
出版社:哈爾濱工(gōng)程大(dà)學出版社
使用(yòng)層次:通(tōng)用(yòng)
出版/修訂日(rì)期:2024-07-01
圖書(shū)簡介
TOP +
↔ ✔≥本書(shū)是(shì)一(yī)本全面♥↑±介紹電(diàn)子(zǐ)商務網頁設計(jì)與制(z♥δ←↑hì)作(zuò)知(zhī)識與技(jì)能(néng)的(↔©∑de)教材。全書(shū)共分(fēn)為(wèi)9章(zhāng),主α≈要(yào)內(nèi)容包括電(diàn)子(zǐ)商™™₩務網站(zhàn)基礎、網頁設計(jì)與γ ₽φ制(zhì)作(zuò)基礎、網頁界面設計(jì)、使 >•用(yòng)Dreamweaver創建站(zhàn)♠✘點、使用(yòng)HTML構建網頁、使用(yòng)CSS布局和(hé)美(měi)化♦×♠(huà)網頁、使用(yòng)JavaScript開(kāi)發↔™用(yòng)戶端動态腳本及使用(yòng)表單與用(yòng£₽)戶交互,此外(wài),還(hái)提供了(le)一(yī) ₹$©個(gè)電(diàn)子(zǐ)商務網頁設計(jì)與制(zhì)作(zuò)的(ε₩♦de)綜合實例“心居商城(chéng)”家(jiā)居電(d★€ iàn)商平台從(cóng)網頁設計(jì)到(dào)制(→÷"zhì)作(zuò)的(de)全流程實踐指導。
本書(shū)注重理(l←₽÷ǐ)論與實踐的(de)結合,通(tōng)過豐富的(de)案例分(fēn×δ)析和(hé)實際操作(zuò),引導學↑λ₹©生(shēng)深入理(lǐ)解和(hé)掌握所學知(zhī)識。全書(λ> shū)結構清晰,內(nèi)容由淺入深,©☆£¥還(hái)配有(yǒu)相(xiàng)應的(de)練習(xí)題,旨在幫助讀(dú)者全而'δ提升網頁設計(jì)與制(zhì)作(zuò)能(néng)力。
本書•λ(shū)可(kě)作(zuò)為(wèi)應用(yòng)型本科(kē)、職業(yè↑ '$)院校(xiào)電(diàn)子(zǐ)商務專業(yè)的(de)教材使用₹♦®♣(yòng),也(yě)可(kě)作(zuò)±φ±φ為(wèi)電(diàn)子(zǐ)商務從(cóng)業(yè)者提升網頁設計(jì)與制(z≈≤≈hì)作(zuò)技(jì)能(néng)的£±(de)參考資料,還(hái)可(kě)作(zuò)為(wèi)網頁設計(jì)¶工(gōng)作(zuò)室及中小(xiǎo)企業(yè)的(de)內($λnèi)部培訓用(yòng)書(shū)。
本書(shū)注重理(l←₽÷ǐ)論與實踐的(de)結合,通(tōng)過豐富的(de)案例分(fēn×δ)析和(hé)實際操作(zuò),引導學↑λ₹©生(shēng)深入理(lǐ)解和(hé)掌握所學知(zhī)識。全書(λ> shū)結構清晰,內(nèi)容由淺入深,©☆£¥還(hái)配有(yǒu)相(xiàng)應的(de)練習(xí)題,旨在幫助讀(dú)者全而'δ提升網頁設計(jì)與制(zhì)作(zuò)能(néng)力。
本書•λ(shū)可(kě)作(zuò)為(wèi)應用(yòng)型本科(kē)、職業(yè↑ '$)院校(xiào)電(diàn)子(zǐ)商務專業(yè)的(de)教材使用₹♦®♣(yòng),也(yě)可(kě)作(zuò)±φ±φ為(wèi)電(diàn)子(zǐ)商務從(cóng)業(yè)者提升網頁設計(jì)與制(z≈≤≈hì)作(zuò)技(jì)能(néng)的£±(de)參考資料,還(hái)可(kě)作(zuò)為(wèi)網頁設計(jì)¶工(gōng)作(zuò)室及中小(xiǎo)企業(yè)的(de)內($λnèi)部培訓用(yòng)書(shū)。
圖書(shū)目錄
TOP +
第1章(zhāng) 電(diàn)₽♣β☆子(zǐ)商務網站(zhàn)基礎
1.1 電(diàn)子(zǐ)商務概述 ↓☆£ 2
1.1.1 電(diàn)子(zǐ)商務的(de₩)概念 2
1.1.2 電(diàn)子(✔♠β zǐ)商務的(de)框架結構 2
1.1.3 電(diàn)子(zǐ)商務的(de)特點&nbsσ&¥↕p; 3
1.2 電(diàn)子(zǐ)商務網站(zhàn)概述 ∞4
1.2.1 電(diàn)子(zǐ)商務網站(zhàn)的(deπ∏ >)概念 4
1.2.2 電(diàn)子(zǐ)商務網站(zhàn)的(de)功能(né ↓&≥ng) 5
1.2.3 電(diàn)子(zǐ)商務網站(zhàn)的(de)±<≠ 構成 8
1.2.4 電(diàn)子(zǐ)商務網↑♥ 站(zhàn)的(de)特點 9
1.2.5 電(diàn)子(zǐ)商務網站(zhàn)的(de)分(fēn$¥γ÷)類 10
1.2.6 電(diàn)子(zǐ)商務網站(zhàn)的(de)評價指™↔标 11
1.3 電(diàn)子(zǐ)商務網站(zhàn)♣¥®建設 12
1.3.1 項目規劃與需求分(fēn)析 12'δ ♦
1.3.2 技(jì)術(shù)選型與平台搭建 14
1.3.3 網站(zhàn)設計(jì)與前端開₹™(kāi)發 15
1.3.4 後端開(kāi)發與數(shù)據庫構建 δ®&♣16
1.3.5 支付系統與物(wù)流集成 "Ω; 17
1.3.6 網站(zhàn)性能(néng)測試與優化(huà)&£∑nbsp; 17
1.3.7 網站(zhàn)上(¥≥shàng)線部署與推廣 18
課後練習(xí) 20
第2章(zhāng) 網頁設計(jì)與制(zhì)作(zuò)<∑基礎
2.1 網頁基礎 22
2.1.1 網頁的(de)概念 22
2.1.2 網頁的(de)結構&nbs←"≤p; 22
2.1.3 網頁的(de)構成元素&n±♦bsp; 23
2.1.4 靜(jìng)态網頁和(hé)動态網頁 25
2.2 網頁設計(jì)基礎 26
2.2.1 網頁設計(jì)的(de)基本原則&nbs §♠→p; 26
2.2.2 網頁設計(jì)工(gōng)具 ™λ27
2.3 網頁制(zhì)作(zuò)基礎 3™♠1
2.3.1 網頁制(zhì)作(zuò)的(de)基αΩ☆本原則 31
2.3.2 網頁制(zhì)作(zuò)技(jλα±ì)術(shù) 32
2.4 網頁設計(jì)與制(zhì)作(zuò)流程 ★β 35
2.4.1 需求分(fēn)析階段 ♥✘→α35
2.4.2 原型設計(jì)階段 35
2.4.3 視(shì)覺設計(jì)階段 36
2.4.4 頁面設計(jì)階段 3±'₽<6
2.4.5 前端開(kāi)發階段 36
2.4.6 測試與發布階段 38
2.4.7 維護與更新階段 38
課後練習(xí) 39
第3章(zhāng) 網頁界面設計(jì)
3.1 原型設計(jì) 41
3.1.1 需求理(lǐ)解與場(chǎng)景分(∏§☆γfēn)析 41
3.1.2 功能(néng)清單創建與核心功能(néng)識别&nb✔✘π☆sp; 41
3.1.3 原型設計(jì)與創建 42
3.1.4 原型測試與叠代改進&n✘ ✘>bsp; 44
3.2 視(shì)覺設計(jì) 47
3.2.1 色彩運用(yòng)&n₩¶bsp; 47
3.2.2 圖像選擇 ♥φ± 51
3.2.3 字體(tǐ)設計(jì) εα'; 53
3.2.4 版式布局 54
3.2.5 動效設計(jì) 55
3.3 頁面設計(jì) 57
3.3.1 頁面類型及設計(jì)要(yào)β¥¥點 57
3.3.2 頁面交互設計(jì) 60
課後練習(xí) 61
第4章(zhāng) 使用(yòng)Dreamweaver創建站(zhà±≠n)點
4.1 Dreamweaver基礎 63
4.1.1 Dreamweaver的(de)發展曆≈ φ程 63
4.1.2 Dreamweaver的(de)工(gōng)作(zuò)界面&nΩ☆bsp; 64
4.1.3 Dreamweaver的(de)基∞σ本操作(zuò) 67
4.2 站(zhàn)點設置 68
4.2.1 Dreamweaver站(zhàn)點概述&nbs×λ↔p; 68
4.2.2 創建本地(dì)站(zhàn)點 69
4.2.3 管理(lǐ)本地(dì)站(zhàn)點 71
4.3 文(wén)件(jiàn)•₹¶↑處理(lǐ) 76
4.3.1 文(wén)件(ji£×àn)保存位置 76
4.3.2 文(wén)件(jiàn)和(×hé)文(wén)件(jiàn)夾命名規則 76
4.3.3 文(wén)件(jiàn)類型 77
4.3.4 文(wén)件(jiàn)目錄結構&nbs∑Ω$p; 77
4.3.5 文(wén)件(jiàn)路(lù)徑設置的(de)通✘★♦(tōng)用(yòng)規則 78
4.3.6 Dreamweaver的(de)文(wén)件(jiàn)α×ε≥操作(zuò) 78
4.4 連接到(dào)遠(yuǎn)程服務器(qì) 83♥ ♥
4.4.1 遠(yuǎn)程服務器(qì™±±)的(de)概念 83
4.4.2 遠(yuǎn)程服務器(qì)的(de)連接方法 84
課後練習(xí) 86
第5章(zhāng) 使用(yòng)HTML構建網頁
5.1 HTML概述 89
5.1.1 HTML的(de)概念  ±; 89
5.1.2 HTML的(de)發展曆程 89
5.2 HTML的(de)元素 90
5.2.1 元素的(de)結構 90
5.2.2 元素的(de)嵌套 90
5.2.3 元素的(de)類型&↕γnbsp; 90
5.2.4 元素的(de)內(nèi)容類别 92
5.2.5 元素的(de)屬性 93
5.3 處理(lǐ)文(wén)本 96
5.3.1 定義段落 96
5.3.2 定義标題 96
5.3.3 梳理(lǐ)文(wén)本∑€層次 97
5.3.4 使用(yòng)列表&nb≈ ×sp; 99
5.4 創建超鏈接 102
5.4.1 創建基本鏈接 102
5.4.2 創建塊級鏈接 103
5.4.3 創建圖片鏈接 10 ∑©3
5.4.4 創建文(wén)檔片段鏈接 104
5.4.5 添加提示信息 1"•α05
5.5 嵌入多(duō)媒體(tǐ) 106
5.5.1 插入圖片 1®∏ 06
5.5.2 插入音(yīn)頻(pín) 110
5.5.3 插入視(shì)頻(pín) ✘€↑ 111
5.5.4 插入交互式內(nèi)容 €' 113
5.6 構建表格 115
5.6.1 創建表格 115
5.6.2 定義表格屬性 116
5.7 搭建網頁結構 119
5.7.1 定義網頁結構的(de)元素 119
5.7.2 構建網頁頁面的(de)語法 119
課後練習(xí) 123
第6章(zhāng) 使用(yòng)CSS布局和(hé)美(měi)化∏≤¶•(huà)網頁
6.1 CSS概述 125
6.1.1 CSS的(de)概念 12¥&λ5
6.1.2 CSS的(de)發展曆程&nbsλ¥ πp; 125
6.1.3 CSS的(de)功能(néng) 126
6.1.4 CSS的(de)工(gōng)作(zuò)原理(lǐ) γ©127
6.2 CSS語法基礎 128
6.2.1 CSS的(de)語法結構®€♣ 128
6.2.2 選擇器(qì)類型及優先級 131
6.2.3 樣式聲明(míng)與繼承 134
6.3 CSS布局 135
6.3.1 CSS布局基礎 §↑↕✘ 135
6.3.2 盒子(zǐ)模型 137
6.3.3 CSS布局技(jì)術(shù)&n<∏bsp; 143
6.3.4 響應式設計(jì) 150
6.4 CSS樣式設計(jì) φ∑' 152
6.4.1 背景樣式設計(jì) 1"♦π52
6.4.2 邊框樣式設計(jì) 154
6.4.3 字體(tǐ)樣式設♣✔計(jì) 156
6.4.4 文(wén)本樣式設→©¶計(jì) 158
6.4.5 多(duō)媒體(tǐ)樣式設計(jì) 164
課後練習(xí) 170
第7章(zhāng) 使用(yòng)JavaσΩ©Script開(kāi)發用(yòng)戶端動态腳本
7.1 JavaScript概述 172
7.1.1 JavaScript的(de)概念 172
7.1.2 JavaScript的(de)發展曆程 173
7.1.3 JavaScript的(φ≤de)組成 173
7.1.4 JavaScript的(de)引用(yòφ↑✘™ng) 174
7.2 JavaScript語法基礎 175
7.2.1 基本語法規則 175
7.2.2 數(shù)據類型 17♦→7
7.2.3 變量和(hé)常量 178
7.2.4 運算(suàn)符 179
7.2.5 函數(shù) 180
7.2.6 數(shù)組 182
7.2.7 流程控制(zhì)語句 ♦£ 184
7.3 JavaScript的(de)DOM操作(zuò¥☆≤ ) 187
7.3.1 DOM的(de)結構 187
7.3.2 DOM操作(zuò∏ ) 188
7.4 JavaScript的(de)事(s ↓βhì)件(jiàn)和(hé)事(shì)件(jiàn)處理(≠αlǐ) 190
7.4.1 事(shì)件(jiàn)類型 190
7.4.2 事(shì)件(jiàn)流與事(shì)件(jiàn)傳播£÷機(jī)制(zhì) 192
7.4.3 事(shì)件(jiàn)源與事(shì)件(ji≠<±àn)目标 194
7.4.4 事(shì)件(jiàn)處理(lǐ)程序 19 φα4
7.4.5 事(shì)件(jiàn)委托 196
7.5 JavaScript的(de>★↑•)對(duì)象和(hé)繼承 19↑¥7
7.5.1 JavaScript的(de)對γπ≤ (duì)象基礎 197
7.5.2 原型鏈與繼承機(jī)制(zhì) 198
7.6 JavaScript的(de)異步編程 ≠←© ; 200
7.6.1 異步編程概述 200
7.6.2 XMLHttpRequest與Fetch API 20×✔↕ε2
7.6.3 事(shì)件(jiàn)循環與異步I/O模型&nπσbsp; 204
7.7 用(yòng)戶界面交互設計(j∏★ì) 204
7.7.1 拖曳功能(néng)實現(xiàn) 205
7.7.2 彈窗(chuāng)設計(jì) 206
7.7.3 通(tōng)知(zhī)設計(jì) 208★<♦
7.8 使用(yòng)jQuery框架 209
7.8.1 引入jQuery庫的(de)語法 209
7.8.2 jQuery的(de)選擇器(qì) 210
7.8.3 jQuery對(duì)DOM元素的(de)操作(zuò)方法&$♠↕nbsp; 210
7.8.4 jQuery中的(de)事(shì)≥•件(jiàn)綁定與觸發機(jī)制(zhì) 210
7.8.5 jQuery簡化(huà)事(shì)件(jiàn)處理(lǐ)程序的(☆•↑de)方法 211
課後練習(xí) 211
第8章(zhāng) 使用(yòng)表單與用(yòng™∑)戶交互
8.1 表單基礎構建 214
8.1.1 創建表單 214
8.1.2 構造表單 214
8.1.3 表單的(de)組成部件(ji↔÷ φàn) 215
8.2 表單樣式設計(jì)與交✔Ω™∞互設計(jì) 217
8.2.1 基于CSS美(měi)化(huà)表單外(wài)觀 217
8.2.2 實現(xiàn)響應↓♦$δ式表單設計(jì) 220
8.2.3 觸發器(qì)與交互效果 ←¶; 222
8.3 表單數(shù)據操作(zuò) 224
8.3.1 表單數(shù)據驗證與錯(cuò)誤處理(lσγǐ) 225
8.3.2 表單數(shù)據的(de)提交與±Ω處理(lǐ) 227
8.3.3 表單數(shù)據安全防護&nb←Ωsp; 229
課後練習(xí) 230
第9章(zhāng) 網頁設計(jì)與制(zhì)作(zuò)綜合實例——“♠π心居商城(chéng)”家(jiā)居電(diàσφn)商平台
9.1 項目需求分(fēn)析與規劃β→ 233
9.1.1 市(shì)場(chǎng)定位與用(yòng)戶畫(huà)像分(↑©fēn)析 233
9.1.2 功能(néng)模塊需求梳理(lǐ) 234
9.2 網頁設計(jì)階段&nφbsp; 235
9.2.1 網站(zhàn)內(nèi)容與頁面規劃 <₹ 235
9.2.2 低(dī)保真原型創建 236
9.2.3 響應式設計(jì)規劃 236
9.2.4 視(shì)覺設計(jì)&n÷$ bsp; 237
9.2.5 交互設計(jì) 238
9.2.6 高(gāo)保真原型創建 ♦≥; 238
9.3 網頁制(zhì)作(zuò)階段π≈Ω 239
9.3.1 創建項目結構 239
9.3.2 網頁代碼實現(xiàn) 240
課後練習(xí) 261
參考答(dá)案 262
參考文(wén)獻 264
1.1 電(diàn)子(zǐ)商務概述 ↓☆£ 2
1.1.1 電(diàn)子(zǐ)商務的(de₩)概念 2
1.1.2 電(diàn)子(✔♠β zǐ)商務的(de)框架結構 2
1.1.3 電(diàn)子(zǐ)商務的(de)特點&nbsσ&¥↕p; 3
1.2 電(diàn)子(zǐ)商務網站(zhàn)概述 ∞4
1.2.1 電(diàn)子(zǐ)商務網站(zhàn)的(deπ∏ >)概念 4
1.2.2 電(diàn)子(zǐ)商務網站(zhàn)的(de)功能(né ↓&≥ng) 5
1.2.3 電(diàn)子(zǐ)商務網站(zhàn)的(de)±<≠ 構成 8
1.2.4 電(diàn)子(zǐ)商務網↑♥ 站(zhàn)的(de)特點 9
1.2.5 電(diàn)子(zǐ)商務網站(zhàn)的(de)分(fēn$¥γ÷)類 10
1.2.6 電(diàn)子(zǐ)商務網站(zhàn)的(de)評價指™↔标 11
1.3 電(diàn)子(zǐ)商務網站(zhàn)♣¥®建設 12
1.3.1 項目規劃與需求分(fēn)析 12'δ ♦
1.3.2 技(jì)術(shù)選型與平台搭建 14
1.3.3 網站(zhàn)設計(jì)與前端開₹™(kāi)發 15
1.3.4 後端開(kāi)發與數(shù)據庫構建 δ®&♣16
1.3.5 支付系統與物(wù)流集成 "Ω; 17
1.3.6 網站(zhàn)性能(néng)測試與優化(huà)&£∑nbsp; 17
1.3.7 網站(zhàn)上(¥≥shàng)線部署與推廣 18
課後練習(xí) 20
第2章(zhāng) 網頁設計(jì)與制(zhì)作(zuò)<∑基礎
2.1 網頁基礎 22
2.1.1 網頁的(de)概念 22
2.1.2 網頁的(de)結構&nbs←"≤p; 22
2.1.3 網頁的(de)構成元素&n±♦bsp; 23
2.1.4 靜(jìng)态網頁和(hé)動态網頁 25
2.2 網頁設計(jì)基礎 26
2.2.1 網頁設計(jì)的(de)基本原則&nbs §♠→p; 26
2.2.2 網頁設計(jì)工(gōng)具 ™λ27
2.3 網頁制(zhì)作(zuò)基礎 3™♠1
2.3.1 網頁制(zhì)作(zuò)的(de)基αΩ☆本原則 31
2.3.2 網頁制(zhì)作(zuò)技(jλα±ì)術(shù) 32
2.4 網頁設計(jì)與制(zhì)作(zuò)流程 ★β 35
2.4.1 需求分(fēn)析階段 ♥✘→α35
2.4.2 原型設計(jì)階段 35
2.4.3 視(shì)覺設計(jì)階段 36
2.4.4 頁面設計(jì)階段 3±'₽<6
2.4.5 前端開(kāi)發階段 36
2.4.6 測試與發布階段 38
2.4.7 維護與更新階段 38
課後練習(xí) 39
第3章(zhāng) 網頁界面設計(jì)
3.1 原型設計(jì) 41
3.1.1 需求理(lǐ)解與場(chǎng)景分(∏§☆γfēn)析 41
3.1.2 功能(néng)清單創建與核心功能(néng)識别&nb✔✘π☆sp; 41
3.1.3 原型設計(jì)與創建 42
3.1.4 原型測試與叠代改進&n✘ ✘>bsp; 44
3.2 視(shì)覺設計(jì) 47
3.2.1 色彩運用(yòng)&n₩¶bsp; 47
3.2.2 圖像選擇 ♥φ± 51
3.2.3 字體(tǐ)設計(jì) εα'; 53
3.2.4 版式布局 54
3.2.5 動效設計(jì) 55
3.3 頁面設計(jì) 57
3.3.1 頁面類型及設計(jì)要(yào)β¥¥點 57
3.3.2 頁面交互設計(jì) 60
課後練習(xí) 61
第4章(zhāng) 使用(yòng)Dreamweaver創建站(zhà±≠n)點
4.1 Dreamweaver基礎 63
4.1.1 Dreamweaver的(de)發展曆≈ φ程 63
4.1.2 Dreamweaver的(de)工(gōng)作(zuò)界面&nΩ☆bsp; 64
4.1.3 Dreamweaver的(de)基∞σ本操作(zuò) 67
4.2 站(zhàn)點設置 68
4.2.1 Dreamweaver站(zhàn)點概述&nbs×λ↔p; 68
4.2.2 創建本地(dì)站(zhàn)點 69
4.2.3 管理(lǐ)本地(dì)站(zhàn)點 71
4.3 文(wén)件(jiàn)•₹¶↑處理(lǐ) 76
4.3.1 文(wén)件(ji£×àn)保存位置 76
4.3.2 文(wén)件(jiàn)和(×hé)文(wén)件(jiàn)夾命名規則 76
4.3.3 文(wén)件(jiàn)類型 77
4.3.4 文(wén)件(jiàn)目錄結構&nbs∑Ω$p; 77
4.3.5 文(wén)件(jiàn)路(lù)徑設置的(de)通✘★♦(tōng)用(yòng)規則 78
4.3.6 Dreamweaver的(de)文(wén)件(jiàn)α×ε≥操作(zuò) 78
4.4 連接到(dào)遠(yuǎn)程服務器(qì) 83♥ ♥
4.4.1 遠(yuǎn)程服務器(qì™±±)的(de)概念 83
4.4.2 遠(yuǎn)程服務器(qì)的(de)連接方法 84
課後練習(xí) 86
第5章(zhāng) 使用(yòng)HTML構建網頁
5.1 HTML概述 89
5.1.1 HTML的(de)概念  ±; 89
5.1.2 HTML的(de)發展曆程 89
5.2 HTML的(de)元素 90
5.2.1 元素的(de)結構 90
5.2.2 元素的(de)嵌套 90
5.2.3 元素的(de)類型&↕γnbsp; 90
5.2.4 元素的(de)內(nèi)容類别 92
5.2.5 元素的(de)屬性 93
5.3 處理(lǐ)文(wén)本 96
5.3.1 定義段落 96
5.3.2 定義标題 96
5.3.3 梳理(lǐ)文(wén)本∑€層次 97
5.3.4 使用(yòng)列表&nb≈ ×sp; 99
5.4 創建超鏈接 102
5.4.1 創建基本鏈接 102
5.4.2 創建塊級鏈接 103
5.4.3 創建圖片鏈接 10 ∑©3
5.4.4 創建文(wén)檔片段鏈接 104
5.4.5 添加提示信息 1"•α05
5.5 嵌入多(duō)媒體(tǐ) 106
5.5.1 插入圖片 1®∏ 06
5.5.2 插入音(yīn)頻(pín) 110
5.5.3 插入視(shì)頻(pín) ✘€↑ 111
5.5.4 插入交互式內(nèi)容 €' 113
5.6 構建表格 115
5.6.1 創建表格 115
5.6.2 定義表格屬性 116
5.7 搭建網頁結構 119
5.7.1 定義網頁結構的(de)元素 119
5.7.2 構建網頁頁面的(de)語法 119
課後練習(xí) 123
第6章(zhāng) 使用(yòng)CSS布局和(hé)美(měi)化∏≤¶•(huà)網頁
6.1 CSS概述 125
6.1.1 CSS的(de)概念 12¥&λ5
6.1.2 CSS的(de)發展曆程&nbsλ¥ πp; 125
6.1.3 CSS的(de)功能(néng) 126
6.1.4 CSS的(de)工(gōng)作(zuò)原理(lǐ) γ©127
6.2 CSS語法基礎 128
6.2.1 CSS的(de)語法結構®€♣ 128
6.2.2 選擇器(qì)類型及優先級 131
6.2.3 樣式聲明(míng)與繼承 134
6.3 CSS布局 135
6.3.1 CSS布局基礎 §↑↕✘ 135
6.3.2 盒子(zǐ)模型 137
6.3.3 CSS布局技(jì)術(shù)&n<∏bsp; 143
6.3.4 響應式設計(jì) 150
6.4 CSS樣式設計(jì) φ∑' 152
6.4.1 背景樣式設計(jì) 1"♦π52
6.4.2 邊框樣式設計(jì) 154
6.4.3 字體(tǐ)樣式設♣✔計(jì) 156
6.4.4 文(wén)本樣式設→©¶計(jì) 158
6.4.5 多(duō)媒體(tǐ)樣式設計(jì) 164
課後練習(xí) 170
第7章(zhāng) 使用(yòng)JavaσΩ©Script開(kāi)發用(yòng)戶端動态腳本
7.1 JavaScript概述 172
7.1.1 JavaScript的(de)概念 172
7.1.2 JavaScript的(de)發展曆程 173
7.1.3 JavaScript的(φ≤de)組成 173
7.1.4 JavaScript的(de)引用(yòφ↑✘™ng) 174
7.2 JavaScript語法基礎 175
7.2.1 基本語法規則 175
7.2.2 數(shù)據類型 17♦→7
7.2.3 變量和(hé)常量 178
7.2.4 運算(suàn)符 179
7.2.5 函數(shù) 180
7.2.6 數(shù)組 182
7.2.7 流程控制(zhì)語句 ♦£ 184
7.3 JavaScript的(de)DOM操作(zuò¥☆≤ ) 187
7.3.1 DOM的(de)結構 187
7.3.2 DOM操作(zuò∏ ) 188
7.4 JavaScript的(de)事(s ↓βhì)件(jiàn)和(hé)事(shì)件(jiàn)處理(≠αlǐ) 190
7.4.1 事(shì)件(jiàn)類型 190
7.4.2 事(shì)件(jiàn)流與事(shì)件(jiàn)傳播£÷機(jī)制(zhì) 192
7.4.3 事(shì)件(jiàn)源與事(shì)件(ji≠<±àn)目标 194
7.4.4 事(shì)件(jiàn)處理(lǐ)程序 19 φα4
7.4.5 事(shì)件(jiàn)委托 196
7.5 JavaScript的(de>★↑•)對(duì)象和(hé)繼承 19↑¥7
7.5.1 JavaScript的(de)對γπ≤ (duì)象基礎 197
7.5.2 原型鏈與繼承機(jī)制(zhì) 198
7.6 JavaScript的(de)異步編程 ≠←© ; 200
7.6.1 異步編程概述 200
7.6.2 XMLHttpRequest與Fetch API 20×✔↕ε2
7.6.3 事(shì)件(jiàn)循環與異步I/O模型&nπσbsp; 204
7.7 用(yòng)戶界面交互設計(j∏★ì) 204
7.7.1 拖曳功能(néng)實現(xiàn) 205
7.7.2 彈窗(chuāng)設計(jì) 206
7.7.3 通(tōng)知(zhī)設計(jì) 208★<♦
7.8 使用(yòng)jQuery框架 209
7.8.1 引入jQuery庫的(de)語法 209
7.8.2 jQuery的(de)選擇器(qì) 210
7.8.3 jQuery對(duì)DOM元素的(de)操作(zuò)方法&$♠↕nbsp; 210
7.8.4 jQuery中的(de)事(shì)≥•件(jiàn)綁定與觸發機(jī)制(zhì) 210
7.8.5 jQuery簡化(huà)事(shì)件(jiàn)處理(lǐ)程序的(☆•↑de)方法 211
課後練習(xí) 211
第8章(zhāng) 使用(yòng)表單與用(yòng™∑)戶交互
8.1 表單基礎構建 214
8.1.1 創建表單 214
8.1.2 構造表單 214
8.1.3 表單的(de)組成部件(ji↔÷ φàn) 215
8.2 表單樣式設計(jì)與交✔Ω™∞互設計(jì) 217
8.2.1 基于CSS美(měi)化(huà)表單外(wài)觀 217
8.2.2 實現(xiàn)響應↓♦$δ式表單設計(jì) 220
8.2.3 觸發器(qì)與交互效果 ←¶; 222
8.3 表單數(shù)據操作(zuò) 224
8.3.1 表單數(shù)據驗證與錯(cuò)誤處理(lσγǐ) 225
8.3.2 表單數(shù)據的(de)提交與±Ω處理(lǐ) 227
8.3.3 表單數(shù)據安全防護&nb←Ωsp; 229
課後練習(xí) 230
第9章(zhāng) 網頁設計(jì)與制(zhì)作(zuò)綜合實例——“♠π心居商城(chéng)”家(jiā)居電(diàσφn)商平台
9.1 項目需求分(fēn)析與規劃β→ 233
9.1.1 市(shì)場(chǎng)定位與用(yòng)戶畫(huà)像分(↑©fēn)析 233
9.1.2 功能(néng)模塊需求梳理(lǐ) 234
9.2 網頁設計(jì)階段&nφbsp; 235
9.2.1 網站(zhàn)內(nèi)容與頁面規劃 <₹ 235
9.2.2 低(dī)保真原型創建 236
9.2.3 響應式設計(jì)規劃 236
9.2.4 視(shì)覺設計(jì)&n÷$ bsp; 237
9.2.5 交互設計(jì) 238
9.2.6 高(gāo)保真原型創建 ♦≥; 238
9.3 網頁制(zhì)作(zuò)階段π≈Ω 239
9.3.1 創建項目結構 239
9.3.2 網頁代碼實現(xiàn) 240
課後練習(xí) 261
參考答(dá)案 262
參考文(wén)獻 264