HTML與網(wǎng)頁制作教學(xué)大綱new

1、HTML與網(wǎng)頁制作教學(xué)大綱課程編號(hào)編制人制定日期修訂人修訂日期審定組(人)審定日期張立涓20075學(xué) 時(shí)：39適用專業(yè)：計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)（業(yè)余）一、課程的性質(zhì)與任務(wù)課程的性質(zhì)：HTML與網(wǎng)頁制作課程是計(jì)算機(jī)網(wǎng)絡(luò)方向必修的一門專業(yè)基礎(chǔ)技能課程。學(xué)生在學(xué)習(xí)本課程之前應(yīng)當(dāng)具有計(jì)算機(jī)網(wǎng)絡(luò)和計(jì)算機(jī)操作的預(yù)備知識(shí)和能力。課程的任務(wù)：作為計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的學(xué)生，應(yīng)該具備網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)，并有專業(yè)化網(wǎng)站的構(gòu)建能力，能夠策劃、設(shè)計(jì)、實(shí)現(xiàn)和維護(hù)中小型網(wǎng)站（如公司網(wǎng)站、電子商務(wù)網(wǎng)站等）。學(xué)習(xí)完本課程后，學(xué)生應(yīng)該能夠形成網(wǎng)站策劃和設(shè)計(jì)的基本知識(shí)結(jié)構(gòu)并具有創(chuàng)建一個(gè)中小型的個(gè)人網(wǎng)站，并將其發(fā)布到Internet上運(yùn)

2、行的能力。前導(dǎo)課程： 計(jì)算機(jī)導(dǎo)論后續(xù)課程： Internet高級(jí)技術(shù)二、教學(xué)基本要求本課程內(nèi)容新穎實(shí)用并處于逐步形成過程之中，還未具有相應(yīng)系統(tǒng)的理論，且變化相對(duì)比較快。目前，基本以網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)的實(shí)踐為線索來確定課程的知識(shí)結(jié)構(gòu)。根據(jù)課程具有實(shí)用性的特點(diǎn)，實(shí)踐環(huán)節(jié)在教學(xué)過程中占有重要地位。通過本課程的學(xué)習(xí)與實(shí)踐，學(xué)生應(yīng)達(dá)到：1掌握互聯(lián)網(wǎng)基本知識(shí)，及有關(guān)Web網(wǎng)站建設(shè)的基本概念與方法。2掌握網(wǎng)頁設(shè)計(jì)制作的基本概念，HTML超文本標(biāo)記語言的基本知識(shí)。3主要掌握網(wǎng)頁制作工具Dreamweaver、Flash和Firework的使用4掌握有關(guān)計(jì)算機(jī)網(wǎng)絡(luò)信息的收集、加工、處理、發(fā)布與維護(hù)的基本框架與工

3、作流程，能建設(shè)中小型網(wǎng)站。5了解本課程相關(guān)技術(shù)的發(fā)展趨勢(shì)。三、教學(xué)條件由于該課程注重學(xué)生的實(shí)際操作能力，因此要求所有課程在計(jì)算機(jī)房進(jìn)行，要求為每個(gè)學(xué)生配備一臺(tái)高性能計(jì)算機(jī)，操作系統(tǒng)：Windows 2000 Server,并安裝Macromedia Dreamweaver Mx、Flash Mx、Fireworks Mx，并具備Internet上網(wǎng)條件。四、教學(xué)內(nèi)容及學(xué)時(shí)安排序號(hào)單元主要內(nèi)容教學(xué)要求學(xué)時(shí)1Flash Mx的使用入門及逐幀動(dòng)畫的制作理論教學(xué)1 Internet基本知識(shí)及網(wǎng)站建設(shè)基本概念和流程2 Flash Mx的工作環(huán)境3Flash Mx文件操作4繪制圖形和利用圖形編輯工具對(duì)圖形

4、進(jìn)行編輯修改5逐幀動(dòng)畫的制作1 熟悉Flash Mx的操作環(huán)境2 掌握各種繪圖工具的功能3 掌握?qǐng)D形編輯工具的功能1實(shí)踐項(xiàng)目1使用繪圖工具繪制圖形2用圖形編輯工具對(duì)繪制的圖形放大、縮小、旋轉(zhuǎn)等3將繪制的多個(gè)圖形進(jìn)行組合、移動(dòng)、對(duì)齊等操作1 熟練掌握Flash Mx的工作環(huán)境和文件操作方法2 能夠熟練使用繪圖工具3 能夠靈活的利用圖形編輯工具對(duì)繪制的圖形進(jìn)行編輯修改4 掌握逐幀動(dòng)畫的制作方法12Flash Mx動(dòng)畫基礎(chǔ)理論教學(xué)1 時(shí)間軸2 動(dòng)畫幀3 編輯幀4 動(dòng)畫分類及基本制作方法5 形狀漸變動(dòng)畫和運(yùn)動(dòng)漸變動(dòng)畫1 掌握普通幀、關(guān)鍵幀等相關(guān)概念2 了解動(dòng)畫的基本分類，及每種動(dòng)畫的特點(diǎn)1實(shí)踐項(xiàng)目制作

5、運(yùn)動(dòng)漸變動(dòng)畫和形變動(dòng)畫，觀察不同效果1 掌握形變動(dòng)畫的制作方法和技巧2 掌握運(yùn)動(dòng)漸變動(dòng)畫的制作方法和技巧13Flash Mx場景和符號(hào)理論教學(xué)1 場景2 符號(hào)與實(shí)例3 圖形、按鈕、影片剪輯符號(hào)的創(chuàng)建與應(yīng)用4導(dǎo)入和編輯聲音1 了解符號(hào)的概念與分類及每種符號(hào)的應(yīng)用場合2 了解音質(zhì)的一些參數(shù)：采樣率、分辨率等1實(shí)踐項(xiàng)目1制作多場景動(dòng)畫，實(shí)現(xiàn)在各個(gè)場景間的切換2制作一個(gè)按鈕符號(hào)并為其添加動(dòng)畫和聲音1 掌握多場景動(dòng)畫的制作方法和技巧2 掌握符號(hào)的創(chuàng)建和應(yīng)用方法3 掌握聲音導(dǎo)入的方法24Flash導(dǎo)線層動(dòng)畫和蒙版層動(dòng)畫理論教學(xué)1圖層的概念2導(dǎo)向圖層和蒙版圖層了解圖層的基本概念與分類1實(shí)踐項(xiàng)目制作導(dǎo)線層動(dòng)畫

6、和蒙版層動(dòng)畫掌握導(dǎo)線層動(dòng)畫蒙版層動(dòng)畫的制作方法45Actions基本編程及應(yīng)用理論教學(xué)1.ActionScript簡介和編程界面2.常用Actions命令3.Action編程事件4.外部控制語句5.動(dòng)態(tài)控制影片剪輯實(shí)例6.控制目標(biāo)、控制鼠標(biāo)的命令1 了解ActionScript編程語言的特點(diǎn)2 掌握ActionScript變量、運(yùn)算符、表達(dá)式、函數(shù)、語句結(jié)構(gòu)等3 掌握常用Actions命令4 掌握Actions編程事件2實(shí)踐項(xiàng)目1 采用Actions Script編程設(shè)計(jì)一個(gè)Flash小游戲2運(yùn)行和測試編寫的程序1掌握Actions Script語言基本編程規(guī)則和方法2 掌握常用Actions

7、命令的使用3 掌握Actions編程事件的應(yīng)用方法4 了解控制目標(biāo)、鼠標(biāo)的命令26Fireworks Mx使用入門及圖形圖像、文本、位圖操作理論教學(xué)1Fireworks Mx工作環(huán)境2. 圖形圖像的基本操作3文本、位圖的操作4圖層5蒙版6濾鏡7特效1 掌握?qǐng)D形圖像的基本操作工具2 握文本、位圖的基本操作工具3 理解圖層和蒙版在圖像處理中作用和特點(diǎn)4 掌握各種濾鏡和特效的使用方法1實(shí)踐項(xiàng)目1 熟悉Fireworks工作環(huán)境2 利用各種矢量圖繪制工具，繪制多個(gè)矢量圖形，領(lǐng)會(huì)各種工具的方法和技巧1 熟練使用圖形圖像的基本工具2 熟練使用文本、位圖的基本操作工具3 握創(chuàng)建圖層、蒙版的方法4 能夠靈活運(yùn)

8、用慮鏡和特效210Dreamweaver Mx概述；在網(wǎng)頁中插入對(duì)象及鏈接理論教學(xué)1 Dreamweaver Mx工作環(huán)境2.網(wǎng)頁文件基本操作3.規(guī)劃網(wǎng)站與創(chuàng)建站點(diǎn)4.制作網(wǎng)頁，設(shè)置網(wǎng)頁屬性5.在網(wǎng)頁中插入文本、圖像等對(duì)象，修改各種對(duì)象的屬性6在網(wǎng)頁中建立各種鏈接1 熟悉Dreamweaver工作環(huán)境2 掌握創(chuàng)建網(wǎng)站和添加網(wǎng)頁的方法3 掌握在網(wǎng)頁中插入對(duì)象的方法1實(shí)踐項(xiàng)目1.創(chuàng)建一個(gè)網(wǎng)站,添加網(wǎng)頁，2.在網(wǎng)頁中插入文本、圖像等對(duì)象3建立各種鏈接1 掌握網(wǎng)站的創(chuàng)建方法和網(wǎng)頁的添加方法2 掌握在網(wǎng)頁中插入文本、圖像的方法3 掌握創(chuàng)建各種鏈接的方法212表格、版面布局、框架理論教學(xué)1.表格基本操作2

9、.設(shè)置表格格式3.布局視圖4.布局表格和單元格基本操作5.設(shè)置布局表格、單元格格式6創(chuàng)建、編輯框架 掌握網(wǎng)頁版面布局的幾種方式：表格、布局視圖、布局表格、框架等2實(shí)踐項(xiàng)目1.創(chuàng)建表格，設(shè)置表格屬性。2.在表格中添加文本、圖像3.創(chuàng)建布局視圖，布局表格單元格。4創(chuàng)建框架結(jié)構(gòu)網(wǎng)頁1 掌握表格的基本操作2 掌握布局視圖、布局表格的基本操作3 掌握框架布局方式413層和行為理論教學(xué)1 行為的使用2 創(chuàng)建時(shí)間線動(dòng)畫3 編輯時(shí)間線4 用于時(shí)間線上的行為5. 層的操作1 掌握行為的使用2 掌握層在網(wǎng)頁布局中的作用1實(shí)踐項(xiàng)目1.創(chuàng)建層，體會(huì)層在布局中的靈活性2結(jié)合行為創(chuàng)建層動(dòng)畫、層隱藏1 掌握層基本操作2 能

10、夠靈活運(yùn)用層豐富網(wǎng)頁114表單、CSS層疊樣式表理論教學(xué)1 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)概述2 表單的創(chuàng)建、設(shè)置表單屬性3樣式表1 了解動(dòng)態(tài)網(wǎng)頁的基本知識(shí)2 掌握表單中的幾種常用控件1 掌握樣式表的應(yīng)用1實(shí)踐項(xiàng)目1 創(chuàng)建一個(gè)用于網(wǎng)上注冊(cè)的表單2新建CSS樣式，將其應(yīng)用到文本中1能夠熟練應(yīng)用表單的幾種常用控件2能夠創(chuàng)建CSS樣式，并應(yīng)用115模版與庫、站點(diǎn)的管理理論教學(xué)1模板和庫2站點(diǎn)管理1了解模板和庫的作用2. 掌握站點(diǎn)管理的方法1實(shí)踐項(xiàng)目1 創(chuàng)建一個(gè)模版并利用它制作網(wǎng)頁2創(chuàng)建一個(gè)庫元素，利用它更新網(wǎng)站上的網(wǎng)頁1 能夠應(yīng)用時(shí)間線上的行為創(chuàng)建簡單動(dòng)畫2 能夠創(chuàng)建模板和庫并體會(huì)其作用116課程設(shè)計(jì)實(shí)踐項(xiàng)目制訂網(wǎng)站

11、規(guī)劃方案根據(jù)方案建立自己的網(wǎng)站（內(nèi)容自定）在局域網(wǎng)上發(fā)布自己的站點(diǎn)測試并維護(hù)1 掌握網(wǎng)站策劃的流程2 掌握網(wǎng)頁制作、布局的主要方法3 掌握網(wǎng)站的發(fā)布和維護(hù)方法4 能夠綜合運(yùn)用網(wǎng)頁制作三個(gè)軟件5學(xué) 時(shí) 合 計(jì)理論教學(xué)13實(shí)踐教學(xué)26五、教法說明 在理論教學(xué)上，采用“案例分析”的方式，引導(dǎo)學(xué)生發(fā)現(xiàn)問題、分析問題，掌握網(wǎng)站建設(shè)的基本概念和流程。在實(shí)踐教學(xué)上，采用“實(shí)例引導(dǎo)，項(xiàng)目驅(qū)動(dòng)”的方式講授常用軟件的使用，通過實(shí)現(xiàn)相關(guān)實(shí)例，在實(shí)例基礎(chǔ)上改造拓寬，真正實(shí)現(xiàn)“學(xué)以致用”。在教學(xué)過程中，注重對(duì)學(xué)生各方面素質(zhì)的培養(yǎng)，注重培養(yǎng)學(xué)生的動(dòng)手能力、表達(dá)能力、協(xié)作能力和學(xué)習(xí)能力等。六、考核方式及評(píng)分辦法本課程注重網(wǎng)站設(shè)計(jì)和實(shí)現(xiàn)的實(shí)際操作能力。操作考核注重考核學(xué)生對(duì)動(dòng)畫制作軟件Flash Mx、圖形處理軟件FireWork Mx以及網(wǎng)頁制作軟件DreamWeaver Mx應(yīng)用及相關(guān)技巧的掌握，考核比重占40%；課程設(shè)計(jì)注重檢查學(xué)生的網(wǎng)頁制作與網(wǎng)站策劃能力，考核比重占40%，平時(shí)作業(yè)及上課情況占20%。七、教材與參考書教材：超夢(mèng)幻勁爆網(wǎng)頁Dreamweaver Mx 2004 ，F(xiàn)lash Mx 2004,Firew