前言

FOREWORD

一、緣起

隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展，人類正快速進(jìn)入一個(gè)前所未有的、網(wǎng)絡(luò)化、信息化的社會(huì)。由于互聯(lián)網(wǎng)的迅猛發(fā)展，以及全球范圍內(nèi)信息化的逐步實(shí)現(xiàn)，網(wǎng)絡(luò)已遍及人們生活的每個(gè)角落，逐漸改變著人們的生活、學(xué)習(xí)和工作方式，并進(jìn)一步引起產(chǎn)業(yè)結(jié)構(gòu)的變化。越來(lái)越多的企業(yè)、事業(yè)單位、行政機(jī)關(guān)和個(gè)人通過(guò)建設(shè)自己的網(wǎng)站，制作網(wǎng)頁(yè)來(lái)宣傳自己的形象，展示自己的風(fēng)采，同時(shí)也不斷地從其他網(wǎng)站上獲取自己所需要的信息。時(shí)代的發(fā)展呼喚更多的網(wǎng)頁(yè)設(shè)計(jì)與制作人員加入到這個(gè)前景廣闊的工作中來(lái)。網(wǎng)頁(yè)設(shè)計(jì)與制作課程也成為高等院校計(jì)算機(jī)及其相關(guān)專業(yè)的一門(mén)重要的專業(yè)基礎(chǔ)課程。

二、結(jié)構(gòu)

本書(shū)每一個(gè)單元都由“教學(xué)導(dǎo)航”“本單元單詞”“預(yù)備知識(shí)”“操作準(zhǔn)備”“模仿訓(xùn)練”“拓展訓(xùn)練”“單元小結(jié)”組成；單元1至單元7還配備了“單元習(xí)題”；“模仿訓(xùn)練”中每一個(gè)任務(wù)都包括“任務(wù)描述”“任務(wù)實(shí)施”兩個(gè)部分。

教學(xué)導(dǎo)航：明確教學(xué)目標(biāo)、教學(xué)重點(diǎn)、教學(xué)難點(diǎn)和教學(xué)方法。

本單元單詞：列出了本單元需要學(xué)習(xí)者熟悉的相關(guān)英文單詞。

預(yù)備知識(shí)：給出了完成任務(wù)所需的相關(guān)知識(shí)。

操作準(zhǔn)備：在正式完成網(wǎng)頁(yè)制作任務(wù)之前做好創(chuàng)建所需的文件夾、復(fù)制所需的資源、創(chuàng)建本地站點(diǎn)等方面的準(zhǔn)備工作。

模仿訓(xùn)練：引導(dǎo)學(xué)習(xí)者一步一步完成網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)任務(wù)。

拓展訓(xùn)練：參照模仿訓(xùn)練的過(guò)程，學(xué)習(xí)者自主完成類似的網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)。加深學(xué)習(xí)者對(duì)知識(shí)的理解，對(duì)知識(shí)進(jìn)行遷移，并強(qiáng)化學(xué)習(xí)者分析問(wèn)題和解決問(wèn)題的能力，激發(fā)學(xué)習(xí)者的創(chuàng)新實(shí)踐能力。

單元小結(jié)：對(duì)本單元的知識(shí)和訓(xùn)練的技能進(jìn)行簡(jiǎn)要?dú)w納總結(jié)。

單元習(xí)題：給出了各種題型的練習(xí)，包括上機(jī)題，以幫助學(xué)習(xí)者鞏固對(duì)本單元知識(shí)點(diǎn)、技能點(diǎn)的理解。上機(jī)題主要針對(duì)本單元中需要重點(diǎn)掌握的知識(shí)點(diǎn)、技能點(diǎn)以及在程序中容易出錯(cuò)的內(nèi)容進(jìn)行練習(xí)，通過(guò)上機(jī)題的練習(xí)可以考察學(xué)習(xí)者對(duì)知識(shí)點(diǎn)、技能點(diǎn)的掌握情況，手工編寫(xiě)代碼的熟練程度。

三、特點(diǎn)

1.強(qiáng)調(diào)技能訓(xùn)練和動(dòng)手能力的培養(yǎng)，重在培養(yǎng)應(yīng)用型人才

本書(shū)以培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目開(kāi)發(fā)的基礎(chǔ)能力為目標(biāo)，注重網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目開(kāi)發(fā)技術(shù)的應(yīng)用，通過(guò)一個(gè)真實(shí)的、完整的“北京大學(xué)網(wǎng)站設(shè)計(jì)與制作”項(xiàng)目，對(duì)HTML和CSS的知識(shí)點(diǎn)、技能點(diǎn)進(jìn)行重構(gòu)和序化，讀者通過(guò)對(duì)該項(xiàng)目的模仿訓(xùn)練，可對(duì)所學(xué)的知識(shí)和技能有所理解和掌握；通過(guò)“綠色食品網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作”項(xiàng)目的拓展訓(xùn)練，可加深學(xué)習(xí)者對(duì)所學(xué)知識(shí)的理解。

此外，本書(shū)強(qiáng)調(diào)手工編寫(xiě)代碼的能力，為后續(xù)課程的學(xué)習(xí)打下良好的基礎(chǔ)。

2.基于工作過(guò)程，注重理論性和科學(xué)性

本書(shū)按網(wǎng)頁(yè)設(shè)計(jì)與制作的工作過(guò)程來(lái)設(shè)計(jì)和組織教學(xué)內(nèi)容，根據(jù)計(jì)算機(jī)相關(guān)專業(yè)的職業(yè)崗位、職業(yè)能力要求，把需要掌握的相關(guān)知識(shí)點(diǎn)、技能點(diǎn)進(jìn)行重構(gòu)與序化，將項(xiàng)目分解為各種任務(wù)，并對(duì)任務(wù)進(jìn)行模塊化處理，形成由易到難、由簡(jiǎn)單到復(fù)雜的能力遞進(jìn)的學(xué)習(xí)路徑。

本書(shū)由企業(yè)技術(shù)專家和學(xué)校教師共同開(kāi)發(fā)，企業(yè)技術(shù)專家參與教材項(xiàng)目的選擇和項(xiàng)目實(shí)訓(xùn)的編寫(xiě)，并在技術(shù)的選擇以及項(xiàng)目分析方面提出了很多的合理化建議。

3.強(qiáng)調(diào)“四個(gè)真實(shí)”

本書(shū)以訓(xùn)練網(wǎng)頁(yè)設(shè)計(jì)與制作技能為中心，在真實(shí)的開(kāi)發(fā)環(huán)境中，以真實(shí)的制作流程，執(zhí)行真實(shí)的開(kāi)發(fā)要求，制作真實(shí)的網(wǎng)站。

真實(shí)環(huán)境：在真實(shí)的網(wǎng)站開(kāi)發(fā)環(huán)境中完成網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)，并要求在編輯器中手工編寫(xiě)代碼。

真實(shí)過(guò)程：執(zhí)行完整的作業(yè)流程，體驗(yàn)真實(shí)的工作過(guò)程，教學(xué)內(nèi)容的遞進(jìn)過(guò)程實(shí)際上就是網(wǎng)頁(yè)設(shè)計(jì)與制作的真實(shí)工作過(guò)程。

真實(shí)要求：以職業(yè)化技術(shù)標(biāo)準(zhǔn)規(guī)范制作過(guò)程，嚴(yán)格按照W3C規(guī)范來(lái)要求。

真實(shí)項(xiàng)目：以真實(shí)的“北京大學(xué)網(wǎng)站設(shè)計(jì)與制作”項(xiàng)目作為教學(xué)載體，真實(shí)的“綠色食品網(wǎng)站設(shè)計(jì)與制作”項(xiàng)目作為拓展訓(xùn)練項(xiàng)目。

4.豐富的課程資源

本書(shū)配套的課程資源豐富，包括：內(nèi)容提要、教學(xué)導(dǎo)航、課程標(biāo)準(zhǔn)、課程整體設(shè)計(jì)、課程單元設(shè)計(jì)、單元單詞、任務(wù)實(shí)施微課視頻、任務(wù)實(shí)施電子教案PPT、單元習(xí)題、單元案例、項(xiàng)目源代碼、單元課程資源和微課云課堂等，如下表所示。

四、致謝

本書(shū)由貴州航天職業(yè)技術(shù)學(xué)院湯智華主編，由貴州交通職業(yè)技術(shù)學(xué)院信息工程系主任、貴州大數(shù)據(jù)產(chǎn)業(yè)職業(yè)教育集團(tuán)秘書(shū)長(zhǎng)王愛(ài)紅教授主審。

本書(shū)在編寫(xiě)的過(guò)程中，得到了貴州省精品在線開(kāi)放課程“網(wǎng)頁(yè)設(shè)計(jì)與制作”項(xiàng)目團(tuán)隊(duì)老師的大力支持和幫助，他們提出了許多寶貴的意見(jiàn)和建議，在此向他們表示衷心的感謝。同時(shí)，本書(shū)的編寫(xiě)還得到了重慶德克特信息技術(shù)有限公司教學(xué)總監(jiān)張躍和遵義攜購(gòu)科技網(wǎng)絡(luò)有限責(zé)任公司技術(shù)總監(jiān)何海堂的指導(dǎo)和幫助，他們對(duì)于項(xiàng)目的選擇、項(xiàng)目實(shí)訓(xùn)、任務(wù)設(shè)計(jì)提出了很多寶貴意見(jiàn)，在此對(duì)他們一并表示感謝。

由于作者水平有限，書(shū)中難免出現(xiàn)錯(cuò)誤和不妥之處，敬請(qǐng)廣大讀者批評(píng)指正。

編者

2018年4月