網(wǎng)頁大綱平面

1、網(wǎng)頁大綱平面網(wǎng)頁設計教學大綱 (專業(yè)課 )一、課程性質與任務課程的性質：本課程是為培養(yǎng)中等職業(yè)學校計算機平面設計專業(yè)學生對網(wǎng)頁的設計與制作而設置的一門專業(yè)必修課程。 由于網(wǎng)頁設計與制作所涉及的軟件和相關知識十分廣泛，針對中職計算機專業(yè)學生的專業(yè)方向和專業(yè)基礎，本課程側重于網(wǎng)頁視覺效果和版式布局的設計與制作。課程的任務：通過本課程學習，使學生了解網(wǎng)頁制作的基礎知識、 基本流程，并能熟練使用Dreamweaver、Photoshop、flash 等軟件進行個人網(wǎng)站和中小型商業(yè)網(wǎng)站的設計、 靜態(tài)及動態(tài)網(wǎng)站廣告的制作、網(wǎng)頁圖像處理、網(wǎng)站維護與更新，為培養(yǎng)高級網(wǎng)頁設計專業(yè)人才打下堅實的基礎。二、課程教學

2、目標本課程教學目標是使學生了解并掌握網(wǎng)頁設計的基本知識與原理，能夠熟練應用Dreamweaver、Photoshop 軟件進行網(wǎng)頁設計與制作。知識目標熟練掌握 Web 站點的基本概念；熟練掌握HTML 文檔結構和各種標記的使用；掌握 Dreamweaver 頁面設計方法和常用的表單對象應用、掌握 Flash 制作網(wǎng)頁動畫的原理與制作方法、掌握 Photoshop或 Fireworks 處理與優(yōu)化網(wǎng)頁圖像的原理與方法。技能目標掌握網(wǎng)站設計的方法、 步驟和思路， 能夠自主進行小型網(wǎng)站整個站點的網(wǎng)頁設計與制作。 熟練掌握使用 Dreamweaver設計網(wǎng)頁，并同時使用Flash 和 Photosho

3、p 進行網(wǎng)頁中所需圖片和動畫的設計。靈活運用網(wǎng)絡素材，為自己的網(wǎng)站服務。素質目標本課程所涉及的職業(yè)能力是所有從事網(wǎng)站設計、網(wǎng)站管理和網(wǎng)站維護相關工作人員都必須掌握的技能。 通過學習，使學生具備從事靜態(tài)網(wǎng)站設計、網(wǎng)站編輯和網(wǎng)站維護等相關工作的能力，同時又掌握網(wǎng)站設計工作者必須熟悉的基礎技術知識。三、教學內(nèi)容結構本課程的教學內(nèi)容由基本技能、課題制作兩個部分構成。基本知識與技能是平面設計專業(yè)學生必修網(wǎng)頁制作的基礎性知識和應該達到的基本能力要求。課題制作分為兩部分：個人網(wǎng)站制作與中小企業(yè)網(wǎng)站制作， 旨在提升學生在工作中應用網(wǎng)頁設計與制作基礎知識與基本技能設計并制作網(wǎng)站的能力。四、教學內(nèi)容與要求（一）本

4、大綱對教學要求的層次表述對知識的教學要求分為了解、理解和掌握三個層次。了解：指對知識有感性的、初步的認識。理解：指對基本概念、基本知識有一定的理性認識，能用正確的語言進行敘述和解釋。掌握：在理解的基礎上，能夠解決與所學知識相關的應用問題。對技能的教學要求分為會操作和熟練操作兩個層次。會：指能夠運用所學的技能進行獨立操作，并能正確完成指定任務。熟練：指能夠連貫嫻熟地完成操作，并能根據(jù)實際情況設計合理的操作流程，能解決操作中出現(xiàn)的錯誤和問題，準確完成操作任務。（二）教學內(nèi)容與要求第一單元 網(wǎng)頁與網(wǎng)站基礎知識教學教學內(nèi)容與要求教學提示與活動單元建議了解用戶通過瀏覽器訪問網(wǎng)站的原理；了解網(wǎng)頁的基本概念

5、與內(nèi)容；可以通過掛了解網(wǎng)站的軟件與網(wǎng)圖、觀看多媒體硬件組成；頁與資料、上機實驗了解并查看網(wǎng)頁的網(wǎng)站等手段，讓學生HTML 源代碼；基礎在活動中了解網(wǎng)知識了解典型網(wǎng)頁的基頁及網(wǎng)站的基礎本組成；知識與基本原理了解網(wǎng)頁的設計制作流程與基本原則；了解網(wǎng)頁設計常用的工具軟件；第二單元HTML 的應用教學單教學內(nèi)容與要求教學提示與活元動建議了解 HTML 的基本概念和 HTML 文通過上機操檔的基本結構，了解作和實例制作，文檔結構標記、段落使學生逐步理HTML 標記、字符標記、鏈解 和掌 握接標記、圖像標記、HTML的 應用列表標記、表格標記等 HTML 的常用標規(guī)則記及相關屬性；第三單元Dreamwea

6、ver 網(wǎng)頁制作教學提示與教學單元教學內(nèi)容與要求活動建議了解熟悉軟件Dreamweaver 工作Dreamweaver 界面；各個功能模簡介掌握工具欄、面塊與主要菜板等界面組成部分單、窗口的應用；了解站點管理熟練掌握Dreamweaver的重要作用；掌握建立站點、網(wǎng)頁設計制站點管理修改站點操作以作的基礎操及文件面板的使作用；熟練掌握在網(wǎng)頁中建立 3-4插入文字與圖片并個簡單頁面設置其屬性；插入文字組成的基本掌握插入日期與時與圖片網(wǎng)站，理解間的操作；網(wǎng)站的結構掌握插入 Flash 動與頁面制作畫的操作；掌握插入 Flash 視頻的操作；掌握插入插件的操作；熟練掌握插入內(nèi)部鏈接操作；熟練掌握插入外

7、部鏈接操作；建立 3-4熟練掌握插入個簡單頁面插入超級E-mail 鏈接操作；組成的基本鏈接熟練掌握插入下載網(wǎng)站，理解鏈接操作；網(wǎng)站的結構熟練掌握插入空鏈與頁面制作接與腳本鏈接操作；熟練掌握插入錨點鏈接操作；熟練掌握插入表格熟練掌握操作；表格布局常用的頁面熟練掌握應用表格的應用版式與布局進行網(wǎng)頁布局的方控制技術法；了解表單及表單元素的作用；進一步掌熟練掌握插入表單握專業(yè)網(wǎng)頁表單的應及其屬性設置操設計制作中用作；的相關功能熟練掌握表單對象與技巧的作用及插入各種表單對象操作；了解框架的概念；熟練掌握掌握框架的創(chuàng)建、框 架 的 應 框架的保存、框架常用的頁面用的鏈接操作；版式與布局掌握浮動框架的創(chuàng)控

8、制技術建與應用；續(xù)表教學教學內(nèi)容與要求教學提示與活動單元建議了解模板與庫的重進一步掌握專模 要作用；板與掌握模板的創(chuàng)建， 模業(yè)網(wǎng)頁設計制作庫的 板的應用與模板的更中的相關功能與應用 新；技巧掌握庫文件的更新；了解 CSS 的重要作用；了解 CSS 樣式的規(guī)則與類型；C了解 CSS 面板的使進一步掌握專用方法；SS掌握 CSS 的創(chuàng)建與業(yè)網(wǎng)頁設計制作的應使用；中的相關功能與用掌握外部 CSS 的使 技巧用；了解各種 CSS 樣式的設置；CSS熟練掌握應用技術制作網(wǎng)頁的方法；了解行為的作用， 理解事件與動作；進一步掌握專行掌握各種行為的添加與設置操作， 主要包 業(yè)網(wǎng)頁設計制作為的括：交換圖像、彈出

9、信中的相關功能與應用息、設置狀態(tài)欄文本、技巧打開瀏覽器窗口、 檢查表單；站了解站點維護的各種操作；點的掌握站點的上傳的熟悉網(wǎng)站的發(fā)維護方法，包括：布、推廣與維護與上Dreamweaver 上傳與傳FTP 軟件上傳；第四單元 Flash 網(wǎng)頁動畫制作教學提示與教學單元教學內(nèi)容與要求活動建議了解動畫原理通過講解、上機練習制Flash了解幀與時間軸作實例、教師基 的作用輔導等方法，礎知識了解 Flash 動畫使學生逐步的建立、保存與導掌握 Flash動出畫的制作方掌握導入圖像的法。方法與步驟熟練掌握 Flash提供的各種繪畫工具繪制動畫角色的方法（包括選擇工繪制動畫具、線條工具、橢圓工具、矩形工具、

10、角色直線工具、漸變填充工具、文本工具、通過講解、變形工具、多角星形工具、鋼筆工具、上機練習制鉛筆工具、橡皮擦作實例、教師工具及線條與填充輔導等方法，顏色的設置）使學生逐步創(chuàng)建逐幀動畫掌握 Flash動掌握幀的使用與畫的制作方法。編輯。簡單動畫理解幀、關鍵幀、的制作空白關鍵幀的區(qū)別與聯(lián)系。掌握創(chuàng)建運動補間動畫的原理與步驟掌握創(chuàng)建形狀補間動畫的原理與步驟了解圖層的概念，掌握創(chuàng)建圖層以及引導線動 編輯圖層的方法；畫的制作了解引導層與運動引導層的概念熟練掌握創(chuàng)建、編輯引導層與運動引導層的方法理解遮罩層的概念與作用；遮罩動畫掌握創(chuàng)建遮罩層的方法，能夠使用的制作遮罩層制作遮罩圖像的效果和具有遮罩效果的動畫

11、。理解元件與實例元件與實的概念，元件的類例型（圖形、按鈕、影片剪輯）、創(chuàng)建與編輯方法加入音頻掌握音頻與視頻與視頻文件的加入方法了解 ActionScript簡單 的作用ActionScript 掌握幀與元件加入語句ActionScript 的 方法掌握鼠標動作ActionScript 控制掌握影片剪輯控制ActionScript第五單元Photoshop對網(wǎng)頁圖像的處理與優(yōu)化教學教學內(nèi)容與要求單元網(wǎng)了解網(wǎng)頁圖像優(yōu)化頁圖原理與方法像的掌握切片工具切割優(yōu)化圖像的方法網(wǎng)了解網(wǎng)頁版面設計頁版的基本概念面設掌握 Photoshop 制計作網(wǎng)頁版式的方法導掌握使用 Photoshop航欄制作各類型導航欄的

12、的設方法計與掌握制作 GIF 廣告制作 條的方法按掌握 Photoshop 制鈕的設計 作各類型的按鈕的方與制 法作網(wǎng)掌握 Photoshop 制頁的作網(wǎng)頁效果圖的方法設計掌握參考線與圖層與制組的應用作教學提示與活動建議通過講解、上機練習制作實例、教師輔導等方法，使學生逐步 掌 握 Photoshop 對 網(wǎng)頁圖像的制作與處理方法。第六單元中小企業(yè)網(wǎng)站的設計與制作教學 教學內(nèi)容與要求單元了 了解中小企業(yè)網(wǎng)站解中 設計要點小企 了解中小企業(yè)網(wǎng)站業(yè)網(wǎng) 分類站的 了解中小企業(yè)網(wǎng)站設計 的主要欄目特點掌握站點的總體規(guī)劃掌握站點的建立與管理掌握頁面的創(chuàng)建掌握網(wǎng)頁內(nèi)容的添中 加小企 掌握超級鏈接的插業(yè)網(wǎng)

13、入站的 掌握表單的應用制作 掌握模板與庫的應用掌握 CSS 的應用掌握動態(tài)內(nèi)容的插入掌握站點的維護與上傳教學提示與活動建議教師可以給學生找若干典型網(wǎng)站，分析學習其制作過程與方法。建議集中課時上機完成全部過程。以優(yōu)秀案例為參照，在實際操作中掌握技巧與原理，積累經(jīng)驗。綜合運用所學知識，完成一個小型網(wǎng)站第七單元個人網(wǎng)站的設計與制作教學教學內(nèi)容與要求教學提示與活動單元建議個了解個人網(wǎng)站設計教師可以給學人網(wǎng)要點生找若干典型網(wǎng)站的了解個人網(wǎng)站分類站，分析學習其設計了解個人網(wǎng)站的主制作過程與方特點要欄目法。建議集中課掌握站點的總體規(guī)劃掌握站點的建立與管理掌握頁面的創(chuàng)建掌握網(wǎng)頁內(nèi)容的添個 加掌握超級鏈接的插人

14、網(wǎng) 入站的 掌握表單的應用制作 掌握模板與庫的應用掌握 CSS 的應用掌握動態(tài)內(nèi)容的插入掌握站點的維護與上傳五、教學實施教學建議（1）教學時數(shù)安排建議時上機完成全部過程。以優(yōu)秀案例為參照，在實際操作中掌握技巧與原理，積累經(jīng)驗。綜合運用所學知識，完成一個小型網(wǎng)站。序號課程內(nèi)容教學時數(shù)講授與上說明網(wǎng)頁與網(wǎng)站基機14礎知識2HTML 的應用6建 議 在3Dreamweaver4簡介及站點管機房組織理教學，上課4插入文字與圖4即為上機，像5插入超級鏈接6講授與上6表格布局的應10機合二為用一7表單的應用68框架與浮動框4架9模板與庫的應用10CSS 層疊樣式表的應用行為的應用站點的維護與上傳Flash

15、 動畫基礎知識繪制動畫角色簡單動畫的制作運動引導線動畫的制作遮罩動畫的制作元件與實例加入音視頻ActionScript 的應用網(wǎng)頁圖像的優(yōu)化網(wǎng)頁版面的設計導航欄的設計與制作按鈕與文字的設計與制作網(wǎng)頁效果圖的制作中小企業(yè)網(wǎng)站的設計與制作個人網(wǎng)站的設計與制作合計41064268464284444610101502）教學方法建議在本課程教學中，應充分體現(xiàn)以學生為主體，把學習的主動權交給學生， 讓學生作為主體參與教學過程，使學生養(yǎng)成良好的學習習慣； 應充分發(fā)揮教師在教學設計、教學組織中的主導作用，提倡結合現(xiàn)有教學條件， 靈活選擇、運用教學方法。應注重學生能力的培養(yǎng)，強調(diào)學做結合，理論與實踐融為一體，

16、培養(yǎng)學生實際動手能力和解決實際問題的能力。教師應充分發(fā)揮計算機課程的特點，利用計算機的圖、文、音、視、動畫等手段，生動靈活地表現(xiàn)教學內(nèi)容， 提高學生的學習興趣， 激發(fā)學生的學習熱情，營造有利于學生主動學習的教學情境。課題制作的教學應結合專業(yè)特點設計教學內(nèi)容，著重培養(yǎng)學生適應職業(yè)崗位需要網(wǎng)頁制作的基本技能和基礎知識。（3）基本教學設施建議中等職業(yè)學校的網(wǎng)頁制作課程的教學要配備能滿足教學需要的計算機機房、 多媒體教室等設施；配備數(shù)量合理、 配置適當?shù)挠嬎銠C和相應的外部設備（打印機、投影儀、掃描儀等） ；具備上網(wǎng)條件。教材編寫建議教材編寫應以本教學大綱為基本依據(jù)，應考慮不同地區(qū)學校和學生的實際情況， 合理安排基礎知識與基本能力訓練。教材內(nèi)容的選取應體現(xiàn)以就業(yè)為導向，以學生為本的原則，選取與學習、工作、生活相關的實際案例，注重實踐技能的培養(yǎng)。 內(nèi)容的選取還應注意計算機技術的快速發(fā)展，應具有前瞻性。教材內(nèi)容的呈現(xiàn)方式要符合學生的認知特點， 圖文并茂、生動有趣地呈現(xiàn)教學內(nèi)容， 激發(fā)學生的學習興趣?，F(xiàn)代教育技術的應用建議教師在教學過程中應重視現(xiàn)代教育技術與課程的整合，收集與開發(fā)數(shù)字化教學資源， 合理應用網(wǎng)絡與多媒體技術， 努力推進現(xiàn)代教育技術