前言

FOREWORD

一、緣起

隨著計算機網絡技術的發展，人類正快速進入一個前所未有的、網絡化、信息化的社會。由于互聯網的迅猛發展，以及全球范圍內信息化的逐步實現，網絡已遍及人們生活的每個角落，逐漸改變著人們的生活、學習和工作方式，并進一步引起產業結構的變化。越來越多的企業、事業單位、行政機關和個人通過建設自己的網站，制作網頁來宣傳自己的形象，展示自己的風采，同時也不斷地從其他網站上獲取自己所需要的信息。時代的發展呼喚更多的網頁設計與制作人員加入到這個前景廣闊的工作中來。網頁設計與制作課程也成為高等院校計算機及其相關專業的一門重要的專業基礎課程。

二、結構

本書每一個單元都由“教學導航”“本單元單詞”“預備知識”“操作準備”“模仿訓練”“拓展訓練”“單元小結”組成；單元1至單元7還配備了“單元習題”；“模仿訓練”中每一個任務都包括“任務描述”“任務實施”兩個部分。

教學導航：明確教學目標、教學重點、教學難點和教學方法。

本單元單詞：列出了本單元需要學習者熟悉的相關英文單詞。

預備知識：給出了完成任務所需的相關知識。

操作準備：在正式完成網頁制作任務之前做好創建所需的文件夾、復制所需的資源、創建本地站點等方面的準備工作。

模仿訓練：引導學習者一步一步完成網頁設計與制作的相關任務。

拓展訓練：參照模仿訓練的過程，學習者自主完成類似的網頁設計與制作任務。加深學習者對知識的理解，對知識進行遷移，并強化學習者分析問題和解決問題的能力，激發學習者的創新實踐能力。

單元小結：對本單元的知識和訓練的技能進行簡要歸納總結。

單元習題：給出了各種題型的練習，包括上機題，以幫助學習者鞏固對本單元知識點、技能點的理解。上機題主要針對本單元中需要重點掌握的知識點、技能點以及在程序中容易出錯的內容進行練習，通過上機題的練習可以考察學習者對知識點、技能點的掌握情況，手工編寫代碼的熟練程度。

三、特點

1.強調技能訓練和動手能力的培養，重在培養應用型人才

本書以培養網頁設計與制作項目開發的基礎能力為目標，注重網頁設計與制作項目開發技術的應用，通過一個真實的、完整的“北京大學網站設計與制作”項目，對HTML和CSS的知識點、技能點進行重構和序化，讀者通過對該項目的模仿訓練，可對所學的知識和技能有所理解和掌握；通過“綠色食品網站網頁設計與制作”項目的拓展訓練，可加深學習者對所學知識的理解。

此外，本書強調手工編寫代碼的能力，為后續課程的學習打下良好的基礎。

2.基于工作過程，注重理論性和科學性

本書按網頁設計與制作的工作過程來設計和組織教學內容，根據計算機相關專業的職業崗位、職業能力要求，把需要掌握的相關知識點、技能點進行重構與序化，將項目分解為各種任務，并對任務進行模塊化處理，形成由易到難、由簡單到復雜的能力遞進的學習路徑。

本書由企業技術專家和學校教師共同開發，企業技術專家參與教材項目的選擇和項目實訓的編寫，并在技術的選擇以及項目分析方面提出了很多的合理化建議。

3.強調“四個真實”

本書以訓練網頁設計與制作技能為中心，在真實的開發環境中，以真實的制作流程，執行真實的開發要求，制作真實的網站。

真實環境：在真實的網站開發環境中完成網頁設計與制作任務，并要求在編輯器中手工編寫代碼。

真實過程：執行完整的作業流程，體驗真實的工作過程，教學內容的遞進過程實際上就是網頁設計與制作的真實工作過程。

真實要求：以職業化技術標準規范制作過程，嚴格按照W3C規范來要求。

真實項目：以真實的“北京大學網站設計與制作”項目作為教學載體，真實的“綠色食品網站設計與制作”項目作為拓展訓練項目。

4.豐富的課程資源

本書配套的課程資源豐富，包括：內容提要、教學導航、課程標準、課程整體設計、課程單元設計、單元單詞、任務實施微課視頻、任務實施電子教案PPT、單元習題、單元案例、項目源代碼、單元課程資源和微課云課堂等，如下表所示。

四、致謝

本書由貴州航天職業技術學院湯智華主編，由貴州交通職業技術學院信息工程系主任、貴州大數據產業職業教育集團秘書長王愛紅教授主審。

本書在編寫的過程中，得到了貴州省精品在線開放課程“網頁設計與制作”項目團隊老師的大力支持和幫助，他們提出了許多寶貴的意見和建議，在此向他們表示衷心的感謝。同時，本書的編寫還得到了重慶德克特信息技術有限公司教學總監張躍和遵義攜購科技網絡有限責任公司技術總監何海堂的指導和幫助，他們對于項目的選擇、項目實訓、任務設計提出了很多寶貴意見，在此對他們一并表示感謝。

由于作者水平有限，書中難免出現錯誤和不妥之處，敬請廣大讀者批評指正。

編者

2018年4月