項(xiàng)目一 賞析和規(guī)劃電子商務(wù)網(wǎng)站了解電子商務(wù)網(wǎng)站 1
1.1 知識(shí)鏈接 2
1.1.1 網(wǎng)頁(yè)的構(gòu)成元素 2
1.1.2 電子商務(wù)網(wǎng)站的概念和特點(diǎn) 5
1.1.3 電子商務(wù)網(wǎng)站的分類 6
1.1.4 電子商務(wù)網(wǎng)站的視覺營(yíng)銷 6
1.1.5 電子商務(wù)網(wǎng)站的開發(fā)流程 8
1.2 任務(wù)一 賞析電子商務(wù)網(wǎng)站 11
1.2.1 任務(wù)描述分析電子商務(wù)網(wǎng)站首頁(yè) 11
1.2.2 技術(shù)引進(jìn)分析頁(yè)面結(jié)構(gòu)與色彩 12
1.2.3 任務(wù)實(shí)施提高用戶體驗(yàn)的要素 14
1.2.4 新手試練賞析電子商務(wù)網(wǎng)站頁(yè)面 17
1.3 任務(wù)二 規(guī)劃學(xué)設(shè)計(jì)電子商務(wù)網(wǎng)站 19
1.3.1 任務(wù)描述分析電子商務(wù)網(wǎng)站的結(jié)構(gòu) 19
1.3.2 技術(shù)引進(jìn)完成電子商務(wù)網(wǎng)站線框圖 20
1.3.3 任務(wù)實(shí)施設(shè)計(jì)電子商務(wù)網(wǎng)站 22
1.3.4 新手試練電子商務(wù)網(wǎng)站會(huì)員頁(yè)面設(shè)計(jì) 24
1.4 總結(jié)擴(kuò)展 25
1.4.1 項(xiàng)目小結(jié) 25
1.4.2 舉一反三 25
1.5 課后習(xí)題 25
項(xiàng)目二 創(chuàng)建并管理電子商務(wù)網(wǎng)站站點(diǎn)掌握網(wǎng)站搭建基礎(chǔ) 27
2.1 知識(shí)鏈接 27
2.1.1 電子商務(wù)網(wǎng)站制作相關(guān)術(shù)語(yǔ) 28
2.1.2 遠(yuǎn)程站點(diǎn)和本地站點(diǎn) 30
2.1.3 URL 30
2.1.4 站點(diǎn)規(guī)劃 32
2.2 任務(wù)一 創(chuàng)建網(wǎng)站文件結(jié)構(gòu) 32
2.2.1 任務(wù)描述創(chuàng)建本地靜態(tài)站點(diǎn) 32
2.2.2 技術(shù)引進(jìn)了解站點(diǎn)設(shè)置對(duì)象對(duì)話框 32
2.2.3 任務(wù)實(shí)施站點(diǎn)文件的優(yōu)化與管理 35
2.2.4 新手試練創(chuàng)建小型電子商務(wù)網(wǎng)站站點(diǎn) 37
2.3 任務(wù)二 設(shè)置遠(yuǎn)程服務(wù)器信息 37
2.3.1 任務(wù)描述上傳站點(diǎn)文件到遠(yuǎn)程服務(wù)器 38
2.3.2 技術(shù)引進(jìn)設(shè)置站點(diǎn)設(shè)置對(duì)象對(duì)話框 38
2.3.3 任務(wù)實(shí)施設(shè)置遠(yuǎn)程服務(wù)器 40
2.3.4 新手試練站點(diǎn)中的操作 42
2.4 總結(jié)擴(kuò)展 42
2.4.1 項(xiàng)目小結(jié) 42
2.4.2 舉一反三 43
2.5 課后習(xí)題 43
項(xiàng)目三 使用HTML編寫頁(yè)面搭建頁(yè)面底層的基礎(chǔ) 44
3.1 知識(shí)鏈接 44
3.1.1 電子商務(wù)網(wǎng)站建設(shè)原則 45
3.1.2 電子商務(wù)網(wǎng)站頁(yè)面布局原則 46
3.1.3 了解HTML 5 47
3.1.4 HTML的基本結(jié)構(gòu) 47
3.1.5 掌握HTML的標(biāo)簽 48
3.2 任務(wù)一 布局學(xué)設(shè)計(jì)網(wǎng)站的關(guān)于我們頁(yè)面 51
3.2.1 任務(wù)描述了解頁(yè)面的基本結(jié)構(gòu) 51
3.2.2 技術(shù)引進(jìn)在Dreamweaver CC中編寫HTML代碼 51
3.2.3 任務(wù)實(shí)施制作關(guān)于我們頁(yè)面結(jié)構(gòu) 54
3.2.4 新手試練制作社區(qū)生活頁(yè)面 57
3.3 任務(wù)二 制作學(xué)設(shè)計(jì)網(wǎng)站的關(guān)于我們頁(yè)面 57
3.3.1 任務(wù)描述了解關(guān)于我們頁(yè)面結(jié)構(gòu) 58
3.3.2 技術(shù)引進(jìn)Div CSS盒模型 58
3.3.3 任務(wù)實(shí)施完成關(guān)于我們頁(yè)面制作 61
3.3.4 新手試練制作藍(lán)色企業(yè)網(wǎng)站 63
3.4 總結(jié)擴(kuò)展 63
3.4.1 項(xiàng)目小結(jié) 63
3.4.2 舉一反三 63
3.5 課后習(xí)題 64
項(xiàng)目四 使用CSS美化頁(yè)面簡(jiǎn)單、快捷、規(guī)范地制作頁(yè)面 65
4.1 知識(shí)鏈接 65
4.1.1 電子商務(wù)網(wǎng)站設(shè)計(jì)常用術(shù)語(yǔ) 66
4.1.2 CSS基礎(chǔ) 68
4.1.3 CSS的基本語(yǔ)法 70
4.1.4 CSS的使用方法 70
4.2 任務(wù)一 美化關(guān)于我們頁(yè)面導(dǎo)航 73
4.2.1 任務(wù)描述了解頁(yè)面導(dǎo)航的結(jié)構(gòu) 73
4.2.2 技術(shù)引進(jìn)了解id選擇符 73
4.2.3 任務(wù)實(shí)施美化關(guān)于我們頁(yè)面導(dǎo)航 75
4.2.4 新手試練制作個(gè)人作品網(wǎng)站頁(yè)面 77
4.3 任務(wù)二 美化關(guān)于我們頁(yè)面文本內(nèi)容 77
4.3.1 任務(wù)描述分析關(guān)于我們頁(yè)面結(jié)構(gòu) 78
4.3.2 技術(shù)引進(jìn)使用CSS控制字體 78
4.3.3 任務(wù)實(shí)施美化頁(yè)面文本 81
4.3.4 新手試練制作網(wǎng)站公告 83
4.4 總結(jié)擴(kuò)展 84
4.4.1 項(xiàng)目小結(jié) 84
4.4.2 舉一反三 84
4.5 課后習(xí)題 84
項(xiàng)目五 使用CSS控制列表樣式制作商品列表頁(yè)面 86
5.1 知識(shí)鏈接 86
5.1.1 電子商務(wù)網(wǎng)站常用的商品列表頁(yè)面布局 87
5.1.2 商品列表頁(yè)面的設(shè)計(jì)要點(diǎn) 88
5.1.3 網(wǎng)頁(yè)中的列表控制 91
5.1.4 列表的類型及使用 92
5.2 任務(wù)一 制作商品列表索引導(dǎo)航 94
5.2.1 任務(wù)描述商品列表索引導(dǎo)航結(jié)構(gòu)分析 95
5.2.2 技術(shù)引進(jìn)有序列表和無(wú)序列表 95
5.2.3 任務(wù)實(shí)施制作商品列表索引導(dǎo)航 98
5.2.4 新手試練制作方塊列表效果 100
5.3 任務(wù)二 美化商品列表頁(yè)面 101
5.3.1 任務(wù)描述商品列表頁(yè)面結(jié)構(gòu)分析 101
5.3.2 技術(shù)引進(jìn)使用定義列表 101
5.3.3 任務(wù)實(shí)施制作頁(yè)面中的商品列表 103
5.3.4 新手試練制作縱向?qū)Ш讲藛?105
5.4 總結(jié)擴(kuò)展 105
5.4.1 項(xiàng)目小結(jié) 105
5.4.2 舉一反三 105
5.5 課后習(xí)題 106
項(xiàng)目六 使用CSS控制頁(yè)面文本樣式制作商品詳情頁(yè)面 107
6.1 知識(shí)鏈接 107
6.1.1 商品詳情頁(yè)面的設(shè)計(jì)原則 108
6.1.2 如何做好商品詳情頁(yè)面 111
6.1.3 通過CSS控制字體與大小 112
6.1.4 通過CSS控制顏色和粗細(xì) 114
6.2 任務(wù)一 制作商品詳情頁(yè)面頂部 116
6.2.1 任務(wù)描述了解文本標(biāo)簽 116
6.2.2 技術(shù)引進(jìn)掌握文本裝飾標(biāo)簽 116
6.2.3 任務(wù)實(shí)施制作商品詳情頁(yè)面頂部 118
6.2.4 新手試練網(wǎng)頁(yè)文本修飾 121
6.3 任務(wù)二 制作商品詳情頁(yè)面文本介紹 121
6.3.1 任務(wù)描述了解分區(qū)標(biāo)簽的使用 122
6.3.2 技術(shù)引進(jìn)使用CSS控制段落 122
6.3.3 任務(wù)實(shí)施制作商品詳情頁(yè)面底部 125
6.3.4 新手試練應(yīng)用多個(gè)類樣式 126
6.4 總結(jié)擴(kuò)展 127
6.4.1 項(xiàng)目小結(jié) 127
6.4.2 舉一反三 127
6.5 課后習(xí)題 128
項(xiàng)目七 在頁(yè)面中使用多媒體制作視頻播放頁(yè)面 129
7.1 知識(shí)鏈接 130
7.1.1 打造具有說服力的商品頁(yè)面 130
7.1.2 電子商務(wù)網(wǎng)站中多媒體視頻的使用 132
7.1.3 使用標(biāo)簽嵌入音頻和視頻文件 132
7.1.4 HTML 5中多媒體的應(yīng)用 133
7.2 任務(wù)一 制作視頻播放頁(yè)面 134
7.2.1 任務(wù)描述視頻播放頁(yè)面結(jié)構(gòu) 134
7.2.2 技術(shù)引進(jìn)在頁(yè)面中嵌入音頻或視頻文件 135
7.2.3 任務(wù)實(shí)施制作視頻播放頁(yè)面 137
7.2.4 新手試練在網(wǎng)頁(yè)中嵌入視頻文件 140
7.3 任務(wù)二 制作視頻播放頁(yè)面詳情部分 140
7.3.1 任務(wù)描述使用標(biāo)簽 141
7.3.2 技術(shù)引進(jìn)