本書采用工作手冊式編寫思路，能夠幫助學生在學習過程中快速進入角色，明確職業特點和崗位職責。為將在企業實踐和職業崗位打好基礎。

本書配有電子資源包，包括教學課件、項目任務書、項目素材、項目演示視頻、任務實施視頻等。本書可作為高職高專、高職本科、應用型本科院校相關專業的教材，也可作為相關培訓教材，還可作為網頁設計師、網站程序員、網站開發愛好者的參考書。

本書是企業網站開發相關課程的實踐教材，以一套完整的企業網站項目為載體，以建站利器――CMS（內容管理繫統）的應用為主線，一步步介紹企業網站設計與開發的過程。本書按照企業網站設計與開發的實際工作過程，將企業網站項目分解為分析企業網站需求、設計企業網站前臺版面、制作企業網站前臺Web頁面、搭建企業網站開發環境、安裝CMS、創建企業網站功能欄目、創建企業網站模板風格、制作企業網站模板、分配企業網站管理權限、測試及發布企業網站、驗收企業網站、維護企業網站12個任務，每個任務均融入真實的工作情境，對接真實的工作內容，同時在任務實施前闡述任務的知識目標和技能目標，以概括完成每個任務讀者所需學習的知識和技能。本書采用工作手冊式編寫思路，能夠幫助學生在學習過程中快速進入角色，明確職業特點和崗位職責。為將在企業實踐和職業崗位打好基礎。本書配有電子資源包，包括教學課件、項目任務書、項目素材、項目演示視頻、任務實施視頻等。本書可作為高職高專、高職本科、應用型本科院校相關專業的教材，也可作為相關培訓教材，還可作為網頁設計師、網站程序員、網站開發愛好者的參考書。

林龍健，副教授，惠州經濟職業技術學院網絡通信工程繫主任、計算機網絡技術負責人，著作方向為網站設計與開發、軟件開發技術、計算機網絡技術， 一直從事計算機網絡技術、軟件技術等專業課程教學工作，自2007年至今，承擔了PHP程序設計、動態網站開發與設計、企業網站的規劃與設計、移動Web應用開發、網頁設計、PHP開源平臺應用、軟件功能模塊開發、計算機網絡基礎等30餘門課程的教學任務，期間遵循“教學科研並重”理念全面發展，獲得“優秀教師”6次，“教壇新秀”1次，“十佳青年教師”1次，教學質量評估優秀2次，主持精品在線開放課程1門，主持省級二類品牌專業建設項目1項，2019年被廣東省教育廳認定為“廣東省高職教育專業領軍人纔（計算機網絡技術）”。

本書是企業網站開發相關課程的實踐教材，以一套完整的企業網站項目為載體，以建站利器——CMS（內容管理繫統）的應用為主線，一步步介紹企業網站設計與開發的過程。本書按照企業網站設計與開發的實際工作過程，將企業網站項目分解為分析企業網站需求、設計企業網站前臺版面、制作企業網站前臺Web頁面、搭建企業網站開發環境、安裝CMS、創建企業網站功能欄目、創建企業網站模板風格、制作企業網站模板、分配企業網站管理權限、測試及發布企業網站、驗收企業網站、維護企業網站12個任務，每個任務均融入真實的工作情境，對接真實的工作內容，同時在任務實施前闡述任務的知識目標和技能目標，以概括完成每個任務讀者所需學習的知識和技能。

本書采用工作手冊式編寫思路，能夠幫助學生在學習過程中快速進入角色，明確職業特點和崗位職責。為將在企業實踐和職業崗位打好基礎。

本書配有電子資源包，包括教學課件、項目任務書、項目素材、項目演示視頻、任務實施視頻等。本書可作為高職高專、高職本科、應用型本科院校相關專業的教材，也可作為相關培訓教材，還可作為網頁設計師、網站程序員、網站開發愛好者的參考書。

任務1 分析企業網站需求 2
1．1 知識準備 2
1．1．1 企業網站的分類 2
1．1．2 企業網站需求分析 3
1．1．3 用戶調查 3
1．1．4 市場調研 4
1．1．5 網站功能說明書 4
1．2 任務實施 5
1．2．1 用戶調查 5
1．2．2 市場調研 6
1．2．3 網站功能分析 7
1．3 經驗分享 12
1．4 技能訓練 12
任務2 設計企業網站前臺版面 13
2．1 知識準備 13
2．1．1 網站版面設計流程 13
2．1．2 網站版面設計原則 14
2．1．3 網站版面布局 16
2．2 任務實施 17
2．2．1 設計“首頁”版面 17
2．2．2 設計“關於花公子頁”版面 18
2．2．3 設計“新聞動態欄目列表頁”版面 19
2．2．4 設計“新聞動態內容頁”版面 20
2．2．5 設計“產品中心欄目列表頁”版面 21
2．2．6 設計“產品中心內容頁”版面 23
2．2．7 設計“給我留言頁”版面 24
2．2．8 設計“聯繫我們頁”版面 25
2．3 經驗分享 26
2．4 技能訓練 26
任務3 制作企業網站前臺Web頁面 27
3．1 知識準備 27
3．1．1 網站版面“切圖”的含義 27
3．1．2 網站版面“切圖”的流程 28
3．1．3 網站版面“切圖”的核心知識 28
3．1．4 網站版面版位的CSS盒子模型分析方法 32
3．2 任務實施 33
3．2．1 “首頁”版面切圖 33
3．2．2 “關於花公子頁”版面切圖 50
3．2．3 “新聞動態欄目列表頁”版面切圖 54
3．2．4 “新聞動態內容頁”版面切圖 57
3．2．5 “產品中心欄目列表頁”版面切圖 61
3．2．6 “產品中心內容頁”版面切圖 65
3．2．7 “給我留言頁”版面切圖 69
3．2．8 “聯繫我們頁”版面切圖 74
3．3 經驗分享 77
3．4 技能訓練 77
任務4 搭建企業網站開發環境 78
4．1 知識準備 78
4．1．1 PHP運行環境 78
4．1．2 PHP代碼編輯工具 79
4．1．3 PHP集成開發環境 80
4．1．4 PHP程序運行原理 80
4．2 任務實施 81
4．2．1 安裝PHP代碼編輯工具 81
4．2．2 搭建集成開發環境 81
4．3 經驗分享 87
4．4 技能訓練 88
任務5 安裝CMS 89
5．1 知識準備 89
5．1．1 CMS概況 89
5．1．2 PHPCMS繫統功能結構 91
5．1．3 PHPCMS源代碼目錄結構 92
5．2 任務實施 93
5．2．1 下載PHPCMS 93
5．2．2 創建網站 94
5．2．3 安裝PHPCMS 95
5．3 經驗分享 100
5．4 技能訓練 100
任務6 創建企業網站功能欄目 101
6．1 知識準備 101
6．1．1 什麼是模型 101
6．1．2 PHPCMS V9 內置模型 102
6．1．3 PHPCMS V9 模型的管理和使用 102
6．1．4 PHPCMS V9 字段設置及重要字段舉例 104
6．2 任務實施 108
6．2．1 創建關於花公子欄目 108
6．2．2 創建新聞動態欄目 114
6．2．3 創建產品中心欄目 118
6．2．4 創建給我留言欄目 123
6．2．5 創建聯繫我們欄目 124
6．3 經驗分享 127
6．4 技能訓練 127
任務7 創建企業網站模板風格 128
7．1 知識準備 128
7．1．1 模板的含義 128
7．1．2 模板風格目錄結構 129
7．1．3 創建網站模板風格的方法 133
7．2 任務實施 134
7．2．1 創建網站模板風格 134
7．2．2 引入企業網站Web頁面相關文件 134
7．2．3 設置網站默認風格 136
7．3 經驗分享 136
7．4 技能訓練 137
任務8 制作企業網站模板 138
8．1 知識準備 138
8．1．1 PHPCMS模板語法規則 138
8．1．2 萬能標簽get的應用 140
8．1．3 PC標簽的應用 142
8．1．4 制作模板的常用標簽 143
8．1．5 碎片的應用 148
8．1．6 表單向導的應用 149
8．2 任務實施 151
8．2．1 制作首頁模板 151
8．2．2 制作關於花公子模板 173
8．2．3 制作新聞動態模板 181
8．2．4 制作產品中心模板 189
8．2．5 制作給我留言單網頁模板 199
8．2．6 制作聯繫我們單網頁模板 205
8．3 經驗分享 208
8．4 技能訓練 208
任務9 分配企業網站管理權限 209
9．1 知識準備 209
9．1．1 角色管理 209
9．1．2 管理員管理 211
9．2 任務實施 212
9．3 經驗分享 214
9．4 技能訓練 214
任務10 測試及發布企業網站 215
10．1 知識準備 215
10．1．1 測試企業網站 215
10．1．2 域名 218
10．1．3 虛擬主機 219
10．1．4 網站備案 220
10．2 任務實施 224
10．2．1 測試網站 224
10．2．2 注冊域名 225
10．2．3 購買虛擬主機 227
10．2．4 上傳花公子蜂蜜網站源文件 229
10．2．5 填報網站備案信息 230
10．3 經驗分享 232
10．4 技能訓練 233
任務11 驗收企業網站 234
11．1 知識準備 234
11．1．1 網站驗收流程 234
11．1．2 網站驗收報告 235
11．2 任務實施 238
11．2．1 驗收材料準備 238
11．2．2 撰寫網站驗收報告 238
11．2．3 確定驗收時間和地點 238
11．2．4 召開網站驗收會議 238
11．2．5 簽署網站驗收報告 238
11．3 經驗分享 239
11．4 技能訓練 239
任務12 維護企業網站 240
12．1 知識準備 240
12．1．1 網站維護的定義 240
12．1．2 網站維護的內容 241
12．1．3 網站維護的方式 241
12．1．4 網站維護報告 241
12．1．5 網站維護協議 242
12．2 任務實施 244
12．2．1 維護花公子蜂業科技有限公司門戶網站 244
12．2．2 撰寫網站維護報告 245
12．3 經驗分享 246
12．4 技能訓練 246

本書是企業網站開發相關課程的實踐教材，以一套完整的企業網站項目為載體，以建站利器——CMS（內容管理繫統）的應用為主線，一步步介紹企業網站設計與開發的過程。本書按照企業網站設計與開發的實際工作過程，將企業網站項目分解為分析企業網站需求、設計企業網站前臺版面、制作企業網站前臺Web頁面、搭建企業網站開發環境、安裝CMS、創建企業網站功能欄目、創建企業網站模板風格、制作企業網站模板、分配企業網站管理權限、測試及發布企業網站、驗收企業網站、維護企業網站12個任務，每個任務均融入真實的工作情境，對接真實的工作內容，同時在任務實施前闡述任務的知識目標和技能目標，以概括完成每個任務讀者所需學習的知識和技能。

本書采用工作手冊式編寫思路，能夠幫助學生在學習過程中快速進入角色，明確職業特點和崗位職責。為將在企業實踐和職業崗位打好基礎。

本書配有電子資源包，包括教學課件、項目任務書、項目素材、項目演示視頻、任務實施視頻等。本書可作為高職高專、高職本科、應用型本科院校相關專業的教材，也可作為相關培訓教材，還可作為網頁設計師、網站程序員、網站開發愛好者的參考書。

“互聯網+”的高速發展促進了各行各業對網站的需求，IT行業也進入了快速發展期，網站設計與開發相關崗位的人纔更是供不應求。目前，CMS（內容管理繫統）已被廣泛應用於具有網站設計與開發業務的IT公司，因為采用CMS開發網站，能夠極大地提高開發效率，降低企業開發成本，因此，CMS的應用也就成了網站設計與開發相關從業人員必備的核心技能。

CMS被稱為建站利器，功能十分強大，具有安全性好、通用性強、易學易用等特點，能夠滿足大部分企業網站的功能需求。與原生開發模式相比，使用CMS開發企業網站不需要開發網站後端（後臺），隻需制作出前端Web頁面模板即可，開發效率高且難度大幅降低。所以，讀者即使隻具備一定的網站前端知識與技能，也能輕松制作出企業網站。

在充分調研的基礎上，本書以一套完整的企業網站項目為載體，以CMS的應用為主線，按照行業工作過程和實際工作情境組織編寫。雖然本書所用的企業網站項目案例不多，但“五髒俱全”，充分突出了CMS在企業網站開發過程中的經典應用，重點培養讀者設計與開發整個網站的能力。

本書能夠很好地支持教學單位開展“三教改革”（教師改革，本書按照企業網站設計與開發的實際工作過程進行編寫，可方便組建結構化教師教學團隊；教材改革，本書以完整的企業網站項目設計與開發為教學內容；教法改革，本書能較好地支持開展項目教學、任務驅動教化的教學方法改革），同時，本書還具有以下特色。

【工作手冊式】

本書采用工作手冊式編寫思路，使學生盡快進入企業崗位角色，明確崗位職責和崗位特征，強化主體責任意識，為企業實踐和未來工作打好基礎。

【項目引領 任務驅動】

本書以一套完整的企業網站項目為載體，並按照企業網站設計與開發的實際工作過程和工作情境來設計工作任務，讓讀者在完成任務的過程中學習基於CMS的建站知識與技能，體現了職業教育中“做中學、學中做”的教育理念。

【工作過程與教學目標融合】

本書完全按照企業網站設計與開發的實際工作過程來編排，在每個任務中強調知識目標和技能目標，並采用圖文並茂的形式介紹任務實施過程，同時在每個任務實施前，引入完成該任務所需掌握的知識和技能，體現了職業教育中“實用、夠用”的原則。

【融入1+X證書內容】

本書融入Web前端開發職業技能等級標準，對接“靜態網頁開發”和“靜態網頁美化”兩個工作任務的內容。

【融入教學方法和編者經驗】

本書在編寫上融入教學方法，教師可以輕松地開展項目教學法、任務驅動教學法、小組教學法、角色扮演法等，在每個任務實施後，分享編者經驗，讓讀者進一步了解在設計與開發企業網站的過程中需要注意的細節及技巧。

【綜合實用性強】

本書與其他同類書籍相比，綜合應用的範圍更廣，不僅體現了網站版面設計、Web頁面制作、CMS應用，還融入了軟件工程文檔寫作、軟件測試等知識。項目實現的過程也體現了行業的工作過程，實用性非常強。

本書由廣東科貿職業學院林龍健、喬俊峰、汪海濤、李觀金、凡飛飛五位老師共同編寫。由於時間倉促，編者水平有限，書中難免存在不足之處，敬請廣大讀者批評與指正。

編 者

2020年12月