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