商務網頁設計與製作（第2版）（微課版）

《商務網頁設計與製作（第2版）（微課版）》是2024年人民郵電出版社出版的圖書。

基本介紹

• 中文名：商務網頁設計與製作（第2版）（微課版）
• 出版時間：2024年2月1日
• 出版社：人民郵電出版社
• ISBN：9787115630612

內容簡介

本書較為全面地介紹商務網站項目策劃、商務網站項目建設與管理、商務網頁設計、商務網頁製作，以及網頁圖像製作等知識。本書共 6 章，包括商務網站項目管理、商務網頁設計、HTML網頁製作技術、CSS網頁樣式製作技術、網頁圖像製作、商務網頁製作實戰等內容。書中提供了 11 個綜合範例、1 個實戰項目，通過練習和操作實踐，讀者能夠鞏固所學的內容。

本書可以作為高等院校、高職高專院校電子商務專業商務網頁設計與製作課程的教材，也可以作為商務網頁設計與製作培訓班教材，並適合商務網站項目策劃人員、商務網站設計與製作的專業人員和廣大網頁設計與製作愛好者自學使用。

圖書目錄

第　1章 商務網站項目管理　1

1．1　理解傳統商務與電子商務　1

1．1．1　傳統商務　1

1．1．2　電子商務　3

1．1．3　傳統商務與電子商務的關係　5

1．1．4　電子商務的優勢和不足　5

1．1．5　電子商務與網際網路　6

1．2　商務網站項目管理概述　8

1．2．1　網站概述　8

1．2．2　商務網站及類型　12

1．2．3　商務網站功能組成　16

1．2．4　商務網站項目建設與管理　18

1．2．5　商務網站項目策劃　20

1．2．6　商務網站項目設計與開發　26

1．2．7　商務網站SEO行銷　30

1．2．8　商務網站維護　34

1．2．9　商務網站項目管理崗位職業素養　34

小結　35

習題　35

第２章　商務網頁設計　38

2．1　商務網頁視覺設計　38

2．1．1　商務網頁賞析　38

2．1．2　網頁視覺設計概述　41

2．1．3　網頁視覺設計的原則　41

2．1．4　網頁視覺設計對象　43

2．1．5　網頁視覺設計要點　47

2．2　商務網頁創意設計　52

2．2．1　商務網頁創意設計概述　52

2．2．2　商務網頁創意設計的思路　52

2．2．3　商務網頁創意設計的內容　54

2．3　商務網頁原型設計　55

2．3．1　繪製網頁草圖　55

2．3．2　繪製網頁效果圖　57

2．3．3　製作網頁原型方案　57

2．3．4　網頁原型方案評審　58

小結　59

習題　59

第３章　HTML網頁製作技術　61

3．1　網頁基礎知識　61

3．1．1　網頁源檔案　61

3．1．2　網頁解釋代碼　62

3．1．3　網頁製作語言介紹　63

3．1．4　HTML基礎知識　65

3．1．5　HTML標籤的種類　70

3．1．6　HTML5新特點　73

3．2　頭文檔設定方法　76

3．2．1　頭文檔作用　76

3．2．2　設定網頁標題　76

3．3　文本設定方法　78

3．3．1　設定文字屬性　78

3．3．2　設定文本排版　81

3．3．3　設定文檔標題　82

3．3．4　設定文本列表　85

3．3．5　製作文本網頁綜合範例　87

3．4　圖像設定方法　89

3．4．1　圖像檔案的存儲管理　90

3．4．2　圖像引用　91

3．4．3　設定圖像顯示尺寸　94

3．4．4　設定圖像替代文本　95

3．4．5　設定網頁背景圖像與背景顏色　96

3．4．6　製作圖文網頁綜合範例　99

3．5　超連結設定方法　100

3．5．1　超連結的概念及類型　100

3．5．2　指向網站內部的超連結　101

3．5．3　指向網站外部的超連結　106

3．5．4　給文本設定超連結　107

3．5．5　給圖像設定超連結　108

3．5．6　設定超連結的打開視窗　108

3．5．7　製作圖文超連結網頁綜合範例　111

3．6　表格製作方法　114

3．6．1　表格的代碼結構　115

3．6．2　創建表格的方法　115

3．6．3　製作單元格和表頭內容　116

3．6．4　製作一個表格網頁　117

3．6．5　單元格合併的方法　119

3．6．6　設定表格外觀　122

3．6．7　運用表格技術布局網頁綜合範例　137

3．7　多媒體引用方法　143

3．7．1　設定視頻　143

3．7．2　設定音頻　145

3．8　表單製作方法　147

3．8．1　定義表單　147

3．8．2　定義輸入項　149

3．8．3　製作下拉選單和數據列表　153

3．8．4　製作元素分組和輸入項標註標籤　154

3．8．5　製作檔案項與進度條　155

3．8．6　數據驗證與數據輸出　156

3．8．7　製作學生信息編輯表單綜合範例　158

3．9　元數據設定　160

3．9．1　設定字元編碼　161

3．9．2　設定name和content屬性　161

3．9．3　設定http-equiv和content屬性　161

3．9．4　製作SEO關鍵字　162

3．9．5　設定元數據示例　162

小結　163

習題　164

第４章　CSS網頁樣式製作技術 /　169

4．1　CSS基礎知識　169

4．1．1　CSS的作用　169

4．1．2　CSS代碼的構成規則　170

4．1．3　CSS選擇符類型及使用方法　171

4．1．4　CSS樣式類別　174

4．1．5　CSS中的度量單位　179

4．1．6　CSS注釋　180

4．1．7　CSS常用屬性　180

4．2　用CSS設定文本樣式　183

4．2．1　設定文字屬性　183

4．2．2　設定段落屬性　187

4．2．3　用CSS設定文本綜合範例　192

4．3　用CSS設定圖像樣式　193

4．3．1　設定圖像　193

4．3．2　圖文混排　195

4．3．3　設定背景圖像　196

4．4　用CSS設定表格樣式　199

4．4．1　設定框線樣式　199

4．4．2　設定表格內容的顯示樣式　201

4．4．3　設定、、標籤　203

4．4．4　設定斑馬紋表格綜合範例　206

4．5　用CSS設定超連結偽類及偽元素　209

4．5．1　設定超連結偽類　209

4．5．2　設定偽元素　210

4．6　採用DIV與SPAN製作網頁　211

4．6．1　塊級元素與內聯元素　211

4．6．2　定義DIV的顯示樣式　212

4．6．3　定義SPAN的顯示樣式　213

4．6．4　元素定位　213

4．6．5　元素疊加　215

4．6．6　元素浮動　217

4．6．7　元素的顯示與隱藏　218

4．7　用CSS設定元素的框線與邊距　218

4．7．1　元素的框線與邊距　218

4．7．2　設定元素框線與邊距　219

4．7．3　製作文字按鈕範例　223

4．7．4　製作導航欄綜合範例　224

4．8　回響式網頁設計與製作　229

4．8．1　瀏覽器與螢幕尺寸適配　229

4．8．2　設定彈性頁面　230

4．8．3　設定flex彈性容器　231

4．8．4　流式布局設計　237

4．8．5　製作回響式網頁範例　239

4．8．6　回響式網頁開發前端框架　242

小結　242

習題　243

第5章　網頁圖像製作　247

5．1　準備圖像素材　247

5．1．1　商品圖像拍攝　247

5．1．2　商品圖像存檔　248

5．2　製作網頁圖像　249

5．2．1　圖像格式　249

5．2．2　圖像編輯處理　250

第６章　商務網頁製作實戰　252

6．1　回響式網頁製作重要技術　252

6．1．1　製作回響式導航欄　252

6．1．2　製作Banner　259

6．1．3　製作模組化流式布局　262

6．1．4　採用腳本導入頁腳　263

6．2　回響式商務網頁製作步驟　266

6．2．1　圖像準備與製作　267

6．2．2　回響式網頁布局設計　267

6．2．3　網頁主要構件設計與製作　270

6．2．4　功能主頁效果圖製作　272

6．2．5　圖像切片　273

6．2．6　採用HTML+CSS製作回響式網頁　274

6．3　回響式商務網頁製作實例　274

小結　275

習題　275

參考文獻　276