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

網(wǎng) 制 設(shè) 頁 作 計(jì) 與 主要內(nèi)容 4 課程設(shè)置 1 2 3 教材分析 教學(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è)計(jì)網(wǎng)站的能力 課程設(shè)置 課程性質(zhì) 網(wǎng)站規(guī)劃 網(wǎng)站制作 網(wǎng)站維護(hù)與管理 對(duì)WEB設(shè)計(jì)師和網(wǎng)絡(luò)美工的工作過程進(jìn)行分解分析 確定該崗位的核心能力 將核心能力整合提升為對(duì)應(yīng)的課程 構(gòu)建出以工作體系為基礎(chǔ)的課程體系 課程設(shè)置 前導(dǎo)課程與后續(xù)課程 計(jì)算機(jī)應(yīng)用 Photoshop flash DreamWeaver 計(jì)算機(jī)應(yīng)用 PS 動(dòng)態(tài)網(wǎng)站設(shè)計(jì) flash DW 設(shè)計(jì)教案案例 構(gòu)建項(xiàng)目模板 考核職業(yè)能力 精選課程內(nèi)容 組織教學(xué)活動(dòng) 以職業(yè)崗位為導(dǎo)向 以素質(zhì)為基礎(chǔ) 突出能力目標(biāo) 以學(xué)生為主體 以項(xiàng)目為載體 以實(shí)訓(xùn)為手段 設(shè)計(jì)知識(shí) 理論 實(shí)踐一體化的課程 全面培養(yǎng)學(xué)生的 自我學(xué)習(xí)能力 以保證學(xué)生的持續(xù)發(fā)展能力 課程設(shè)置 課程設(shè)計(jì)思路 教材分析 本課程選用的是清華大學(xué)出版社出版的 網(wǎng)頁設(shè)計(jì)與制作 本書簡單易懂 對(duì)中職高專學(xué)生來說都比較適用 參考教材有 1 Dreamweaver網(wǎng)頁設(shè)計(jì) 2 Dreamweaver網(wǎng)頁設(shè)計(jì)與實(shí)訓(xùn)教程 3 計(jì)算機(jī)圖形圖像處理Photoshop 4 Flash網(wǎng)頁動(dòng)畫編程 5 網(wǎng)上資料 電子教材 網(wǎng)絡(luò)項(xiàng)目 自編項(xiàng)目 課件 教材分析 教學(xué)內(nèi)容 掌握單項(xiàng)技能 掌握綜合技能 掌握知識(shí) 練成解實(shí)際問題的技能 以企業(yè)對(duì)網(wǎng)站設(shè)計(jì)能力需求為導(dǎo)向 以學(xué)生感興趣的網(wǎng)站為實(shí)例將相關(guān)知識(shí)點(diǎn)分解到實(shí)際項(xiàng)目中 選擇實(shí)用性 趣味性強(qiáng)的教學(xué)實(shí)例進(jìn)行分析 講解 教學(xué)實(shí)施 以學(xué)生為主體 以教師為主導(dǎo) 以具體項(xiàng)目為載體 課程內(nèi)容和教學(xué)要求以項(xiàng)目任務(wù)為單元來展開 倡導(dǎo)精講多練 教學(xué)做一體化的教學(xué)模式 使學(xué)生熟悉軟件技術(shù)開發(fā)的工作流程 能完成相關(guān)崗位的工作任務(wù) 獲得個(gè)性發(fā)展與工作崗位需要相一致的職業(yè)能力 教學(xué)方法設(shè)計(jì) 重點(diǎn) 難點(diǎn) 在教學(xué)過程中 培養(yǎng)學(xué)生以客戶需求為導(dǎo)向 分析網(wǎng)站的風(fēng)格和功能 使用合適的方法完成相應(yīng)功能 培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計(jì)能力以及再學(xué)習(xí)能力和創(chuàng)新能力 CompanyLogo 教學(xué)方法設(shè)計(jì) LearningCycle 練習(xí) 演示 總結(jié) 理論教學(xué)使用案例驅(qū)動(dòng)教學(xué)法 概念采用類比法講解 基于榜樣的教學(xué)方法 任務(wù)陳述知識(shí)點(diǎn)講解教師示范指導(dǎo)練習(xí)教師點(diǎn)評(píng) 學(xué)業(yè)基礎(chǔ)差學(xué)習(xí)自覺性低厭學(xué)情緒大 改變 滿堂灌 的狀況 貫穿 精講多練 的原則 學(xué)習(xí)準(zhǔn)備情況分析 重視職業(yè)技能的訓(xùn)練 重視實(shí)踐環(huán)節(jié)鍛煉 調(diào)動(dòng)學(xué)生學(xué)習(xí)積極性 突出操作環(huán)節(jié) 提高學(xué)生的動(dòng)手能力和創(chuàng)新意識(shí) 學(xué)習(xí)風(fēng)格分析 學(xué)生學(xué)習(xí)分析 情景導(dǎo)入 分析講解 舉一反三 總結(jié)提高 學(xué)生學(xué)習(xí)分析 這個(gè)頁面漂亮嗎 是如何做出來的呢 情景導(dǎo)入 情況導(dǎo)入 分析講解 舉一反三 總結(jié)提高 學(xué)生學(xué)習(xí)分析 分析講解 如何規(guī)劃網(wǎng)站 javaScript Index html images 站點(diǎn)目錄就是對(duì)站點(diǎn)進(jìn)行規(guī)劃 就相當(dāng)于一套住房首先要分出每個(gè)房間的用途功能一樣 首頁文件和各子頁文件放在站點(diǎn)的根目錄下 圖片文件放在指定的文件夾 images 下 各素材分門別類放到相應(yīng)的文件夾中 頁面功能 頁面風(fēng)格的確定 創(chuàng)建文件和圖像文件夾 編輯文本樣式 使用代碼制作圖文網(wǎng)頁 添加文本 空格 圖像 簡單的頁面可以用直接輸入法制作 也可以用表格 框架 層和表單來制作 根據(jù)需求不同自主選擇 分析講解 網(wǎng)頁制作方法 情況導(dǎo)入 分析講解 舉一反三 總結(jié)提高 學(xué)生學(xué)習(xí)分析 1 主頁中的導(dǎo)航按鈕至少包括個(gè)人簡介 個(gè)人作品展示 學(xué)習(xí)園地等 請(qǐng)同學(xué)們自己做一個(gè)個(gè)人主頁 應(yīng)包含以下內(nèi)容 4 學(xué)習(xí)園地 包括學(xué)習(xí)資料和學(xué)習(xí)經(jīng)驗(yàn)交流 2 個(gè)人簡介 包括文字和圖片 3 個(gè)人作品把自己所做的PS和Flash圖片展示 舉一反三 整體布局可用表格或框架確定各功能區(qū)的大小 導(dǎo)航按鈕可用PS Flash中設(shè)計(jì) 個(gè)人簡介部分 可直接在大表格框架下套用小表格 也可以使用層來插入個(gè)人內(nèi)容 個(gè)人作品區(qū)中 將自己的學(xué)習(xí)作品分類拷貝到指定文件夾 使圖片能正確顯示 學(xué)習(xí)園地 加入自己的學(xué)習(xí)心得或超鏈接到其它的學(xué)習(xí)網(wǎng)頁 同學(xué)們積極思考 各抒己見 得出以下方法 舉一反三 方法探討 情況導(dǎo)入 分析講解 舉