《網(wǎng)站建設(shè)與管理》課程標(biāo)準(zhǔn)

《網(wǎng)站建設(shè)與管理》課程標(biāo)準(zhǔn)一、課程名稱網(wǎng)站建設(shè)與管理二、適用專業(yè)中等職業(yè)學(xué)校電子商務(wù)專業(yè)、計(jì)算機(jī)相關(guān)專業(yè)三、課程性質(zhì)與地位本課程是中等職業(yè)學(xué)校電子商務(wù)專業(yè)、計(jì)算機(jī)相關(guān)專業(yè)的一門核心課程，是從事網(wǎng)站設(shè)計(jì)崗位工作的必修課程。其功能是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)的職業(yè)技能，具備從事網(wǎng)頁制作、網(wǎng)站維護(hù)等相關(guān)職業(yè)能力。四、課程目標(biāo)（職業(yè)能力要求）通過本課程的學(xué)習(xí)，使學(xué)生了解網(wǎng)站設(shè)計(jì)和開發(fā)流程，掌握常用的網(wǎng)頁制作技術(shù)，能夠靈活應(yīng)用Dreamweavercs5創(chuàng)建、管理網(wǎng)站和制作網(wǎng)頁。通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生對文字、圖像、動(dòng)畫、顏色搭配等的處理能力，為學(xué)生今后能設(shè)計(jì)出高質(zhì)量的網(wǎng)頁打下堅(jiān)實(shí)的基礎(chǔ)。以下是具體的職業(yè)能力培養(yǎng)目標(biāo):能熟練的了解網(wǎng)站開發(fā)的整個(gè)流程能熟練掌握網(wǎng)頁制作軟件Dreamweaver能掌握當(dāng)前主流的網(wǎng)頁布局技術(shù)能用Photoshop制作網(wǎng)頁的各種圖片素材能用Flash制作網(wǎng)頁的動(dòng)畫素材能學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作的新知識和新技術(shù)能很好的勝任網(wǎng)頁制作員這個(gè)職位五、建議課時(shí)及教學(xué)說明序號教學(xué)內(nèi)容講授課時(shí)實(shí)踐課時(shí)總課時(shí)1網(wǎng)頁制作基礎(chǔ)86142Dreamweaver快速入門820283Dreamweaver高級應(yīng)用48124CSS樣式基礎(chǔ)4485DIV+CSS網(wǎng)頁布局920296Photoshop在網(wǎng)頁制作中的應(yīng)用2577Flash在網(wǎng)頁制作中的應(yīng)用2688綜合實(shí)訓(xùn)46109主題網(wǎng)站創(chuàng)作11112總課時(shí)4286128六、課程內(nèi)容與要求工作任務(wù)技能與學(xué)習(xí)水平知識與學(xué)習(xí)水平課時(shí)1.網(wǎng)頁制作基礎(chǔ)1.互聯(lián)網(wǎng)與網(wǎng)站能區(qū)分不同類別的網(wǎng)站。能區(qū)分主機(jī)名、IP地址與域名。1.認(rèn)識互聯(lián)網(wǎng)與網(wǎng)站認(rèn)識網(wǎng)站的分類。認(rèn)識IP地址和域名。12.網(wǎng)站設(shè)計(jì)的基本規(guī)范通過觀察一個(gè)網(wǎng)站，能總結(jié)出該網(wǎng)站的定位以及目標(biāo)群、風(fēng)格、結(jié)構(gòu)布局和主色調(diào)及主要顏色。通過瀏覽網(wǎng)站，能總結(jié)該網(wǎng)站的優(yōu)點(diǎn)與缺點(diǎn)。2.了解網(wǎng)站設(shè)計(jì)的基本規(guī)范理解網(wǎng)站的定位、風(fēng)格、結(jié)構(gòu)布局、色調(diào)。能說出一個(gè)優(yōu)秀網(wǎng)站所具備的特征。23.常用建站技術(shù)能區(qū)分靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁。能通過觀察URL地址欄說出某個(gè)網(wǎng)站使用的建站技術(shù)。能寫出常見的幾種動(dòng)態(tài)網(wǎng)站的技術(shù)框架。3.了解常用建站技術(shù)理解靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的概念。了解幾種常見的建站技術(shù)。認(rèn)識常見動(dòng)態(tài)網(wǎng)站的技術(shù)框架。14.HTML語言能正確書寫HTML文檔的基本機(jī)構(gòu)。能用HTML常用標(biāo)簽為網(wǎng)頁添加文字、圖片、表格、超鏈接、列表、表單、音樂、動(dòng)畫。4.認(rèn)識HTML語言認(rèn)識HTML和標(biāo)簽的格式。掌握文字設(shè)計(jì)與頁面布局、圖片、表格、鏈接、列表、表單等標(biāo)簽的書寫格式。102.Dreamweaver快速入門1.創(chuàng)建本地站點(diǎn)能按規(guī)范創(chuàng)建本地站點(diǎn)目錄。能用Dreamweaver創(chuàng)建站點(diǎn)。能正確創(chuàng)建、保存HTML網(wǎng)頁01.本地站點(diǎn)能記住站點(diǎn)常用目錄名稱。能記住創(chuàng)建站點(diǎn)需要設(shè)置那些選項(xiàng)a1工作任務(wù)技能與學(xué)習(xí)水平知識與學(xué)習(xí)水平課時(shí)2.文本的基本操作能在網(wǎng)頁設(shè)計(jì)視圖中輸入文字。能用文字屬性面板修改文字的字體屬性。能創(chuàng)建項(xiàng)目列表和編號列表。2.文本理解頁面屬性對話框里每個(gè)分類的作用。記住文本插入和編輯的方法。記住列表插入和編輯的方法。33,插入網(wǎng)頁表格能創(chuàng)建表格并能設(shè)置表格的各個(gè)屬性，能編輯、修改表格。會(huì)設(shè)置單元格屬性，能拆分、合并單元格，能編輯、修改單元格。能利用表格布局頁面結(jié)構(gòu)。3.網(wǎng)頁表格理解表格所有屬性的涵義。理解單元格所有屬性的涵義。記住對表格、單元格進(jìn)行編輯、修改的方法。立即絕對寬度與相對寬度。64.創(chuàng)建超級鏈接能創(chuàng)建文字、圖像、熱點(diǎn)、錨記、郵件、空鏈接。能用頁面屬性設(shè)置鏈接不同狀態(tài)的文字顏色。4.超級鏈接理解相對路徑的絕對路徑區(qū)別。理解鏈接相關(guān)屬性面板中各屬性的涵義。45.制作學(xué)友書店的網(wǎng)頁主頁能在網(wǎng)頁中插入和編輯圖片。能在網(wǎng)頁中插入動(dòng)畫。能插入ActiveX控件。5.多媒體對象理解圖片屬性面板各屬性的涵義。理解flash對象屬性面板各屬性的涵義。26.插入布局對象DIV能創(chuàng)建DIV對象。能繪制APDIV布局對象。能嵌套布局對象。6.布局對象DIV理解“插入DIV標(biāo)簽”對話框中各屬性的涵義。理解"APDIV”各個(gè)屬性的涵義。67.管理框架及網(wǎng)站資源能創(chuàng)建框架、設(shè)置框架屬性。能制作常見的框架網(wǎng)頁。能對框架網(wǎng)頁進(jìn)行超鏈接。能使用資源面板管理網(wǎng)站的資源。7.管理框架及網(wǎng)站資源理解框架集、框架的各個(gè)屬性的涵義。理解框架集里各個(gè)框架頁之間的關(guān)系。列舉框架網(wǎng)頁的各種常用類型。記住資源加入收臧和在網(wǎng)頁中插入資源的方法。6工作任務(wù)技能與學(xué)習(xí)水平知識與學(xué)習(xí)水平課時(shí)3.Dreamweaver高級應(yīng)用1.創(chuàng)建簡單的JavaScript網(wǎng)頁特效能正確插入已給定的帶注釋JavaScript代碼。能給自己的網(wǎng)頁添加一些常用的網(wǎng)頁特效。1.簡單JavaScript網(wǎng)頁特效理解什么是JavaScript代碼。掌握將JavaScript代碼的書寫格式。22.制作“學(xué)友書店”的登陸表單能添加表單及各種表單元素。能正確設(shè)置表單及各種表單元素的屬性。能制作“登陸用戶”界面。2.表單理解表單與表單元素的關(guān)系。能列舉表單對象的種類及作用。能理解表單及各種表單元素屬性的涵義。63.使用Spry表單元素能制作驗(yàn)證登陸用戶的用戶名文本域效果。能制作驗(yàn)證選擇的效果。能制作驗(yàn)證密碼及確認(rèn)密碼的效果。Sp”表單元素理解驗(yàn)證文本域各屬性涵義。理解驗(yàn)證單選框和復(fù)選框各屬性涵義。理解Spry驗(yàn)證密碼屬性。記住加入驗(yàn)證確認(rèn)對象的方法。44.CSS樣式基礎(chǔ)1.創(chuàng)建CSS樣式會(huì)創(chuàng)建css樣式規(guī)則。能導(dǎo)入外部的樣式文件。能導(dǎo)出已創(chuàng)建的樣式。1.CSS樣式基礎(chǔ)理解CSS樣式的作用。記住創(chuàng)建、導(dǎo)入外部樣式、導(dǎo)出樣式的方法。22.定義CSS屬性能設(shè)置網(wǎng)頁中常用樣式。能使用樣式表對網(wǎng)頁進(jìn)行整體設(shè)計(jì)。能獲取各種樣式表資源。2.定義CSS屬性?理解類型、背景、區(qū)塊、方框、邊框、列表、定位7種分類樣式的屬性涵義。43.應(yīng)用鼠標(biāo)指針和濾鏡會(huì)設(shè)置鼠標(biāo)樣式效果。能使用濾鏡制作一些常見網(wǎng)頁特效。3.應(yīng)用鼠標(biāo)指針和濾鏡記住定義鼠標(biāo)指針的方法。理解濾鏡里每個(gè)選項(xiàng)的作用及函數(shù)中參數(shù)的涵義。25.DIV+CSS網(wǎng)頁布局1.了解DIV+CSS?觀察一些主流網(wǎng)站，能找出該網(wǎng)站采用的主要布局方式。1.了解DIV+CSS?了解DIV+CSS布局的優(yōu)勢及不足。1工作任務(wù)技能與學(xué)習(xí)水平知識與學(xué)習(xí)水平課時(shí)2.盒子模型能準(zhǔn)確說出網(wǎng)頁中某特定對象的寬度、邊框、填充、間距的值。能將某個(gè)對象準(zhǔn)確的加入到指定的網(wǎng)頁中的位置。2.盒子模型?理解盒子模型及其content>board>padding>margin等屬性的涵義。23.一列布局能制作出一列二至多塊布局的網(wǎng)頁。能設(shè)置網(wǎng)頁內(nèi)容為固定寬度、自適應(yīng)寬度、居中對齊。3.一列布局?記住一列固定寬度、固定寬度居中、自適應(yīng)寬度、一列二至多塊的布局方法。44.二列布局和三列布局能制作二列、三列布局的網(wǎng)頁。能設(shè)置網(wǎng)頁內(nèi)容為固定寬度、自適應(yīng)寬度。能完成復(fù)雜網(wǎng)頁的排版布局。4.二列布局和三列布局理解塊級元素和內(nèi)聯(lián)元素的區(qū)別。理解float屬性的涵義。記住二列自適應(yīng)寬度、二列固定寬度、三列自適應(yīng)寬度、三列固定寬度的網(wǎng)頁布局方法。84.制作彈出式菜單能制作縱向式二級彈出式菜單。能制作橫向彈出式菜單。能用樣式美化彈出式菜單。5.導(dǎo)航式菜單理解相對定位和絕對定位。理解浮動(dòng)的作用和各選項(xiàng)的涵義。86.DIV+CSS綜合實(shí)例能根據(jù)給定的網(wǎng)頁效果圖，用畫板繪制出網(wǎng)頁布局結(jié)構(gòu)圖。能用各種布局元素完成該商業(yè)網(wǎng)站首頁的布局。能靈活應(yīng)用列表、圖片、表單、文字等對象完成該商業(yè)網(wǎng)站首頁的制作。6.DIV+CSS綜合應(yīng)用復(fù)習(xí)鞏固表單、列表、圖片的對象的插入與編輯。鞏固css樣式面板相關(guān)知識。66.用Photoshop繪制“學(xué)友書店”首頁網(wǎng)頁模板1.網(wǎng)頁區(qū)域的劃分?能列舉常規(guī)網(wǎng)站主頁的必備元素。1.認(rèn)識網(wǎng)頁區(qū)域的劃分?認(rèn)識網(wǎng)頁區(qū)域的劃分12.用Photoshop繪制“學(xué)友書店首頁網(wǎng)頁模板?能應(yīng)用Photoshop繪制出“學(xué)友書店”首頁網(wǎng)頁模板。2.用Photoshop繪制“學(xué)友書店”首頁網(wǎng)頁模板?了解的Logo和Banner的制作規(guī)范。4工作任務(wù)技能與學(xué)習(xí)水平知識與學(xué)習(xí)水平課時(shí)3.網(wǎng)頁切片工具?能用切片工具切割模板并能正確導(dǎo)出切割好的圖片。3.網(wǎng)頁切片工具掌握Photoshop切片工具的使用方法。掌握切片的一些技巧。27.Flash在網(wǎng)頁制作中的應(yīng)用活動(dòng)1.制作Banner動(dòng)畫創(chuàng)建、保存、導(dǎo)出flasho能導(dǎo)入素材到舞臺和庫。制作“學(xué)友書店”banner動(dòng)畫。1.Banner動(dòng)畫理解舞臺、元件。理解時(shí)間軸、幀、關(guān)鍵幀、補(bǔ)問動(dòng)畫。69.制作圖片切換播放效果?能應(yīng)用遮罩制作圖片切換播放效果。9.圖片切換播放效果?理解遮罩。28.綜合實(shí)訓(xùn)1.制作“學(xué)友書店”的首頁、子頁和后臺管理頁面掌握整個(gè)站點(diǎn)頁面的設(shè)計(jì)方法。綜合應(yīng)用Photoshop、Dreamweaver>Flash制作“學(xué)友書店”的首頁、子頁和后臺管理頁面。Spry可折疊面板制作后臺管理頁面左邊的欄目管理區(qū)。9.首頁和子頁。?復(fù)習(xí)鞏固樣式表創(chuàng)建、Photoshop繪制網(wǎng)頁模板、切片、DIV+CSS布局、Spry可折疊面板、框架等相關(guān)知識。10七、課程考核標(biāo)準(zhǔn)與基本技能要求為促進(jìn)每個(gè)學(xué)生的發(fā)展，本課程采用過程評價(jià)、階段評價(jià)、總結(jié)評價(jià)相結(jié)合的方式對學(xué)生進(jìn)行評價(jià)。過程性評價(jià)：是對學(xué)生在學(xué)習(xí)網(wǎng)站設(shè)計(jì)過程中的態(tài)度、能力、參與度、解決問題的能力、接受新技術(shù)的能力、與同學(xué)寫作的能力、道德規(guī)范、安全意識等方面的評價(jià)。階段評價(jià)：是對學(xué)生完成某一階段學(xué)習(xí)任務(wù)的評價(jià)，通過完成某一“任務(wù)”，對學(xué)生掌握網(wǎng)頁制作基礎(chǔ)知識和基本技能進(jìn)行評價(jià)?？偨Y(jié)評價(jià)：對學(xué)生完成該課程學(xué)習(xí)后的綜合評價(jià)，以考核、展示、發(fā)布、交流等多種形式，讓學(xué)生自定主題、自己設(shè)計(jì)、創(chuàng)作有個(gè)性的作品，充分發(fā)揮學(xué)生的主動(dòng)性和創(chuàng)造力，對學(xué)生解決實(shí)際問題的綜合能力、創(chuàng)新精神和實(shí)踐能力進(jìn)行評價(jià)。根據(jù)以上評價(jià)原則，該課程采用以下評價(jià)方案：課程總成績二平時(shí)成績（60%）+期末考試成績（40%）平時(shí)成績=課堂作業(yè)成績（20分）+課堂表現(xiàn)（20分）+小測成績（16分）+主題網(wǎng)站成績（8分）該課程參加IT&AT網(wǎng)頁設(shè)計(jì)師考試。該課程的基本技能考核安排如下:該課程基本技能：網(wǎng)頁制作考核內(nèi)容與要求：能夠運(yùn)用常用的網(wǎng)頁制作工具（Dreamweaver）,完成靜態(tài)網(wǎng)頁制作?？己思寄茳c(diǎn)覆蓋：文字、圖片、動(dòng)畫、視頻等多媒體元素的插入、超鏈接、表單、列表，網(wǎng)頁需采用DIV+CSS布局。考核形式：上機(jī)考核環(huán)境（軟硬件）要求：安裝AdobeDreamweavercs5考核時(shí)間：100分鐘考核安排：該項(xiàng)技能考核安排在網(wǎng)頁制作課程結(jié)束后，按照目前的教學(xué)計(jì)劃，二年級上學(xué)期完成該課程學(xué)習(xí)，二年級下學(xué)期即可展開考核?？己苏f明：師資要求：監(jiān)考教師考試前能夠使用多媒體教學(xué)系統(tǒng)給學(xué)生下發(fā)素材，考試后能夠?qū)W(xué)生考核結(jié)果（網(wǎng)頁）正確收集。閱卷教師要能按照評分標(biāo)準(zhǔn)對學(xué)生提交網(wǎng)頁進(jìn)行評分，閱卷教師應(yīng)該教授過網(wǎng)頁制作課程?？忌氈嚎荚嚥豢蓴y帶任何數(shù)據(jù)存儲設(shè)備以及教材進(jìn)入考場。八、教學(xué)建議（理論、實(shí)訓(xùn)等）（1）教學(xué)采用“四階段教學(xué)法”，將“教、學(xué)、練、做”融為一體。教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則，課堂上可以采用“四階段教學(xué)法”：第1個(gè)階段，案例引入，提出問題。通過案例演示，提出問題，給出知識點(diǎn)，講解案例應(yīng)用背景，給學(xué)生一個(gè)切入點(diǎn)，建立感性認(rèn)識。目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。第2個(gè)階段，學(xué)生自主學(xué)習(xí)，嘗試解決問題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源，引導(dǎo)學(xué)生自主學(xué)習(xí)，找到解決問題的方法和操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識和操作技能。第3個(gè)階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對案例的不足之處，進(jìn)行引申和提高。注意在這個(gè)階段，強(qiáng)調(diào)的是“引導(dǎo)”學(xué)生，而不是老師講解。第4個(gè)階段，舉一反三、學(xué)以致用。案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié)束時(shí)及時(shí)布置相關(guān)的課后練習(xí)，使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時(shí)給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生預(yù)習(xí)。（2）充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中根據(jù)實(shí)際需要可以采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動(dòng)活潑、引人入勝，提高教學(xué)效果，同時(shí)提高教學(xué)效率。包括：①利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問題（需要提示的重點(diǎn)）通過“廣播教學(xué)”，邊講邊演示，使學(xué)生即時(shí)看到操作效果。②利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容。教師的課件和教學(xué)用資料都已都上傳到教學(xué)資源下載中心，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。九、課程