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