網(wǎng)頁設(shè)計與制作說課

網(wǎng)制設(shè)頁作計與主要內(nèi)容4課程設(shè)置123教材分析教學(xué)實(shí)施—教學(xué)單元、方法學(xué)生學(xué)習(xí)分析課程設(shè)置本課程是電子商務(wù)專業(yè)網(wǎng)絡(luò)技術(shù)方向的專業(yè)主干課程。是Adobe公司推出的“網(wǎng)頁制作三劍客〞之一。本課是集理論與實(shí)踐于一體的綜合應(yīng)用課程。通過學(xué)習(xí)，使學(xué)生掌握網(wǎng)站建設(shè)的根本方法，掌握網(wǎng)頁制作工具的使用方法和技巧，培養(yǎng)學(xué)生管理、設(shè)計網(wǎng)站的能力。課程設(shè)置——課程性質(zhì)網(wǎng)站規(guī)劃網(wǎng)站制作網(wǎng)站維護(hù)與管理對WEB設(shè)計師和網(wǎng)絡(luò)美工的工作過程進(jìn)行分解分析，確定該崗位的核心能力。將核心能力整合提升為對應(yīng)的課程。構(gòu)建出以工作體系為根底的課程體系。課程設(shè)置——前導(dǎo)課程與后續(xù)課程計算機(jī)應(yīng)用PhotoshopflashDreamWeaver計算機(jī)應(yīng)用PS動態(tài)網(wǎng)站設(shè)計flashDW設(shè)計教案案例構(gòu)建工程模板考核職業(yè)能力精選課程內(nèi)容組織教學(xué)活動以職業(yè)崗位為導(dǎo)向，以素質(zhì)為根底，突出能力目標(biāo)。以學(xué)生為主體，以工程為載體，以實(shí)訓(xùn)為手段，設(shè)計知識、理論、實(shí)踐一體化的課程。全面培養(yǎng)學(xué)生的“自我學(xué)習(xí)能力〞，以保證學(xué)生的持續(xù)開展能力課程設(shè)置——課程設(shè)計思路教材分析本課程選用的是清華大學(xué)出版社出版的?網(wǎng)頁設(shè)計與制作?本書簡單易懂，對中職高專學(xué)生來說都比較適用。參考教材有：1、?Dreamweaver網(wǎng)頁設(shè)計?2、?Dreamweaver網(wǎng)頁設(shè)計與實(shí)訓(xùn)教程?3、?計算機(jī)圖形圖像處理Photoshop?4、?Flash網(wǎng)頁動畫編程?5、網(wǎng)上資料電子教材網(wǎng)絡(luò)工程自編工程課件教材分析教學(xué)內(nèi)容掌握單項(xiàng)技能掌握綜合技能掌握知識練成解實(shí)際問題的技能以企業(yè)對網(wǎng)站設(shè)計能力需求為導(dǎo)向，以學(xué)生感興趣的網(wǎng)站為實(shí)例將相關(guān)知識點(diǎn)分解到實(shí)際工程中。選擇實(shí)用性、趣味性強(qiáng)的教學(xué)實(shí)例進(jìn)行分析、講解。教學(xué)實(shí)施以學(xué)生為主體，以教師為主導(dǎo)，以具體工程為載體。課程內(nèi)容和教學(xué)要求以工程任務(wù)為單元來展開。倡導(dǎo)精講多練、教學(xué)做一體化的教學(xué)模式。使學(xué)生熟悉軟件技術(shù)開發(fā)的工作流程，能完成相關(guān)崗位的工作任務(wù)，獲得個性開展與工作崗位需要相一致的職業(yè)能力。教學(xué)方法設(shè)計重點(diǎn)難點(diǎn)在教學(xué)過程中，培養(yǎng)學(xué)生以客戶需求為導(dǎo)向，分析網(wǎng)站的風(fēng)格和功能，使用適宜的方法完成相應(yīng)功能培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計能力以及再學(xué)習(xí)能力和創(chuàng)新能力CompanyLogo教學(xué)方法設(shè)計LearningCycle練習(xí)演示總結(jié)理論教學(xué)使用案例驅(qū)動教學(xué)法。概念采用類比法講解基于典范的教學(xué)方法任務(wù)陳述知識點(diǎn)講解教師示范指導(dǎo)練習(xí)教師點(diǎn)評

學(xué)業(yè)根底差學(xué)習(xí)自覺性低厭學(xué)情緒大改變“滿堂灌〞的狀況，貫穿“精講多練〞的原那么學(xué)習(xí)準(zhǔn)備情況分析

重視職業(yè)技能的訓(xùn)練，重視實(shí)踐環(huán)節(jié)鍛煉調(diào)動學(xué)生學(xué)習(xí)積極性，突出操作環(huán)節(jié)，提高學(xué)生的動手能力和創(chuàng)新意識學(xué)習(xí)風(fēng)格分析學(xué)生學(xué)習(xí)分析情景導(dǎo)入分析講解舉一反三選取學(xué)生感興趣的一些個人主頁進(jìn)行演示，引導(dǎo)學(xué)生分析頁面的風(fēng)格、組成，剖析網(wǎng)頁制作的基本方法和步驟，指導(dǎo)學(xué)生由淺入深掌握網(wǎng)頁制作的基本方法。情景導(dǎo)入總結(jié)提高學(xué)生學(xué)習(xí)分析這個頁面漂亮嗎？是如何做出來的呢？情景導(dǎo)入情況導(dǎo)入分析講解舉一反三通過情景導(dǎo)入法，“教師做，學(xué)生模擬”，實(shí)現(xiàn)從知識點(diǎn)到實(shí)際操作技能的轉(zhuǎn)變。分析講解總結(jié)提高學(xué)生學(xué)習(xí)分析分析講解——如何規(guī)劃網(wǎng)站javaScriptIndex.htmlimagesjtjx站點(diǎn)目錄就是對站點(diǎn)進(jìn)行規(guī)劃，就相當(dāng)于一套住房首先要分出每個房間的用途功能一樣。首頁文件和各子頁文件放在站點(diǎn)的根目錄下，圖片文件放在指定的文件夾〔images)下，各素材分門別類放到相應(yīng)的文件夾中。頁面功能、頁面風(fēng)格確實(shí)定。創(chuàng)立文件和圖像文件夾編輯文本樣式使用代碼制作圖文網(wǎng)頁添加文本、空格、圖像簡單的頁面可以用直接輸入法制作；也可以用表格、框架、層和表單來制作?！哺鶕?jù)需求不同自主選擇〕分析講解——網(wǎng)頁制作方法情況導(dǎo)入分析講解舉一反三配備與知識點(diǎn)相對應(yīng)的網(wǎng)頁項(xiàng)目，學(xué)生通過項(xiàng)目實(shí)習(xí)過程后，能牢固的掌握網(wǎng)頁制作的技術(shù)。舉一反三總結(jié)提高學(xué)生學(xué)習(xí)分析1.主頁中的導(dǎo)航按鈕至少包括個人簡介，個人作品展示，學(xué)習(xí)園地等。請同學(xué)們自己做一個個人主頁，應(yīng)包含以下內(nèi)容：4.學(xué)習(xí)園地，包括學(xué)習(xí)資料和學(xué)習(xí)經(jīng)驗(yàn)交流。2.個人簡介，包括文字和圖片3.個人作品把自己所做的PS和Flash

圖片展示。舉一反三整體布局可用表格或框架確定各功能區(qū)的大小。導(dǎo)航按鈕可用PS、Flash中設(shè)計。個人簡介局部，可直接在大表格框架下套用小表格，也可以使用層來插入個人內(nèi)容。個人作品區(qū)中，將自己的學(xué)習(xí)作品分類拷貝到指定文件夾，使圖片能正確顯示。學(xué)習(xí)園地，參加自己的學(xué)習(xí)心得或超鏈接到其它的學(xué)習(xí)網(wǎng)頁。同學(xué)們積極思考，各抒己見，得出以下方法：舉一反三——方法探討情況導(dǎo)入分析講解舉一反三該階段是對所學(xué)理論與技能的一個總結(jié)提煉的過程?？偨Y(jié)提高總結(jié)提高學(xué)