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

1、,網(wǎng),制,設(shè),頁,作,計,與,主要內(nèi)容,4,課程設(shè)置,1,2,3,教材分析,教學(xué)實施教學(xué)單元、方法,學(xué)生學(xué)習(xí)分析,課程設(shè)置,本課程是電子商務(wù)專業(yè)網(wǎng)絡(luò)技術(shù)方向的專業(yè)主干課程。是Adobe公司推出的“網(wǎng)頁制作三劍客”之一。本課是集理論與實踐于一體的綜合應(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)建出以工作體系為基礎(chǔ)的課程體系。,課程設(shè)置前導(dǎo)課程與后續(xù)課程,計算機(jī)應(yīng)用,Ph

2、otoshop,flash,DreamWeaver,計算機(jī)應(yīng)用,PS,動態(tài)網(wǎng)站設(shè)計,flash,DW,設(shè)計教案案例,構(gòu)建項目模板,考核職業(yè)能力,精選課程內(nèi)容,組織教學(xué)活動,以職業(yè)崗位為導(dǎo)向，以素質(zhì)為基礎(chǔ)，突出能力目標(biāo)。以學(xué)生為主體，以項目為載體，以實訓(xùn)為手段，設(shè)計知識、理論、實踐一體化的課程。全面培養(yǎng)學(xué)生的“自我學(xué)習(xí)能力”，以保證學(xué)生的持續(xù)發(fā)展能力,課程設(shè)置課程設(shè)計思路,教材分析,本課程選用的是清華大學(xué)出版社出版的網(wǎng)頁設(shè)計與制作本書簡單易懂，對中職高專學(xué)生來說都比較適用。,參考教材有：1、Dreamweaver網(wǎng)頁設(shè)計2、Dreamweaver網(wǎng)頁設(shè)計與實訓(xùn)教程3、計算機(jī)圖形圖像處理Photo

3、shop4、Flash網(wǎng)頁動畫編程5、網(wǎng)上資料,電子教材,網(wǎng)絡(luò)項目,自編項目,課件,教材分析,教學(xué)內(nèi)容,掌握單項技能,掌握綜合技能,掌握知識,練成解實際問題的技能,以企業(yè)對網(wǎng)站設(shè)計能力需求為導(dǎo)向，以學(xué)生感興趣的網(wǎng)站為實例將相關(guān)知識點(diǎn)分解到實際項目中。選擇實用性、趣味性強(qiáng)的教學(xué)實例進(jìn)行分析、講解。,教學(xué)實施,以學(xué)生為主體，以教師為主導(dǎo)，以具體項目為載體。課程內(nèi)容和教學(xué)要求以項目任務(wù)為單元來展開。倡導(dǎo)精講多練、教學(xué)做一體化的教學(xué)模式。使學(xué)生熟悉軟件技術(shù)開發(fā)的工作流程，能完成相關(guān)崗位的工作任務(wù)，獲得個性發(fā)展與工作崗位需要相一致的職業(yè)能力。,教學(xué)方法設(shè)計,重點(diǎn),難點(diǎn),在教學(xué)過程中，培養(yǎng)學(xué)生以客戶需求為

4、導(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è)基礎(chǔ)差學(xué)習(xí)自覺性低厭學(xué)情緒大,改變“滿堂灌”的狀況，貫穿“精講多練”的原則,學(xué)習(xí)準(zhǔn)備情況分析,重視職業(yè)技能的訓(xùn)練，重視實踐環(huán)節(jié)鍛煉,調(diào)動學(xué)生學(xué)習(xí)積極性，突出操作環(huán)節(jié)，提高學(xué)生的動手能力和創(chuàng)新意識,學(xué)習(xí)風(fēng)格分析,學(xué)生學(xué)習(xí)分析,情景導(dǎo)入,分析講解,舉一反三,總結(jié)提高,學(xué)生學(xué)習(xí)分析,這個頁面漂亮嗎？是

5、如何做出來的呢？,情景導(dǎo)入,情況導(dǎo)入,分析講解,舉一反三,總結(jié)提高,學(xué)生學(xué)習(xí)分析,分析講解如何規(guī)劃網(wǎng)站,javaScript,Index.html,images,站點(diǎn)目錄就是對站點(diǎn)進(jìn)行規(guī)劃，就相當(dāng)于一套住房首先要分出每個房間的用途功能一樣。首頁文件和各子頁文件放在站點(diǎn)的根目錄下，圖片文件放在指定的文件夾（images)下，各素材分門別類放到相應(yīng)的文件夾中。,頁面功能、頁面風(fēng)格的確定。,創(chuàng)建文件和圖像文件夾,編輯文本樣式,使用代碼制作圖文網(wǎng)頁,添加文本、空格、圖像,簡單的頁面可以用直接輸入法制作；也可以用表格、框架、層和表單來制作。（根據(jù)需求不同自主選擇）,分析講解網(wǎng)頁制作方法,情況導(dǎo)入,分析講

6、解,舉一反三,總結(jié)提高,學(xué)生學(xué)習(xí)分析,1.主頁中的導(dǎo)航按鈕至少包括個人簡介，個人作品展示，學(xué)習(xí)園地等。,請同學(xué)們自己做一個個人主頁，應(yīng)包含以下內(nèi)容：,4.學(xué)習(xí)園地，包括學(xué)習(xí)資料和學(xué)習(xí)經(jīng)驗交流。,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)入,分析講解,舉一反三,總