《網(wǎng)頁設(shè)計與制作》課程標準

營銷型網(wǎng)站建設(shè)實訓(xùn)

課程標準課程編號：適用專業(yè)：電子商務(wù)課程類別：專業(yè)基礎(chǔ)課程修課方式：必修教學(xué)時數(shù)：64學(xué)時總學(xué)分數(shù)：4學(xué)分一、課程定位課程性質(zhì)《網(wǎng)頁設(shè)計與制作》是以計算機專業(yè)為主體，輻射計算機網(wǎng)絡(luò)技術(shù)專業(yè)、計算機應(yīng)用技術(shù)專業(yè)、電子商務(wù)專業(yè)、多媒體設(shè)計與制作專業(yè)等計算機類專業(yè)的理論實踐一體化課程，是計算機專業(yè)的專業(yè)基礎(chǔ)課程，也是電子商務(wù)的一門核心技能課程。圍繞電子商務(wù)專業(yè)的培養(yǎng)目標，該課程的定位為：.懂專業(yè)：掌握Web國際標準基礎(chǔ)知識；基于W3C網(wǎng)頁設(shè)計標準，熟悉和掌握靜態(tài)網(wǎng)頁設(shè)計與制作及小型網(wǎng)站建設(shè)與維護的基本知識。.精技能：掌握綜合運用網(wǎng)頁編輯軟件、圖像處理軟件(fireworks)設(shè)計和制作網(wǎng)頁的技能，熟練掌握DIV+CSS網(wǎng)頁布局設(shè)計方法，能熟練運用XHTML、CSS(及后續(xù)課程JavaScript)進行網(wǎng)站客戶端開發(fā)，熟悉Web國際標準，掌握小型網(wǎng)站策劃、分析、設(shè)計、布局、測試的職業(yè)能力；堅持手寫代碼，形成良好的代碼規(guī)范編寫習(xí)慣。.高素質(zhì)：在課程學(xué)習(xí)中培養(yǎng)學(xué)習(xí)和工作的方法能力，培養(yǎng)與人協(xié)作和做人的社會能力。課程作用《網(wǎng)頁設(shè)計與制作》是面向“網(wǎng)站美工、網(wǎng)站維護”職業(yè)崗位的領(lǐng)域課程，也是滿足職業(yè)崗位任職要求的基本能力課程。通過該課程的學(xué)習(xí)，實現(xiàn)以下專業(yè)知識、職業(yè)能力、職業(yè)素質(zhì)目標，為今后職業(yè)生涯發(fā)展打好基礎(chǔ)。知識目標：?熟悉和掌握靜態(tài)網(wǎng)頁設(shè)計與制作的基本知識；?掌握Web國際標準基礎(chǔ)知識；?了解和熟悉HTML語言；?掌握靜態(tài)網(wǎng)頁設(shè)計與制作的知識；?掌握網(wǎng)頁中DIV+CSS網(wǎng)頁布局方法；?掌握網(wǎng)頁中圖片設(shè)計和處理、動畫導(dǎo)入的知識；?掌握網(wǎng)站檢查與發(fā)布的知識；?堅持手寫代碼，形成良好的代碼規(guī)范編寫習(xí)慣。能力目標：?具備信息收集、處理、準備、加工的能力；?具備網(wǎng)頁設(shè)計及網(wǎng)頁中圖形設(shè)計、動畫導(dǎo)入的基本能力，能獨立設(shè)計并制作一個內(nèi)容完整、圖文并茂、技術(shù)運用得當?shù)男⌒挽o態(tài)網(wǎng)站；?具備初步的網(wǎng)站開發(fā)、維護和管理能力；具備獨立撰寫網(wǎng)站制作說明等技術(shù)文檔的基本能力。素質(zhì)目標：?按時守信的誠實作風(fēng)；?樂觀向上的敬業(yè)精神；?溝通協(xié)作的團隊意識；?知識獲取和應(yīng)用的自主學(xué)習(xí)能力；?探索實踐的創(chuàng)新能力；?手寫HTML代碼的能力；?正確使用手冊的能力。前導(dǎo)后續(xù)課程銜接《網(wǎng)頁設(shè)計與制作》課程作為電子商務(wù)專業(yè)的一門專業(yè)基礎(chǔ)課，是面向“網(wǎng)站維護”職業(yè)崗位的學(xué)習(xí)領(lǐng)域課程，也是滿足職業(yè)崗位任職要求的基本能力課程，側(cè)重于學(xué)習(xí)基于W3C網(wǎng)頁設(shè)計標準的靜態(tài)網(wǎng)頁的設(shè)計與制作、HTML語言、CSS樣式等相關(guān)知識。本課程的前置課程是網(wǎng)絡(luò)營銷基礎(chǔ)、辦公技能與應(yīng)用、Ph。toshop圖像處理、網(wǎng)站策劃，其后續(xù)課程是“網(wǎng)站優(yōu)化類”課程。可以解決中對網(wǎng)站前臺界面的設(shè)計和制作需求。二、課程設(shè)計課程設(shè)計理念（1）課程設(shè)計體現(xiàn)動手實踐能力同類課程大都圍繞網(wǎng)頁設(shè)計與制作軟件（如：Dreamweaver）的功能使用展開教學(xué)。為使學(xué)生畢業(yè)后能滿足實際工作崗位的需求，課程教學(xué)必須要教會學(xué)生熟悉Web標準，掌握DIV+CSS網(wǎng)頁布局方法，使用網(wǎng)站建設(shè)的流行技術(shù)，堅持手寫代碼，形成良好的代碼規(guī)范編寫習(xí)慣，制作符合Web標準的靜態(tài)網(wǎng)站，為后續(xù)“Web系統(tǒng)開發(fā)技術(shù)類”課程的學(xué)習(xí)打下良好的基礎(chǔ)。由此，形成了課程設(shè)計的雛形。本課程倡導(dǎo)“開放式學(xué)習(xí)、實踐中學(xué)習(xí)、自主學(xué)習(xí)、按需學(xué)習(xí)”的學(xué)習(xí)觀念，本課程的教學(xué)資源全部可在網(wǎng)上瀏覽和下載，任何學(xué)習(xí)者（Anyone）在任何時候（Anytime）、任何地方（Anywhere）都能獲取知識、訓(xùn)練技能，保證學(xué)習(xí)者按需學(xué)習(xí)和自主學(xué)習(xí)。注重與企業(yè)合作，按照“職業(yè)崗位一崗位需求能力一確立教學(xué)項目”的項目導(dǎo)向式的運行機制來組織教學(xué)，以突出專業(yè)課程的職業(yè)性、實踐性和開放性……⑵課程教學(xué)貫穿職業(yè)能力和素質(zhì)培養(yǎng)在進行課程設(shè)計時，通過將理論知識和實踐技能整合，將專業(yè)能力培養(yǎng)和職業(yè)素質(zhì)培養(yǎng)整合，將工作過程與學(xué)生認知規(guī)律整合，使課程教學(xué)貫穿職業(yè)能力和素質(zhì)培養(yǎng)。通過創(chuàng)設(shè)真實的情境獲得職業(yè)內(nèi)容和工作環(huán)境的感性認識；學(xué)以致用，通過融“教、學(xué)、做”一體的教學(xué)活動、通過實施以學(xué)生為中心的教學(xué)，通過提高教師的教學(xué)駕馭能力和發(fā)揮榜樣作用，切實提高人才培養(yǎng)質(zhì)量。（3）課程實施通過真實任務(wù)驅(qū)動在具體教學(xué)過程中，以真實項目導(dǎo)向，真實任務(wù)引領(lǐng)，并以任務(wù)驅(qū)動來完成整個教學(xué)過程。在任務(wù)中涵蓋教學(xué)的基本要求和從事實際工作所需要的知識和技能，并留有自主學(xué)習(xí)和拓展提高的空間。讓學(xué)生介入完成實際工作任務(wù)，讓已有知識和技能作為完成下一步任務(wù)的基礎(chǔ)，讓完成任務(wù)的過程成為一個愉悅的過程，讓學(xué)生在完成任務(wù)后取得明確的成果，讓自主獲取新的成果成為進一步激發(fā)學(xué)習(xí)熱情的動力。課程設(shè)計思路圍繞“將工作任務(wù)轉(zhuǎn)化為真實項目導(dǎo)向、任務(wù)引領(lǐng)、并以任務(wù)驅(qū)動進行教學(xué)的課程”的思路進行課程設(shè)計。（1）工作任務(wù)分析“用戶界面設(shè)計（UI）”職業(yè)崗位的核心工作任務(wù)是：網(wǎng)頁設(shè)計與制作，即：網(wǎng)站前端設(shè)計。其具體的工作為：按照客戶的要求進行網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計，綜合運用網(wǎng)頁編輯軟件、圖像處理軟件（或Fireworks）設(shè)計和制作網(wǎng)頁，應(yīng)用DIV+CSS網(wǎng)頁布局設(shè)計方法，完成基于Web國際標準的靜態(tài)網(wǎng)站策劃、分析、設(shè)計、布局、測試的工作，并解決'Web系統(tǒng)開發(fā)技術(shù)類”課程中對網(wǎng)站前臺界面的設(shè)計和制作需求。堅持手寫代碼，形成良好的代碼規(guī)范編寫習(xí)慣，也為今后勝任小型動態(tài)網(wǎng)站建設(shè)、大型網(wǎng)站的規(guī)劃與建設(shè)工作打好基礎(chǔ)。（2）工作任務(wù)設(shè)計在網(wǎng)頁設(shè)計與制作課程學(xué)習(xí)領(lǐng)域中貫穿兩個平行的項目：一個是模仿項目：北京大學(xué)網(wǎng)站設(shè)計與制作；一個是拓展項目：綠色食品網(wǎng)站設(shè)計與制作；模仿型項目來源于北京大學(xué)網(wǎng)站，這是一個真實的項目，也是一個學(xué)生感興趣的項目。以模仿型項目作為教學(xué)載體，教學(xué)的基本要求和完成實際工作所要求的基本知識、技能都融入在該項目中。根據(jù)網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)的實際工作流程，將該項目分成若干子任務(wù)，學(xué)生依據(jù)任務(wù)樣本，在教師的示范引導(dǎo)下通過模仿而逐個完成子任務(wù)，最后完成項目，獲取學(xué)習(xí)成果。與完成該模仿型項目相平行，以拓展項目作為提高。教師只給出原則性要求，網(wǎng)站內(nèi)容依據(jù)學(xué)生個人愛好自由確定，技術(shù)的運用在滿足原則要求的前提下由學(xué)生創(chuàng)意發(fā)揮，實現(xiàn)知識的拓展和能力的進一步提高。在主講教師和企業(yè)兼職教師的共同指導(dǎo)下，組織學(xué)生參與實際項目開發(fā)，全面鍛煉學(xué)生的綜合素質(zhì)和職業(yè)能力。創(chuàng)建的網(wǎng)站包括3個頁面，分為兩層，第一層為首頁，第二層為1個列表頁和1個詳情頁。教學(xué)內(nèi)容完全根據(jù)真實任務(wù)來確定。網(wǎng)頁只有鏈接成網(wǎng)站才有其存在的意義，所以網(wǎng)頁設(shè)計與制作實際上就是網(wǎng)站設(shè)計與制作。（3）教學(xué)模式設(shè)計該課程采用“項目導(dǎo)向、任務(wù)驅(qū)動、理實一體”的教學(xué)模式。課程教學(xué)全部在多媒體網(wǎng)絡(luò)機房進行，整個教學(xué)過程分為“項目的導(dǎo)入〉逐個完成由模仿項目切分而成的子任務(wù)，與此同步逐步完成拓展型項目>最后完成兩個項目（獲取學(xué)習(xí)成果）”的過程，輔以課余參與實際項目的開發(fā)，給學(xué)生提供進一步鍛煉與提高的機會。（4）評價考核模式設(shè)計課程考核是檢驗課程教學(xué)效果、學(xué)生知識技能掌握程度的有效手段，本課程在設(shè)計考核方式時應(yīng)遵循學(xué)生主動性原則、合作學(xué)習(xí)原則、體驗成功原則、注重過程原則，對網(wǎng)頁設(shè)計與制作課程的考核方式進行全方面、多角度的設(shè)計。本課程主要采取“平時考核+階段考核+綜合評價”綜合性的考核方式。該課程實行“以完成模仿項目質(zhì)量為基礎(chǔ)，以完成拓展項目質(zhì)量為重點，兼顧質(zhì)量、學(xué)習(xí)態(tài)度、學(xué)習(xí)紀律、協(xié)作能力等，全方位、多角度”的考核評價模式。將課程考核分為：平時、階段和綜合三部分。平時考核依據(jù)完成模仿項目的質(zhì)量。學(xué)生在教師引導(dǎo)下完成模仿項目情況能準確地反映出學(xué)生基本知識、技能掌握情況。每完成一個子任務(wù)，教師選用請學(xué)生自評、學(xué)生間互評、教師評價的方式給每一個學(xué)生恰如其分的評價，并記錄為平時成績?？己撕?，如學(xué)生對本人完成項目情況不滿意，允許進一步完善，重新考核。平時考核與巡回指導(dǎo)同步進行，當場完成。階段考核依據(jù)完成拓展項目質(zhì)量，兼顧原有水平。完成和模仿項目同時進行的拓展項目的質(zhì)量，較好地反映了學(xué)生自主學(xué)習(xí)、協(xié)作學(xué)習(xí)、知識綜合運用、拓展創(chuàng)新的能力。將該項目分為若干階段，學(xué)生完成每一階段任務(wù)后都要撰寫制作說明，然后提交階段性作品和制作說明，由教師根據(jù)每階段考核要求進行評價，同時兼顧原有水平。綜合評價主要根據(jù)學(xué)生的完成模仿項目、拓展項目、出勤率、學(xué)習(xí)態(tài)度、學(xué)習(xí)紀律、協(xié)作能力等進行。具體考核內(nèi)容與分數(shù)比值如表下所示：考核類型評價主體考核內(nèi)容比例平時考核任課教師、學(xué)生完成模仿項目質(zhì)量30%階段考核任課教師、學(xué)生完成拓展項目質(zhì)量，兼顧原有水平40%綜合評價任課教師、學(xué)生出勤率、學(xué)習(xí)態(tài)度、學(xué)習(xí)紀律、協(xié)作能力、考證和實戰(zhàn)等30%（5）職業(yè)能力培養(yǎng)模式設(shè)計根據(jù)職業(yè)能力和職業(yè)素質(zhì)目標，確定職業(yè)能力培養(yǎng)和課程教學(xué)中相應(yīng)學(xué)習(xí)情境、教學(xué)活動一一對應(yīng)，貫穿于課程教學(xué)始終。職業(yè)能力培養(yǎng)和教學(xué)活動對應(yīng)如下完成模仿型教學(xué)任務(wù)過程學(xué)會探索、學(xué)會學(xué)習(xí)、學(xué)會傳承完成拓展型教學(xué)任務(wù)過程自主學(xué)習(xí)、開拓創(chuàng)新、團隊協(xié)作能力、查閱資料的能力參與企業(yè)實際項目開發(fā)團隊協(xié)作能力、完成實際工作的能力、學(xué)習(xí)能力作品展示口頭表達、歸納總結(jié)能力撰寫網(wǎng)站規(guī)劃書和設(shè)計說明撰寫簡單科技文檔的能力考勤制度、教學(xué)規(guī)范責(zé)任心、時間掌控能力教師在教學(xué)活動中榜樣作用做一個真誠、有追求、有人責(zé)任心、知識豐富、技能嫻熟的“人”三、課程內(nèi)容與要求根據(jù)Web前臺技術(shù)行業(yè)網(wǎng)頁美工、網(wǎng)頁設(shè)計與制作職業(yè)崗位的要求，應(yīng)具備較好的網(wǎng)頁布局與美化、網(wǎng)頁設(shè)計與制作能力，本課程的教學(xué)以項目為載體。課程教學(xué)采用“理論實踐一體化”教學(xué)模式，理論教學(xué)內(nèi)容與實踐教學(xué)內(nèi)容融為一體根據(jù)網(wǎng)頁美工、網(wǎng)頁設(shè)計與制作崗位的能力要求，兼顧學(xué)生的認知規(guī)律，重構(gòu)了課程結(jié)構(gòu)將本課程的教學(xué)內(nèi)容分解為10個單元，形成了以項目為載體的課程結(jié)構(gòu)。教學(xué)單元設(shè)計如下表所示。序號單元名稱學(xué)時1網(wǎng)頁賞析、創(chuàng)建站點與瀏覽網(wǎng)頁42網(wǎng)站項目開發(fā)環(huán)境搭建4

3圖文混排網(wǎng)頁的制作44表格與表格布局網(wǎng)頁的制作45包含flash元素和超級鏈接的網(wǎng)頁制作46表單網(wǎng)頁的制作87CSS布局與網(wǎng)頁美化88網(wǎng)站首頁的設(shè)計與制作129網(wǎng)站列表頁的設(shè)計與制作810網(wǎng)站詳情頁的設(shè)計與制作8合計64網(wǎng)頁設(shè)計與制作課程的項目課程結(jié)構(gòu)與學(xué)時分配如下表所示：編號單元名稱教學(xué)內(nèi)容主要教學(xué)知識點教學(xué)目標參考學(xué)時1網(wǎng)頁賞析、創(chuàng)建站點與瀏覽網(wǎng)頁站點的創(chuàng)建與管理認識網(wǎng)頁、網(wǎng)站和瀏覽器窗口的基本組成認識網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)了解制作網(wǎng)頁的常用軟件了解網(wǎng)頁的相關(guān)概念和術(shù)語站點的創(chuàng)建與管理網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素Dreamweaver的界面布局與工作環(huán)境學(xué)會創(chuàng)建本地站點和管理本地站點熟悉Dreamweaver的工作界面熟悉瀏覽器窗口的基本組成和網(wǎng)頁的基本組成元素了解網(wǎng)站與網(wǎng)頁的相關(guān)概念5?認識網(wǎng)頁的基本布局結(jié)構(gòu)6.了解一些制作網(wǎng)頁、處理圖像、制作動畫的工具7?能分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等42網(wǎng)站項目開發(fā)環(huán)境搭建了解手冊的使用編輯器(SublimeText)的工作界面熟悉HTML文檔結(jié)構(gòu)創(chuàng)建HTML骨架使用谷歌瀏覽器審查元素手冊的使用編輯器的使用HTML的文檔結(jié)構(gòu)創(chuàng)建HTML骨架谷歌瀏覽器審查元素方法熟悉手冊的基本界面，能靈活使用手冊查詢相關(guān)內(nèi)容和自我學(xué)習(xí)熟悉編輯器(SublimeText)的工作界面熟悉Html的文檔結(jié)構(gòu)能定義Html的文件信息能熟練地使用創(chuàng)建好的HTML骨架了解網(wǎng)頁文件頭內(nèi)容的設(shè)置方法掌握谷歌瀏覽器審查元素的方法43圖文混排網(wǎng)頁的制作1.站點的創(chuàng)建與管理2?在網(wǎng)頁中進行頁面控制制作文本網(wǎng)頁制作圖文混排的網(wǎng)頁1?文件面板的使用站點的創(chuàng)建與管理創(chuàng)建項目列表和編號列表4?插入特殊字符、水平線、日期對象在頁面中插入圖像設(shè)置圖像屬性掌握對網(wǎng)頁文檔的基本操作掌握設(shè)置網(wǎng)頁整體屬性的操作方法3?掌握在網(wǎng)頁中輸入文字、編輯文本、設(shè)置文本屬性、設(shè)置項目列表、輸入空格、文本換行的操作方法4?掌握在網(wǎng)頁中插入特殊字符、插入水平線和插入日期的操作方法4

5?掌握在網(wǎng)頁中插入圖像、鼠標經(jīng)過圖像的方法掌握設(shè)置頁面背景圖像和圖像屬性的方法能創(chuàng)建與管理站點能進行頁面控制能進行文本操作能在網(wǎng)頁中進行圖文混排熟悉HTML的基本結(jié)構(gòu)4表格與表格布局網(wǎng)頁的制作在網(wǎng)頁中插入表格設(shè)置表格和單元格屬性在表格中插入網(wǎng)頁元素插入表格設(shè)置表格屬性插入嵌套表格單元格屬性設(shè)置在表格中插入網(wǎng)頁元素1?能正確地插入表格，合理地設(shè)置表格的屬性能正確地在表格中插入嵌套表格，并合理地設(shè)置嵌套表格的屬性掌握單元格的合并、拆分、插入和刪除的操作方法能正確地設(shè)置表格中行和列的屬性5?能正確設(shè)置表格、單元格的背景圖像和背景顏色6.能正確地在表格中輸入文字并定位45包含F(xiàn)lash元素和超級鏈接的網(wǎng)頁制作在網(wǎng)頁中插入Flash動畫或圖像在網(wǎng)頁中創(chuàng)建多個超級鏈接1?創(chuàng)建外部鏈接2?創(chuàng)建內(nèi)部鏈接創(chuàng)建電子郵件鏈接創(chuàng)建錨點鏈接5?創(chuàng)建圖像熱點鏈接創(chuàng)建文件下載鏈接創(chuàng)建空地址鏈接檢查鏈接創(chuàng)建文字形式的導(dǎo)航欄實現(xiàn)滾動圖片功能1.能創(chuàng)建網(wǎng)頁的內(nèi)部鏈接和外部鏈接2?能在圖像中設(shè)置熱點區(qū)域，并創(chuàng)建圖像熱點鏈接能創(chuàng)建命名錨記和到該命名錨記的鏈接能創(chuàng)建電子郵件鏈接5?能更改鏈接顏色、設(shè)置鏈接的打開方式、設(shè)置空鏈接能測試鏈接的有效性能正確地插入Flash動畫8?進一步熟悉使用表格進行網(wǎng)頁布局，靈活設(shè)置表格及單元格的屬性9?掌握滾動圖片的方法10.掌握絕對路徑和相對路徑以及鏈接的類型46表單網(wǎng)頁的制作在網(wǎng)頁中插入表單域設(shè)置表單域的屬性在表單域中插入表單控件插入表單域插入表單控件設(shè)置表單域?qū)傩阅茉诰W(wǎng)頁中正確插入表單域能在表單域中正確插入各項表單控件87CSS布局與網(wǎng)頁美化創(chuàng)建美化頁面元素的樣式輸入文字和插入各種頁面元素應(yīng)用美化頁面元素樣式美化網(wǎng)頁1?創(chuàng)建美化頁面元素的樣式美化頁面元素樣式屬性的設(shè)置在頁面各個區(qū)塊中輸入文字或插入頁面元素應(yīng)用美化頁面元素樣式美化網(wǎng)頁能創(chuàng)建美化頁面元素的樣式能在使用DIV+CSS布局的網(wǎng)頁中輸入文字和插入各種頁面元素能應(yīng)用美化頁面元素樣式美化網(wǎng)頁88網(wǎng)站首1.畫出網(wǎng)站的整體結(jié)構(gòu)，1.網(wǎng)站開發(fā)基本流程1.能應(yīng)用CSS樣式設(shè)計網(wǎng)站首頁的主體布局結(jié)12

頁的設(shè)計與制作對每個網(wǎng)頁進行規(guī)劃2?使用DIV+CSS和表格聯(lián)合布局網(wǎng)頁設(shè)計與制作導(dǎo)航欄插入網(wǎng)頁元素網(wǎng)站規(guī)劃與組織網(wǎng)頁設(shè)計基本原理與方法網(wǎng)頁設(shè)計的規(guī)范網(wǎng)站各頁面的布局結(jié)構(gòu)設(shè)計CSS樣式的創(chuàng)建與屬性設(shè)置導(dǎo)航欄的設(shè)計與制作插入網(wǎng)頁元素超級鏈接的設(shè)置構(gòu)能應(yīng)用CSS樣式設(shè)計網(wǎng)站首頁的局部布局結(jié)構(gòu)能設(shè)計與制作導(dǎo)航欄會插入SWF動畫會創(chuàng)建包含底部導(dǎo)航欄和版權(quán)信息的腳本文件6?會設(shè)計用戶登錄表單9網(wǎng)站列表頁的設(shè)計與制作1.畫出網(wǎng)站的整體結(jié)構(gòu)，對每個網(wǎng)頁進行規(guī)劃2?使用DIV+CSS和表格聯(lián)合布局網(wǎng)頁設(shè)計與制作導(dǎo)航欄插入網(wǎng)頁元素網(wǎng)站開發(fā)基本流程網(wǎng)站規(guī)劃與組織網(wǎng)頁設(shè)計基本原理與方法網(wǎng)頁設(shè)計的規(guī)范網(wǎng)站各頁面的布局結(jié)構(gòu)設(shè)計CSS樣式的創(chuàng)建與屬性設(shè)置導(dǎo)航欄的設(shè)計與制作插入網(wǎng)頁元素超級鏈接的設(shè)置能應(yīng)用CSS樣式設(shè)計網(wǎng)站列表頁的主體布局結(jié)構(gòu)能應(yīng)用CSS樣式設(shè)計網(wǎng)站列表頁的局部布局結(jié)構(gòu)能設(shè)計與制作導(dǎo)航欄會插入SWF動畫會創(chuàng)建包含底部導(dǎo)航欄和版權(quán)信息的腳本文件6?會設(shè)計用戶登錄表單810網(wǎng)站詳情頁的設(shè)計與制作1?畫出網(wǎng)站的整體結(jié)構(gòu)，對每個網(wǎng)頁進行規(guī)劃2?使用DIV+CSS和表格聯(lián)合布局網(wǎng)頁3?設(shè)計與制作導(dǎo)航欄4?插入網(wǎng)頁元素網(wǎng)站開發(fā)基本流程網(wǎng)站規(guī)劃與組織網(wǎng)頁設(shè)計基本原理與方法網(wǎng)頁設(shè)計的規(guī)范網(wǎng)站各頁面的布局結(jié)構(gòu)設(shè)計CSS樣式的創(chuàng)建與屬性設(shè)置導(dǎo)航欄的設(shè)計與制作插入網(wǎng)頁元素超級鏈接的設(shè)置能應(yīng)用CSS樣式設(shè)計網(wǎng)站詳情頁的主體布局結(jié)構(gòu)能應(yīng)用CSS樣式設(shè)計網(wǎng)站詳情頁的局部布局結(jié)構(gòu)能設(shè)計與制作導(dǎo)航欄會插入SWF動畫會創(chuàng)建包含底部導(dǎo)航欄和版權(quán)信息的腳本文件6?會設(shè)計用戶登錄表單8合計64四、教學(xué)資源要求教材選取原則教材選取遵循“適用、實用、夠用”的原則。（1）適用：教材要以網(wǎng)頁制作技術(shù)為基礎(chǔ)，符合網(wǎng)頁設(shè)計與制作員的能力要求和本課程的培養(yǎng)目標。（2）實用：教材的教學(xué)內(nèi)容要注意基礎(chǔ)性、啟發(fā)性、應(yīng)用性和拓展性的結(jié)合，符合高職計算機多媒體技術(shù)專業(yè)學(xué)生特點；教材應(yīng)按實際工作案例組織編寫內(nèi)容，注意網(wǎng)頁制作技術(shù)與美學(xué)藝術(shù)的結(jié)合，重在培養(yǎng)學(xué)生的創(chuàng)新思維和專業(yè)技能；教材應(yīng)以真實項目為主線，按網(wǎng)站實際創(chuàng)建過程組織編寫內(nèi)容，強調(diào)理論與實踐的結(jié)合，便于實現(xiàn)“教、學(xué)、做”三位一體的“理論實踐一體化課堂”的教學(xué)模式。（3）夠用：教材的內(nèi)容主要包括網(wǎng)頁制作技術(shù)和網(wǎng)頁制作的實際操作技能，不涉及太多、太深的理論知識。推薦教材參考的教學(xué)資料教學(xué)環(huán)境資源要求（1）教師要求執(zhí)教教師應(yīng)熟悉HTML、CSS、JavaScript等方面的理論知識，熟悉Dreamweaver網(wǎng)頁制作工具，能夠使用Dreamwea