《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)

《《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)》由會(huì)員分享，可在線閱讀，更多相關(guān)《《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)（6頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

廣西玉林高級(jí)技工學(xué)校 網(wǎng)頁制作與設(shè)計(jì) 課程標(biāo)準(zhǔn) 一 課程基本信息 課程名稱 網(wǎng)頁制作與設(shè)計(jì) 總學(xué)時(shí) 120 適用專業(yè) 計(jì)算機(jī)專業(yè) 開課部門 計(jì)算機(jī)組 編制人 審定人 二 課程性質(zhì) 本課程是中職計(jì)算機(jī)術(shù)專業(yè)的一門主干專業(yè)課程 通過本課程的學(xué)習(xí) 要 求學(xué)生掌握網(wǎng)頁設(shè)計(jì)的基本概念 學(xué)會(huì)使用常用的網(wǎng)頁設(shè)計(jì)工具和常用腳本語 言 能夠設(shè)計(jì)制作常見的靜態(tài)和動(dòng)態(tài)網(wǎng)頁 具備網(wǎng)站的建立和維護(hù)能力 同時(shí) 通過本課程的學(xué)習(xí) 培養(yǎng)學(xué)生的綜合職業(yè)能力 創(chuàng)新精神和良好的職業(yè)道德 三 設(shè)計(jì)思路 本課程標(biāo)準(zhǔn)的總體設(shè)計(jì)思路 以計(jì)算機(jī)專業(yè)學(xué)生的就業(yè)為導(dǎo)向 根據(jù)行業(yè) 專家對(duì)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)所涵蓋的崗位群進(jìn)行的任務(wù)和職業(yè)能力分析 緊緊 圍繞完成工作任務(wù)的需要來選擇課程內(nèi)容 設(shè)定職業(yè)能力培養(yǎng)目標(biāo) 以 工作 項(xiàng)目 為主線 創(chuàng)設(shè)工作情景 以書本知識(shí)的傳授變?yōu)閯?dòng)手能力的培養(yǎng)為重點(diǎn) 強(qiáng)化學(xué)生實(shí)踐動(dòng)手能力的培養(yǎng) 以實(shí)現(xiàn)職業(yè)能力的培養(yǎng)目標(biāo) 四 課程目標(biāo) 1 職業(yè)知識(shí)目標(biāo) 1 熟悉 HTML 語言的作用和開發(fā)環(huán)境 能夠編寫 HTML 代碼 2 掌握常用的 HTML 標(biāo)簽 能夠?qū)崿F(xiàn)基本的圖文信息顯示 3 理解 HTML 頁面框架的作用 能夠針對(duì)需求進(jìn)行框架的設(shè)計(jì) 4 掌握各類 HTML 表單元素標(biāo)簽 能夠進(jìn)行表單設(shè)計(jì) 5 掌握各類 HTML 多媒體元素標(biāo)簽 能夠進(jìn)行多媒體頁面設(shè)計(jì) 6 掌握 CSS 樣式的基本使用方法 能夠應(yīng)用 CSS 樣式表美化頁面 7 掌握 CSS 網(wǎng)頁布局的方法 能夠結(jié)合 DIV 標(biāo)簽進(jìn)行頁面布局 8 掌握 JavaScript 的語法基礎(chǔ) 能夠編寫簡(jiǎn)單的 JavaScript 應(yīng)用程序 9 掌握 JavaScript 的函數(shù) 內(nèi)置對(duì)象 事件等 能夠?qū)崿F(xiàn)表單的驗(yàn)證 10 掌握 DOM 樹形結(jié)構(gòu)及其操作方法 能夠控制 DOM 對(duì)象 2 職業(yè)技能目標(biāo) 1 能獨(dú)立進(jìn)行資料收集與整理 具備用戶需求的理解能力 2 能根據(jù)項(xiàng)目需求 具備項(xiàng)目頁面的設(shè)計(jì)與實(shí)現(xiàn)能力 3 能根據(jù)靜態(tài)頁面設(shè)計(jì)原則與 CSS 技術(shù)規(guī)范 實(shí)現(xiàn)頁面美化與布局 4 具有使用 JavaScript 技術(shù)進(jìn)行頁面事件處理與表單驗(yàn)證的能力 5 能根據(jù) DOM 樹形結(jié)構(gòu) 進(jìn)行頁面 DOM 的控制 6 具有綜合應(yīng)用 HTML 語言 CSS 樣式 JavaScript 腳本進(jìn)行頁面的設(shè)計(jì) 編碼 調(diào)試 維護(hù)能力 3 職業(yè)素質(zhì)目標(biāo) 1 養(yǎng)成善于思考 深入研究的良好自主學(xué)習(xí)的習(xí)慣 2 通過項(xiàng)目與案例教學(xué) 培養(yǎng)學(xué)習(xí)者的分析問題 解決問題的能力 3 具有吃苦耐勞 團(tuán)隊(duì)協(xié)作精神 溝通交流和書面表達(dá)能力 4 通過課外拓展訓(xùn)練 培養(yǎng)學(xué)習(xí)者的創(chuàng)新意識(shí) 5 具有愛崗敬業(yè) 遵守職業(yè)道德規(guī)范 誠實(shí) 守信的高尚品質(zhì) 五 課程主要內(nèi)容與要求 序 號(hào) 授課內(nèi)容 知識(shí)要求 技能要求 參考 時(shí)數(shù) 2 第 1 章 網(wǎng)站策劃與分析 了解網(wǎng)站分類 掌握網(wǎng)站開發(fā)流程 掌握需求分析方法 能夠編寫網(wǎng)站 策劃書 掌握網(wǎng)站功能設(shè)計(jì)方法 掌握需求分析方法 能夠編寫網(wǎng)站策劃書 掌握 網(wǎng)站功能設(shè)計(jì)方法 8 3 第 2 章 HTML 和網(wǎng)頁 制作 掌握 HTML 中的常用標(biāo)記方法 能 夠在 Dreamweaver 中熟練利用 HTML 編寫簡(jiǎn)單網(wǎng)頁 1 掌握 HTML 文件的編輯運(yùn)行環(huán)境 2 熟練掌握 特殊字符等標(biāo)簽的使用 3 掌握 標(biāo)簽的屬性設(shè)置與應(yīng)用 4 掌握標(biāo)簽的含義與應(yīng)用 5 掌握 標(biāo)簽的含義與應(yīng) 用 6 熟練掌握標(biāo)簽設(shè)置各類超級(jí)鏈接的方法 8 與技巧 4 第 3 章 站點(diǎn) 的創(chuàng)建與網(wǎng)站 發(fā)布 學(xué)會(huì)站點(diǎn)的創(chuàng)建與基本操作 掌握 網(wǎng)站結(jié)構(gòu)及網(wǎng)站的發(fā)布知識(shí) 1 了解網(wǎng)頁制作相關(guān)概念 2 掌握 Web 站點(diǎn)的配置方法 3 掌握編寫簡(jiǎn)單的 HTML 網(wǎng)頁的方法 4 掌握發(fā)布靜態(tài) Web 站點(diǎn) 8 5 第 4 章 網(wǎng)頁 基本操作與 CSS 應(yīng)用 掌握在網(wǎng)頁中輸入文本 插入圖片 的方法 了解超級(jí)鏈接的類型 為 文本或圖片創(chuàng)建超級(jí)鏈接 掌握 CSS 樣式在網(wǎng)頁制作中的應(yīng)用 1 掌握 CSS 簡(jiǎn)介 特點(diǎn)與使用規(guī)則 2 掌握選擇符的分類與應(yīng)用 3 掌握 CSS 的各種加載方法 4 掌握 CSS 背景控制與應(yīng)用 5 掌握 CSS 對(duì)文本樣式的控制 6 掌握 CSS 對(duì)于列表元素的應(yīng)用 7 掌握盒模型的原理與應(yīng)用 8 掌握 CSS 的定位方式 9 掌握 DIV CSS 頁面布局的方法 8 6 第 5 章 網(wǎng)站布局 了解常用網(wǎng)頁內(nèi)容的組成要素 了解常見網(wǎng)頁的布局方式 掌握表格的基本操作 并能使用表格進(jìn)行頁面布 局的設(shè)計(jì) 掌握層的使用方法 利用層對(duì)頁面元 素進(jìn)行定位 掌握框架的使用方法 能夠使用框 架對(duì)頁面進(jìn)行設(shè)計(jì) 24 9 6 章 頁面配色與修飾 了解網(wǎng)頁配色方案及安全色的概念 學(xué)會(huì)網(wǎng)站風(fēng)格設(shè)計(jì) 了解 photoshop 的基本知識(shí) 了解 flash 的基本知識(shí) 網(wǎng)頁設(shè)計(jì)的基本理念 網(wǎng)站風(fēng)格 網(wǎng)頁色彩搭配 8 11 第 7 章 創(chuàng)建動(dòng)態(tài)網(wǎng)頁 了解制作動(dòng)態(tài)網(wǎng)站的基本知識(shí) 掌握表單的制作 掌握動(dòng)態(tài)網(wǎng)頁制作的基本方法與技巧 掌握動(dòng)態(tài)網(wǎng)頁的發(fā)布及數(shù)據(jù)庫的鏈接 8 12 第 8 章 靜態(tài)網(wǎng)站綜合實(shí)例 掌握網(wǎng)站制作的基本流程和方法 掌握利用軟硬件資源制作并發(fā)布一個(gè)具體網(wǎng)站的操作過程 8 13 第 9 章 綜合網(wǎng)站實(shí)例 學(xué)會(huì)制作綜合網(wǎng)站的系統(tǒng)分析與設(shè) 計(jì) 學(xué)會(huì)制作綜合網(wǎng)站 學(xué)會(huì)上傳 網(wǎng)站 掌握綜合網(wǎng)站制作的流程和方法 掌握網(wǎng)站的優(yōu) 化與測(cè)試 16 15 第 10 章 網(wǎng) 站優(yōu)化 測(cè)試 與上傳 學(xué)會(huì)檢查網(wǎng)站的正確性和發(fā)布站點(diǎn) 的步驟 掌握域名的基本概念以及分類 域名的注冊(cè)技巧 掌握空間的申請(qǐng)方法 掌握發(fā)布站點(diǎn)的步驟 8 16 案例講解 網(wǎng) 站實(shí)例制作 運(yùn)用所學(xué) Dreamweaver 知識(shí)制作綜合實(shí)例 8 17 案例講解 網(wǎng) 站實(shí)例制作 運(yùn)用所學(xué) Dreamweaver 知識(shí)制作綜合實(shí)例 8 六 實(shí)施建議 一 教材編寫 所選用的教材應(yīng)充分體現(xiàn)培養(yǎng)學(xué)生的職業(yè)能力為中心思想 以 教 學(xué) 做 為一體組織課堂內(nèi)容 注重理論與實(shí)踐相結(jié)合 教材內(nèi)容與行業(yè)標(biāo)準(zhǔn)要求相結(jié)合 強(qiáng)調(diào)理論在實(shí)踐過 程中的應(yīng)用 二 教學(xué)建議 從 網(wǎng)頁設(shè)計(jì)與制作 的實(shí)際問題出發(fā) 精心準(zhǔn)備各種典型案例 構(gòu)建課 程的宏觀教學(xué)設(shè)計(jì) 例如 公司網(wǎng)站 網(wǎng)上鮮花直銷 個(gè)人網(wǎng)站精選 書籍專 賣等 以若干個(gè)案例為載體 形成循序漸進(jìn) 種類多樣的項(xiàng)目群 構(gòu)建完整的 教學(xué)設(shè)計(jì)布局 1 教學(xué)采用 四階段教學(xué)法 將 教 學(xué) 練 做 融為一體 教學(xué)體現(xiàn) 教師為主導(dǎo) 學(xué)生為主體 訓(xùn)練為主線 的原則 課堂上可以 采用 四階段教學(xué)法 第 1 個(gè)階段 案例引入 提出問題 通過案例演示 提出問題 給出知識(shí)點(diǎn) 講解案例應(yīng)用背景 給學(xué)生一個(gè) 切入點(diǎn) 建立感性認(rèn)識(shí) 目的是激發(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í)意識(shí)和學(xué)習(xí)方法 學(xué)生在學(xué)習(xí)和嘗 試解決問題過程中 發(fā)現(xiàn)問題 提出問題 在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識(shí)和 操作技能 第 3 個(gè)階段 歸納總結(jié) 引申提高 在每次課結(jié)束前 引導(dǎo)學(xué)生進(jìn)行歸納總結(jié) 對(duì)本次課的實(shí)際意義 重點(diǎn) 難點(diǎn) 容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié) 并針對(duì)案例的不足之處 進(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é)中采用電子演示文稿 大屏幕多媒體聯(lián)機(jī)演示 網(wǎng)絡(luò)教學(xué)等各種先進(jìn) 的教學(xué)手段 使課堂教學(xué)生動(dòng)活潑 引人入勝 提高了教學(xué)效果 同時(shí)提高了 教學(xué)效率 包括 1 利用多媒體教學(xué)系統(tǒng)廣播教學(xué) 把學(xué)生的共同問題 需要提示的重點(diǎn) 通過 廣播教學(xué) 邊講邊演示 使學(xué)生即時(shí)看到操作效果 2 利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外 學(xué)生根據(jù)需要通過網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的 內(nèi)容 教師的課件和教學(xué)用資料都已都上傳到教學(xué)資源下載中心 方便學(xué)生課 外學(xué)習(xí)和復(fù)習(xí) 三 教學(xué)評(píng)價(jià) 本課程的考核成績(jī)有理論基礎(chǔ)成績(jī)與技能成績(jī)兩項(xiàng)組成 都是采用上機(jī)考試 平時(shí)上機(jī)實(shí)驗(yàn)技能應(yīng)有嚴(yán)格的記錄 根據(jù)各種實(shí)驗(yàn)的要求來計(jì)算成績(jī) 四 資源利用 網(wǎng)絡(luò)資源 FIF 網(wǎng)絡(luò)學(xué)院 網(wǎng)頁制作大寶庫 素材精品屋 黑馬網(wǎng)頁素材 遐思素材屋 http www zzi cc sck sck1 htm 網(wǎng)頁特效集 網(wǎng)頁特效 網(wǎng)頁特效 七色風(fēng)網(wǎng)頁特效 太平洋學(xué)院 藍(lán)色理想 天極網(wǎng) 網(wǎng)頁陶吧 網(wǎng)頁設(shè)計(jì)師聯(lián)盟 七色鳥設(shè)計(jì)空間 有風(fēng)的日子 閃客帝國 宇風(fēng)多媒體 閃吧 網(wǎng)頁素材庫