電子商務網站建設與網頁設計（微課版）
吳雪毅 周佳
- 出版商: 人民郵電
- 出版日期: 2026-04-01
- 定價: $299
- 售價: $298
- 語言: 簡體中文
- ISBN: 7115645221
- ISBN-13: 9787115645227
-
相關分類:
電子商務 E-commerce、Dreamweaver、CSS
下單後立即進貨 (約4週~6週)
商品描述
本書依據國務院印發的《國家職業教育改革實施方案》的要求，結合職業院校學生的培養目標，采用項目任務體例形式，系統地介紹電子商務網站建設與網頁設計知識，共分為8個項目，主要內容包括：構建電子商務網站，使用Dreamweaver添加網頁元素，使用CSS美化網頁，使用DIV+CSS布局網頁，使用行為和表單創建網頁特效，使用Animate制作網頁廣告動畫，使用JavaScript實現網頁交互特效，以及電子商務網站建設案例——搭建家具商城網站等。 本書深入淺出，案例豐富，既可作為職業院校電子商務、計算機等相關專業的教材，也可作為網站建設技術人員、網站管理人員及信息技術愛好者的參考書。
作者簡介
吳雪毅，廣東交通職業技術學院運輸與經濟管理學院電子商務專業主任、學科帶頭人，主講電子商務基礎、網頁設計與制作等相關課程。
目錄大綱
項目一 構建電子商務網站....1
任務一 電子商務網站設計基礎知識..................................... 2
一、初識電子商務網站.........................2
二、電子商務網站設計準則 .................5
任務二 電子商務網站結構設計 ......... 7
一、網站的物理結構 ............................7
二、網站的邏輯結構 ............................8
三、網站的構成 ....................................8
四、網頁的空間結構 ............................9
五、網頁的布局結構 ......................... 10
任務三 電子商務網站色彩搭配 ....... 13
一、色彩基礎知識 ..............................13
二、確定網站的主色調.......................14
三、網頁的色彩搭配技巧...................14
任務四 課堂練習——使用 HTML5制作簡單頁面 ..................... 16
一、初識 HTML5 ...............................16
二、HTML5 基本結構 .......................17
三、HTML5 常用標簽 .......................17
四、制作滾動圖片鏈接網頁 ...............21
任務五 課堂練習——使用Dreamweaver 創建站點...... 22
一、初識 Dreamweaver.....................22
二、創建站點的準備 ..........................23
三、創建與設置站點 ..........................24
項目小結.......................................... 28
課後實訓.......................................... 29
項目二 使用 Dreamweaver 添加網頁元素 .......30
任務一 認識 Dreamweaver CC 2018工作界面 ............................31
一、菜單欄......................................... 31
二、工具欄......................................... 32
三、文檔窗口 ..................................... 32
四、“屬性”面板 ............................... 32
五、面板組......................................... 32
任務二 課堂練習——在網頁中添加文本和圖像.........................33
一、添加文本 ..................................... 33
二、設置文本屬性.............................. 35
三、添加其他特殊文本 ...................... 36
四、添加圖像 ..................................... 37
五、添加其他圖像元素 ...................... 39
任務三 課堂練習——為“新品上市”頁面添加商品列表 ..............41
一、添加無序列表.............................. 41
二、添加有序列表.............................. 42
任務四 課堂練習——為商品詳情頁添加表格 ............................43
一、認識表格 ..................................... 43
二、表格“屬性”面板 ...................... 44
三、插入並編輯表格.......................... 44
四、使用表格布局商品詳情頁........... 46
任務五 課堂練習——添加超鏈接創建鏈接頁面 .....................48 II
一、認識路徑......................................48
二、添加文檔鏈接 ..............................48
三、添加錨記鏈接 ............................. 50
四、添加空鏈接 ..................................51
項目小結.......................................... 52
課後實訓.......................................... 52
項目三 使用 CSS 美化網頁 ..................54
任務一 認識 CSS........................... 55
一、了解 CSS 的基本語法..................55
二、在網頁中引用 CSS 的方式 ..........55
任務二 課堂練習——在 Dreamweaver 中創建 CSS 規則和文件......... 57
一、創建 CSS 規則 .............................57
二、創建 CSS 文件 .............................58
任務三 課堂練習——使用 CSS選擇器美化文本 ................. 60
一、應用元素選擇器 ......................... 60
二、應用群組選擇器 ..........................61
三、應用類選擇器 ..............................62
四、應用 ID 選擇器 ............................63
五、應用後代選擇器 ..........................63
六、應用通配符選擇器.......................64
任務四 課堂練習——CSS 特性的應用................................... 65
一、應用繼承性 ..................................65
二、應用特殊性 ..................................66
三、應用層疊性 ..................................67
四、應用重要性 ..................................68
任務五 課堂練習——使用 CSS 美化童裝網站 ............................68
一、文字排版 ..................................... 68
二、段落排版 ..................................... 70
三、CSS 背景..................................... 70
四、列表排版 ..................................... 75
五、表格排版 ..................................... 75
六、鏈接樣式 ..................................... 76
項目小結 ..........................................77
課後實訓 ..........................................77
項目四 使用 DIV+CSS布局網頁 .............78
任務一 使用 CSS 盒子模型.............79
一、認識 CSS 盒子模型..................... 79
二、CSS 盒子模型的邊框、內邊距和外邊距......................................... 79
任務二 標準流和
一、標準流......................................... 81
二、
三、盒子在標準流中的定位 .............. 83
任務三 課堂練習——使用盒子模型設計“商品分類”網頁 .......84
一、盒子浮動 ..................................... 84
二、清除浮動影響和盒子定位........... 86
任務四 課堂練習——使用 DIV+CSS布局電子商務網站首頁 .......89
一、使用 DIV 布局頁面結構 ............. 89
二、對網頁頂部布局.......................... 89
三、對網頁主體布局.......................... 91
四、對網頁底部布局.......................... 92
五、組合首頁布局.............................. 93 電子商務網站建 目 錄
項目小結.......................................... 94
課後實訓.......................................... 94
項目五 使用行為和表單創建網頁特效 .......95
任務一 使用行為............................ 96
一、認識行為和事件 ..........................96
二、“行為”面板 ................................97
任務二 使用表單............................ 99
一、了解表單......................................99
二、創建表單......................................99
三、設置表單屬性 ........................... 100
任務三 課堂練習——制作“新用戶註冊”網頁表單 ............... 100
一、插入文本域 ............................... 101
二、插入單選按鈕 ........................... 102
三、插入下拉菜單和滾動列表 ........ 103
四、插入文件域 ............................... 105
五、插入復選框 ............................... 106
六、插入按鈕................................... 107
七、插入圖像按鈕 ........................... 108
任務四 課堂練習——使用行為制作“數碼商城”網頁特效 ....... 109
一、制作打開瀏覽器窗口特效 ........ 109
二、制作交換圖像特效.................... 110
三、制作跳轉菜單特效.....................111
任務五 課堂練習——使用行為驗證用戶註冊.......................... 113
一、檢查表單....................................113
二、設置密碼僅為數字.....................114
三、檢查郵箱格式............................ 114
項目小結 ........................................ 115
課後實訓 ........................................ 116
項目六 使用 Animate 制作網頁廣告動畫 ..... 118
任務一 認識 Animate CC 2018 工作界面 ................................. 119
一、菜單欄....................................... 119
二、基本功能區 ............................... 120
三、窗口選項卡 ............................... 120
四、編輯欄....................................... 120
五、舞臺........................................... 121
六、“時間軸”面板.......................... 121
七、“屬性”面板 ............................. 121
八、工具欄....................................... 122
任務二 Animate 工具的應用 ......... 123
一、文本工具 ................................... 123
二、繪圖工具 ................................... 126
三、填充工具 ................................... 131
任務三 課堂練習——制作家居網站導航菜單 .......................... 133
一、認識導航菜單............................ 134
二、導航菜單設計............................ 135
任務四 課堂練習——制作水果促銷橫幅廣告 .......................... 139
一、認識橫幅廣告............................ 139
二、橫幅廣告設計............................ 139
項目小結 ........................................ 142
課後實訓 ........................................ 142 IV
項目七 使用 JavaScript實現網頁交互特效 ................ 144
任務一 認識 JavaScript 腳本語言................................. 145
一、JavaScript 簡介 ........................145
二、JavaScript 的基本結構 .............145
三、使用 JavaScript 向頁面輸出信息 ...........................................146
任務二 課堂練習——使用 JavaScript制作網頁交互特效 ............ 147
一、制作文字滾動特效.....................147
二、制作日期特效 ............................148
三、制作對聯廣告特效.....................148
四、制作下拉菜單特效.....................149
任務三 課堂練習——使用 JavaScript 驗證表單.......................... 150
一、設置表單非空驗證.................... 150
二、驗證密碼長度和密碼一致性 .....152
三、驗證電子郵箱地址.....................152
任務四 課堂練習——為首頁添加“焦點圖”代碼 ................. 153
一、下載“焦點圖”代碼.................153
二、添加“焦點圖”代碼.................154
項目小結........................................ 156
課後實訓........................................ 156
項目八 電子商務網站建設案例——搭建家具商城網站 ........... 158
任務一 申請域名與空間................ 159
一、註冊域名 ................................... 159
二、選擇虛擬主機與申請空間......... 161
任務二 設計家具商城網站原型 ..... 164
一、分析網站需求............................ 164
二、制作網站原型............................ 165
三、創建站點 ................................... 167
任務三 制作家具商城網站首頁 ..... 167
一、使用 DIV+CSS 布局網頁.......... 167
二、制作頁面頂部............................ 168
三、制作焦點圖 ............................... 170
四、制作產品分類區........................ 171
五、制作產品展示區........................ 174
六、制作頁面底部............................ 175
七、使用 JavaScript 制作焦點圖交互效果........................................... 177
任務四 測試與發布網站................ 179
一、網站的測試 ............................... 179
二、網站的發布 ............................... 185
項目小結 ........................................ 187
課後實訓 ........................................ 188
