電子商務(wù)網(wǎng)頁設(shè)計與制作(微課版)
定 價:49.8 元
叢書名:高等院校電子商務(wù)類新形態(tài)系列教材
- 作者:封緒榮
- 出版時間:2024/2/1
- ISBN:9787115631510
- 出 版 社:人民郵電出版社
- 中圖法分類:F713.36
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:128開
本書全面介紹使用Dreamweaver、Photoshop、HTML、CSS、JavaScript等軟件和技術(shù)進行電子商務(wù)網(wǎng)頁設(shè)計與制作各方面的內(nèi)容。本書共9章,包括電子商務(wù)網(wǎng)頁制作與網(wǎng)站建設(shè)基礎(chǔ)、使用Photoshop處理商品圖片、使用Photoshop設(shè)計網(wǎng)頁中的圖片元素、使用Dreamweaver制作基本網(wǎng)頁、使用CSS美化和布局網(wǎng)頁、使用表格布局網(wǎng)頁、使用模板和庫快速制作網(wǎng)頁、使用行為創(chuàng)建特效網(wǎng)頁、使用JavaScript制作交互頁面。
本書采用案例教學(xué)方式,每章有應(yīng)用舉例、綜合實訓(xùn)、實戰(zhàn)演練3個部分,分別采用3個不同的網(wǎng)站案例貫穿始末。每章先以應(yīng)用舉例的方式闡述知識要點;然后提供與本章內(nèi)容相對應(yīng)的實訓(xùn)項目,以便讀者在實踐中模擬操作;最后通過實戰(zhàn)演練幫助讀者鞏固所學(xué)的內(nèi)容。
本書配有PPT課件、教學(xué)大綱、電子教案、應(yīng)用舉例素材、綜合實訓(xùn)素材、實戰(zhàn)演練素材、理論練習(xí)答案等教學(xué)資源,使用本書的教師可在人郵教育社區(qū)免費下載使用。
本書可作為高等院校網(wǎng)頁設(shè)計類相關(guān)課程的教材,也可作為各類社會培訓(xùn)學(xué)校相關(guān)課程的教材,還可供電子商務(wù)網(wǎng)頁設(shè)計與制作初學(xué)者自學(xué)使用。
1.針對商科類學(xué)生量身打造的教材,摒棄了市面上計算機專業(yè)所用教材的技術(shù)太難的劣勢。
2.全書采用案例教學(xué)方式,每章有應(yīng)用舉例、綜合實例、上機實訓(xùn)3個部分,分別采用3個不同的網(wǎng)站項目貫穿始末。
3.配有微課,提供PPT課件、教學(xué)大綱、電子教案、案例素材、案例效果、實訓(xùn)素材、實訓(xùn)效果、理論練習(xí)參考答案等教學(xué)資源。
封緒榮 江西泰豪動漫職業(yè)學(xué)院黨委委員、網(wǎng)絡(luò)經(jīng)濟與管理系主任。主持課題《網(wǎng)絡(luò)高明場中逆向選擇和道德風(fēng)險的公共規(guī)則研究》1 項,參與課題研究3項。獲江西省教學(xué)成果二等獎1項。
第 1章 電子商務(wù)網(wǎng)頁制作與網(wǎng)站建設(shè)基礎(chǔ) 1
1.1 了解電子商務(wù)網(wǎng)站 2
1.1.1 網(wǎng)頁的基本構(gòu)成元素 2
1.1.2 電子商務(wù)網(wǎng)站的概念 4
1.1.3 電子商務(wù)網(wǎng)站的視覺營銷 5
1.1.4 電子商務(wù)網(wǎng)站的主要內(nèi)容 6
1.2 電子商務(wù)網(wǎng)頁制作相關(guān)軟件和技術(shù) 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 創(chuàng)建和管理站點 11
1.3.1 創(chuàng)建本地站點 11
1.3.2 管理站點 12
【單元小結(jié)】 13
【綜合實訓(xùn)】規(guī)劃并創(chuàng)建“祥和家居”網(wǎng)站站點 13
【理論練習(xí)】 15
【實戰(zhàn)演練】創(chuàng)建“寶盛首飾”站點 16
第 2章 使用Photoshop處理商品圖片 17
2.1 Photoshop工作界面 18
2.2 調(diào)整與美化商品圖片 19
2.2.1 調(diào)整圖片大小 20
2.2.2 使用“色階”命令 20
2.2.3 使用“曲線”命令 21
2.2.4 調(diào)整圖片亮度與對比度 22
2.2.5 調(diào)整圖片色相與飽和度 22
2.3 創(chuàng)建文字 24
2.3.1 輸入文字并設(shè)置文字屬性 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
【單元小結(jié)】 32
【綜合實訓(xùn)】處理“祥和家居”商品圖片 32
【理論練習(xí)】 35
【實戰(zhàn)演練】處理“寶盛首飾”商品圖片 36
第3章 使用Photoshop設(shè)計網(wǎng)頁中的圖片元素 38
3.1 設(shè)計網(wǎng)站Logo 39
3.1.1 網(wǎng)站Logo的分類 39
3.1.2 網(wǎng)站Logo的設(shè)計策略和技巧 40
3.1.3 網(wǎng)站Logo的制作方法 41
3.1.4 設(shè)計網(wǎng)站Logo 41
3.2 設(shè)計商品主圖 44
3.2.1 商品主圖的設(shè)計規(guī)范 44
3.2.2 商品主圖的設(shè)計形式 44
3.3 設(shè)計商品促銷海報 45
3.3.1 商品促銷海報的設(shè)計標準 45
3.3.2 商品促銷海報的設(shè)計思路 47
3.4 設(shè)計網(wǎng)站首頁 49
3.4.1 設(shè)計分類導(dǎo)航模塊 49
3.4.2 設(shè)計宣傳海報模塊 53
3.4.3 設(shè)計商品展示區(qū) 56
3.5 切割網(wǎng)站首頁 60
【單元小結(jié)】 62
【綜合實訓(xùn)】設(shè)計“祥和家居”網(wǎng)頁促銷海報 62
【理論練習(xí)】 64
【實戰(zhàn)演練】設(shè)計“寶盛首飾”網(wǎng)頁促銷海報 65
第4章 使用Dreamweaver制作基本網(wǎng)頁 67
4.1 添加文本元素 68
4.1.1 在網(wǎng)頁中添加文本并設(shè)置文本屬性 68
4.1.2 插入特殊字符 70
4.1.3 插入水平線 71
4.2 創(chuàng)建超鏈接 72
4.2.1 超鏈接的基本概念 72
4.2.2 創(chuàng)建E-mail鏈接 73
4.2.3 創(chuàng)建下載文件的鏈接 74
4.2.4 創(chuàng)建圖像熱點鏈接 75
4.2.5 創(chuàng)建腳本鏈接 76
4.3 在網(wǎng)頁中插入圖像與背景音樂 77
4.3.1 插入圖像 77
4.3.2 插入背景圖像 79
4.3.3 創(chuàng)建鼠標經(jīng)過圖像 80
4.3.4 使用代碼提示添加背景音樂 83
【單元小結(jié)】 84
【綜合實訓(xùn)】制作“祥和家居”圖文混排網(wǎng)頁 84
【理論練習(xí)】 87
【實戰(zhàn)演練】制作“寶盛首飾”圖文混排網(wǎng)頁 88
第5章 使用CSS美化和布局網(wǎng)頁 90
5.1 CSS的使用 91
5.1.1 CSS基本語法 91
5.1.2 添加CSS的方法 91
5.2 使用CSS美化網(wǎng)頁 93
5.2.1 使用CSS美化文本 93
5.2.2 使用CSS美化圖片 94
5.3 CSS布局理念 96
5.3.1 將頁面用DIV分塊 97
5.3.2 設(shè)計各個板塊的位置 97
5.3.3 用CSS定位 98
5.4 CSS定位 98
5.4.1 盒子模型的概念 99
5.4.2 float定位 99
5.4.3 position定位 101
【單元小結(jié)】 102
【綜合實訓(xùn)】應(yīng)用CSS樣式美化“祥和家居”網(wǎng)頁 103
【理論練習(xí)】 105
【實戰(zhàn)演練】應(yīng)用CSS樣式美化“寶盛首飾”網(wǎng)頁 106
第6章 使用表格布局網(wǎng)頁 108
6.1 在網(wǎng)頁中插入表格 109
6.1.1 插入表格 109
6.1.2 添加內(nèi)容到單元格 112
6.2 表格的基本操作 115
6.2.1 選擇表格元素 115
6.2.2 添加、刪除行或列 116
6.2.3 拆分單元格 117
6.3 排序表格內(nèi)容 118
6.3.1 導(dǎo)入表格式數(shù)據(jù) 118
6.3.2 排序表格 120
【單元小結(jié)】 122
【綜合實訓(xùn)】使用表格布局“祥和家居”主頁 122
【理論練習(xí)】 126
【實戰(zhàn)演練】使用表格創(chuàng)建“寶盛首飾”網(wǎng)頁 127
第7章 使用模板和庫快速制作網(wǎng)頁 129
7.1 使用模板 130
7.1.1 認識模板 130
7.1.2 創(chuàng)建模板 130
7.1.3 創(chuàng)建可編輯區(qū)域 132
7.1.4 創(chuàng)建基于模板的網(wǎng)頁 133
7.2 管理站點中的模板 137
7.2.1 從模板中分離 137
7.2.2 修改模板 137
7.3 創(chuàng)建與應(yīng)用庫項目 138
7.3.1 創(chuàng)建庫項目 138
7.3.2 應(yīng)用庫項目 140
7.3.3 更新庫項目 141
【單元小結(jié)】 142
【綜合實訓(xùn)】創(chuàng)建“祥和家居”模板網(wǎng)頁 142
【理論練習(xí)】 146
【實戰(zhàn)演練】創(chuàng)建“寶盛首飾”模板網(wǎng)頁 146
第8章 使用行為創(chuàng)建特效網(wǎng)頁 149
8.1 行為概述 150
8.1.1 行為的概念 150
8.1.2 行為面板 150
8.2 調(diào)用JavaScript行為 151
8.2.1 利用JavaScript實現(xiàn)打印功能 151
8.2.2 利用JavaScript實現(xiàn)關(guān)閉網(wǎng)頁 152
8.3 設(shè)置瀏覽器行為 153
8.3.1 設(shè)置狀態(tài)欄文本 153
8.3.2 設(shè)置轉(zhuǎn)到URL 155
8.3.3 打開瀏覽器窗口 156
8.4 設(shè)置圖像行為 158
8.4.1 預(yù)先載入圖像 158
8.4.2 交換圖像 160
8.5 設(shè)置效果行為 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
【單元小結(jié)】 163
【綜合實訓(xùn)】制作“祥和家居”網(wǎng)頁特效 163
【理論練習(xí)】 166
【實戰(zhàn)演練】制作“寶盛首飾”網(wǎng)頁特效 167
第9章 使用JavaScript制作交互頁面 169
9.1 JavaScript簡介 170
9.2 JavaScript基本語法 170
9.2.1 常量和變量 170
9.2.2 基本語句 171
9.2.3 函數(shù) 174
9.3 JavaScript的事件 175
9.3.1 事件與事件驅(qū)動 175
9.3.2 調(diào)用函數(shù)的事件 177
9.3.3 調(diào)用代碼的事件 177
9.4 JavaScript對象的聲明和引用 178
9.4.1 聲明和實例化 178
9.4.2 對象的引用 180
9.5 使用JavaScript制作網(wǎng)頁特效 180
9.5.1 制作歡迎提示信息 181
9.5.2 禁止鼠標右鍵 182
9.6 使用jQuery制作網(wǎng)頁特效 183
9.6.1 使用Tabs制作選項卡 183
9.6.2 使用Accordion制作折疊面板 185
【單元小結(jié)】 186
【綜合實訓(xùn)】使用JavaScript創(chuàng)建“祥和家居”網(wǎng)頁特效 187
【理論練習(xí)】 191
【實戰(zhàn)演練】使用jQuery創(chuàng)建“寶盛首飾”網(wǎng)頁Tab選項卡 191