《電子商務網頁設計與製作（微課版）》是2024年人民郵電出版社出版的圖書。
基本介紹
- 中文名：電子商務網頁設計與製作（微課版）
- 出版時間：2024年2月1日
- 出版社：人民郵電出版社
- ISBN：9787115631510
內容簡介,圖書目錄,
內容簡介
本書全面介紹使用Dreamweaver、Photoshop、HTML、CSS、JavaScript等軟體和技術進行電子商務網頁設計與製作各方面的內容。本書共9章，包括電子商務網頁製作與網站建設基礎、使用Photoshop處理商品圖片、使用Photoshop設計網頁中的圖片元素、使用Dreamweaver製作基本網頁、使用CSS美化和布局網頁、使用表格布局網頁、使用模板和庫快速製作網頁、使用行為創建特效網頁、使用JavaScript製作互動頁面。
本書採用案例教學方式，每章有套用舉例、綜合實訓、實戰演練3個部分，分別採用3個不同的網站案例貫穿始末。每章先以套用舉例的方式闡述知識要點；然後提供與本章內容相對應的實訓項目，以便讀者在實踐中模擬操作；最後通過實戰演練幫助讀者鞏固所學的內容。
本書配有PPT課件、教學大綱、電子教案、套用舉例素材、綜合實訓素材、實戰演練素材、理論練習答案等教學資源，使用本書的教師可在人郵教育社區免費下載使用。
本書可作為高等院校網頁設計類相關課程的教材，也可作為各類社會培訓學校相關課程的教材，還可供電子商務網頁設計與製作初學者自學使用。
圖書目錄
第 1章 電子商務網頁製作與網站建設基礎 1
1．1 了解電子商務網站 2
1．1．1 網頁的基本構成元素 2
1．1．2 電子商務網站的概念 4
1．1．3 電子商務網站的視覺行銷 5
1．1．4 電子商務網站的主要內容 6
1．2 電子商務網頁製作相關軟體和技術 7
1．2．1 Dreamweaver 7
1．2．2 Photoshop 8
1．2．3 HTML5 8
1．2．4 JavaScript 9
1．2．5 CSS3 10
1．2．6 ASP 10
1．3 創建和管理站點 11
1．3．1 創建本地站點 11
1．3．2 管理站點 12
【單元小結】 13
【綜合實訓】規劃並創建“祥和家居”網站站點 13
【理論練習】 15
【實戰演練】創建“寶盛首飾”站點 16
第 2章 使用Photoshop處理商品圖片 17
2．1 Photoshop工作界面 18
2．2 調整與美化商品圖片 19
2．2．1 調整圖片大小 20
2．2．2 使用“色階”命令 20
2．2．3 使用“曲線”命令 21
2．2．4 調整圖片亮度與對比度 22
2．2．5 調整圖片色相與飽和度 22
2．3 創建文字 24
2．3．1 輸入文字並設定文字屬性 24
2．3．2 為商品圖片添加立體文字 25
2．4 修飾商品圖片 27
2．4．1 去除背景中多餘的物品 27
2．4．2 提高圖片的清晰度 29
2．5 添加圖片特效 30
2．5．1 虛化背景 30
2．5．2 添加精美框線 31
【單元小結】 32
【綜合實訓】處理“祥和家居”商品圖片 32
【理論練習】 35
【實戰演練】處理“寶盛首飾”商品圖片 36
第3章 使用Photoshop設計網頁中的圖片元素 38
3．1 設計網站Logo 39
3．1．1 網站Logo的分類 39
3．1．2 網站Logo的設計策略和技巧 40
3．1．3 網站Logo的製作方法 41
3．1．4 設計網站Logo 41
3．2 設計商品主圖 44
3．2．1 商品主圖的設計規範 44
3．2．2 商品主圖的設計形式 44
3．3 設計商品促銷海報 45
3．3．1 商品促銷海報的設計標準 45
3．3．2 商品促銷海報的設計思路 47
3．4 設計網站首頁 49
3．4．1 設計分類導航模組 49
3．4．2 設計宣傳海報模組 53
3．4．3 設計商品展示區 56
3．5 切割網站首頁 60
【單元小結】 62
【綜合實訓】設計“祥和家居”網頁促銷海報 62
【理論練習】 64
【實戰演練】設計“寶盛首飾”網頁促銷海報 65
第4章 使用Dreamweaver製作基本網頁 67
4．1 添加文本元素 68
4．1．1 在網頁中添加文本並設定文本屬性 68
4．1．2 插入特殊字元 70
4．1．3 插入水平線 71
4．2 創建超連結 72
4．2．1 超連結的基本概念 72
4．2．2 創建E-mail連結 73
4．2．3 創建下載檔案的連結 74
4．2．4 創建圖像熱點連結 75
4．2．5 創建腳本連結 76
4．3 在網頁中插入圖像與背景音樂 77
4．3．1 插入圖像 77
4．3．2 插入背景圖像 79
4．3．3 創建滑鼠經過圖像 80
4．3．4 使用代碼提示添加背景音樂 83
【單元小結】 84
【綜合實訓】製作“祥和家居”圖文混排網頁 84
【理論練習】 87
【實戰演練】製作“寶盛首飾”圖文混排網頁 88
第5章 使用CSS美化和布局網頁 90
5．1 CSS的使用 91
5．1．1 CSS基本語法 91
5．1．2 添加CSS的方法 91
5．2 使用CSS美化網頁 93
5．2．1 使用CSS美化文本 93
5．2．2 使用CSS美化圖片 94
5．3 CSS布局理念 96
5．3．1 將頁面用DIV分塊 97
5．3．2 設計各個板塊的位置 97
5．3．3 用CSS定位 98
5．4 CSS定位 98
5．4．1 盒子模型的概念 99
5．4．2 float定位 99
5．4．3 position定位 101
【單元小結】 102
【綜合實訓】套用CSS樣式美化“祥和家居”網頁 103
【理論練習】 105
【實戰演練】套用CSS樣式美化“寶盛首飾”網頁 106
第6章 使用表格布局網頁 108
6．1 在網頁中插入表格 109
6．1．1 插入表格 109
6．1．2 添加內容到單元格 112
6．2 表格的基本操作 115
6．2．1 選擇表格元素 115
6．2．2 添加、刪除行或列 116
6．2．3 拆分單元格 117
6．3 排序表格內容 118
6．3．1 導入表格式數據 118
6．3．2 排序表格 120
【單元小結】 122
【綜合實訓】使用表格布局“祥和家居”主頁 122
【理論練習】 126
【實戰演練】使用表格創建“寶盛首飾”網頁 127
第7章 使用模板和庫快速製作網頁 129
7．1 使用模板 130
7．1．1 認識模板 130
7．1．2 創建模板 130
7．1．3 創建可編輯區域 132
7．1．4 創建基於模板的網頁 133
7．2 管理站點中的模板 137
7．2．1 從模板中分離 137
7．2．2 修改模板 137
7．3 創建與套用庫項目 138
7．3．1 創建庫項目 138
7．3．2 套用庫項目 140
7．3．3 更新庫項目 141
【單元小結】 142
【綜合實訓】創建“祥和家居”模板網頁 142
【理論練習】 146
【實戰演練】創建“寶盛首飾”模板網頁 146
第8章 使用行為創建特效網頁 149
8．1 行為概述 150
8．1．1 行為的概念 150
8．1．2 行為面板 150
8．2 調用JavaScript行為 151
8．2．1 利用JavaScript實現列印功能 151
8．2．2 利用JavaScript實現關閉網頁 152
8．3 設定瀏覽器行為 153
8．3．1 設定狀態欄文本 153
8．3．2 設定轉到URL 155
8．3．3 打開瀏覽器視窗 156
8．4 設定圖像行為 158
8．4．1 預先載入圖像 158
8．4．2 交換圖像 160
8．5 設定效果行為 161
8．5．1 Blind、Clip、Slide、Fold 161
8．5．2 Fade、Highlight、Drop 162
8．5．3 Puff、Scale 162
8．5．4 Bounce、Pulsate、Shake 163
【單元小結】 163
【綜合實訓】製作“祥和家居”網頁特效 163
【理論練習】 166
【實戰演練】製作“寶盛首飾”網頁特效 167
第9章 使用JavaScript製作互動頁面 169
9．1 JavaScript簡介 170
9．2 JavaScript基本語法 170
9．2．1 常量和變數 170
9．2．2 基本語句 171
9．2．3 函式 174
9．3 JavaScript的事件 175
9．3．1 事件與事件驅動 175
9．3．2 調用函式的事件 177
9．3．3 調用代碼的事件 177
9．4 JavaScript對象的聲明和引用 178
9．4．1 聲明和實例化 178
9．4．2 對象的引用 180
9．5 使用JavaScript製作網頁特效 180
9．5．1 製作歡迎提示信息 181
9．5．2 禁止滑鼠右鍵 182
9．6 使用jQuery製作網頁特效 183
9．6．1 使用Tabs製作選項卡 183
9．6．2 使用Accordion製作摺疊面板 185
【單元小結】 186
【綜合實訓】使用JavaScript創建“祥和家居”網頁特效 187
【理論練習】 191
【實戰演練】使用jQuery創建“寶盛首飾”網頁Tab選項卡 191
