本書注重培養(yǎng)讀者從事電子商務網站策劃、設計、開發(fā)、管理和運營等工作的綜合技能,涵蓋了網站建設與網頁設計的核心技術與實操技能,內容精練、層次分明,環(huán)環(huán)相扣。主要內容包括:構建電子商務網站,使用Photoshop制作網頁版面,使用Flash制作網頁廣告動畫,使用Dreamweaver添加網頁元素,使用CSS樣式美化網頁,使用DIV+CSS布局網頁,使用行為和表單,制作網頁特效,動態(tài)網站與CMS系統(tǒng)應用,以及網站的發(fā)布、測試與優(yōu)化等。
本書結構合理,內容精煉,既可作為應用型本科院校和高職高專院校電子商務、計算機等相關專業(yè)的學習教材,也可供電子商務網站設計和開發(fā)人員參考使用。
本書注重培養(yǎng)讀者從事電子商務網站策劃、設計、開發(fā)、管理和運營等工作的綜合技能,涵蓋了網站建設與網頁設計的核心技術與實操技能,內容精練、層次分明,環(huán)環(huán)相扣;
本書是項目任務式編寫體例,以常見的淘寶、京東等電商網站為案例;
微課版立體化教材,提供ppt、教案、視頻等教學資源。
鄧凱,常州紡織服裝職業(yè)技術學院副校長,從事網站建設與網頁設計教學多年,編寫經驗豐富。 本書是鄧校長帶領唐勇老師、張茹老師共同編寫
項目一 構建電子商務網站
任務一 電子商務網站設計準則 1
一、電子商務網站 1
二、電子商務網站設計準則 5
任務二 電子商務網站結構設計 7
一、網站的物理結構 7
二、網站的邏輯結構 8
三、網站的構成 8
四、網頁的空間結構 9
五、網頁的布局結構 10
任務三 使用Dreamweaver創(chuàng)建站點 13
一、初識Dreamweaver 13
二、創(chuàng)建站點的準備 14
三、創(chuàng)建與設置站點 16
項目小結 19
項目習題 20
項目二 使用Photoshop制作網頁版面
任務一 Photoshop基本操作 21
一、認識Photoshop工作界面 21
二、圖像文件的基本操作 23
三、利用工具編輯商品圖片編輯 24
任務二 使用Photoshop制作文字特效 30
一、添加文字 31
二、浮雕文字特效 33
三、金屬文字特效 34
四、磨砂涂鴉文字特效 36
五、 晶瑩剔透文字特效 38
任務三 使用Photoshop制作圖像特效 40
一、調整圖像大小 40
二、調整圖像色彩與色調 41
三、應用濾鏡特效 44
任務四 電子商務網站首頁設計 47
一、頁面頭部的制作 48
二、頁面左側的制作 50
三、頁面中間及右側的制作 50
四、頁面底部的制作 51
任務五 促銷活動頁設計 51
項目小結 54
項目習題 54
項目三 使用Flash制作網頁廣告動畫
任務一 認識Flash工作界面 56
一、菜單欄 57
二、基本功能區(qū) 57
三、舞臺 58
四、“時間軸”面板 58
五、“屬性”面板 59
六、工具欄 59
任務二 Flash工具的應用 60
一、文本工具 60
二、繪圖工具 64
三、填充工具 68
任務三 使用Flash制作導航菜單 70
一、認識導航菜單 71
二、導航菜單設計 72
任務四 使用Flash制作橫幅廣告 75
一、認識橫幅廣告 76
二、橫幅廣告設計 76
項目小結 78
項目習題 78
項目四 使用Dreamweaver添加網頁元素
任務一 認識Dreamweaver CS6工作界面 80
一、菜單欄 81
二、工具欄 82
三、文檔窗口 82
四、“屬性”面板 83
五、面板組 83
任務二 添加網頁基本元素——文本和圖像 84
一、添加文本 84
二、添加圖像 86
任務三 添加網頁基本元素——列表 88
一、添加無序列表 88
二、添加有序列表 89
三、添加自定義列表 89
任務四 添加網頁基本元素——表格 90
任務五 添加網頁基本元素——超鏈接 92
一、認識路徑 93
二、添加文檔鏈接 93
三、添加錨記鏈接 95
四、添加空鏈接 96
項目小結 96
項目習題 97
項目五 使用CSS樣式美化網頁
任務一 認識CSS樣式表 98
一、了解CSS的基本語法 98
二、在網頁中引用CSS的方式 99
任務二 在Dreamweaver中創(chuàng)建CSS 100
一、創(chuàng)建CSS規(guī)則 101
二、創(chuàng)建CSS文件 102
任務三 應用CSS選擇器 104
一、應用元素選擇器 104
二、應用群組選擇器 105
三、應用類選擇器 106
四、應用ID選擇器 107
五、應用后代選擇器 107
六、應用通配符選擇器 108
任務四 CSS繼承性、特殊性、層疊性和重要性 109
一、繼承性 109
二、特殊性 110
三、層疊性 111
四、重要性 112
任務五 使用CSS格式化排版 112
一、文字排版 113
二、段落排版 114
三、CSS背景 115
四、列表排版 119
五、表格排版 120
六、鏈接樣式 120
項目小結 121
項目習題 121
項目六 使用DIV+CSS布局網頁
任務一 使用CSS盒子模型 123
一、認識CSS盒子模型 123
二、CSS盒子模型的邊框、內邊距和外邊距 124
任務二 標準流和div標記 125
一、標準流 126
二、div標記 127
三、盒子在標準流中的定位 127
任務三 盒子的浮動和定位 128
一、盒子浮動 128
二、清除浮動影響和盒子定位 130
任務四 使用CSS布局電子商務網站首頁 133
一、使用DIV布局頁面結構 133
二、對網頁頭部布局 133
三、對網頁主體布局 135
四、對網頁底部布局 136
五、組合首頁布局 137
項目小結 138
項目習題 139
項目七 使用行為和表單
任務一 使用行為 140
一、認識行為和事件 140
二、“行為”面板 141
任務二 使用表單 144
一、了解表單 144
二、創(chuàng)建表單 144
三、設置表單屬性 145
任務三 “新用戶注冊”表單設計 145
一、插入文本字段 145
二、插入復選框 147
三、插入單選按鈕 148
四、插入文件域 148
五、插入列表和菜單 149
六、插入按鈕 151
任務四 使用行為驗證用戶注冊 152
一、檢查表單 153
二、設置密碼僅為數字 153
三、檢查郵箱格式 154
項目小結 155
項目習題 155
項目八 制作網頁特效
任務一 認識JavaScript腳本語言 157
一、JavaScript簡介 157
二、JavaScript的基本結構 158
三、使用JavaScript向頁面輸入信息 158
任務二 使用JavaScript制作網頁特效 159
一、文字滾動特效 160
二、日期特效 160
三、廣告特效 161
四、下拉菜單特效 162
任務三 使用JavaScript驗證表單 162
一、非空驗證 163
二、驗證密碼長度和一致性 165
三、郵箱地址驗證 165
任務四 JavaScript網頁特效實例 166
一、下載焦點圖代碼 166
二、添加焦點圖代碼 167
項目小結 168
項目習題 169
項目九 動態(tài)網站與CMS系統(tǒng)應用
任務一 認識動態(tài)網站 170
一、動態(tài)網頁 170
二、動態(tài)網站技術 171
任務二 認識CMS系統(tǒng) 174
一、什么是CMS系統(tǒng) 174
二、選擇CMS系統(tǒng) 174
三、國內優(yōu)秀的電子商務類CMS系統(tǒng) 176
任務三 搭建CMS系統(tǒng)環(huán)境 176
一、安裝phpStudy服務器環(huán)境 176
二、安裝WSTMart系統(tǒng) 178
任務四 WSTMart系統(tǒng)管理 181
任務五 WSTMart系統(tǒng)基礎設置 183
一、商城配置 183
二、導航管理 185
項目小結 186
項目習題 187
項目十 網站的發(fā)布測試與優(yōu)化
任務一 域名和空間的選擇 188
一、域名 188
二、 域名的注冊 190
三、空間的選擇 192
四.申請空間 194
任務二 測試與發(fā)布網站 196
一、網站的測試 197
二、網站的發(fā)布 203
任務三 電子商務網站的優(yōu)化與推廣 206
一、網站優(yōu)化 207
二、網站推廣 209
項目小結 212
項目習題 212