網(wǎng)頁設(shè)計與制作(教學(xué)大綱)

《網(wǎng)頁制作技術(shù)》教學(xué)大綱第7頁共11頁《網(wǎng)頁設(shè)計與制作》教學(xué)大綱一、課程說明1、課程代碼：0400302、總學(xué)時數(shù)：68，其中理論環(huán)節(jié)學(xué)時數(shù)：44，實驗實踐環(huán)節(jié)學(xué)時數(shù)：243、學(xué)分：44、適用專業(yè)：計算機應(yīng)用技術(shù)、計算機網(wǎng)絡(luò)技術(shù)、信息安全技術(shù)5、本課程的性質(zhì)、地位和作用本課程是計算機相關(guān)專業(yè)的專業(yè)課程，同時也是網(wǎng)絡(luò)營銷、網(wǎng)絡(luò)建設(shè)與維護等課程的基礎(chǔ)，是一門實用性極強，面向網(wǎng)絡(luò)建設(shè)，使用與維護的技術(shù)性課程。與其它課程的關(guān)系本課程的先行課程為“計算機基礎(chǔ)”，鑒于網(wǎng)頁制作與設(shè)計的內(nèi)容，建議與網(wǎng)絡(luò)技術(shù)、ASP程序設(shè)計、網(wǎng)站架設(shè)與維護課程中相同內(nèi)容適當協(xié)調(diào)。二、教學(xué)基本要求1、本課程的目的、任務(wù)本課程以當前流行的網(wǎng)頁制作工具為例，使學(xué)生掌握HTML語言及常用技巧。鑒于網(wǎng)頁設(shè)計是一個綜合的藝術(shù)，除了基本頁設(shè)代碼外，還有圖像、聲音等綜合運用，本課程除介紹流行軟件DREAMWEAVER外，還將對FIREWORK、FLASH作詳細講述，使學(xué)生掌握網(wǎng)頁制作方法。2、本課程的教學(xué)要求（1）知識要求?掌握網(wǎng)頁制作原則、方法及常用技術(shù)?熟悉一種主流軟件，如DREAMWEAVER?了解一定圖像制作及動畫軟件使用，如FLASH、FIREWORK（2）素質(zhì)要求?敬業(yè)精神：樹立敬業(yè)精神，網(wǎng)頁設(shè)計與制作必須全身心投入。?團隊精神：大型網(wǎng)絡(luò)建設(shè)及多人制作中，必須合理協(xié)調(diào)工作風(fēng)格及分工?較強的自我知識及技術(shù)更新能力，快速跟蹤網(wǎng)頁制作技術(shù)新發(fā)展。（3）能力與技能要求?HTML語言的運用與理解?三劍客的使用?設(shè)計一個靜態(tài)網(wǎng)站主要教學(xué)方法與手段采用面授和自學(xué)相結(jié)合；課堂講授與實習(xí)相結(jié)合；多媒體教學(xué)與傳統(tǒng)教學(xué)相結(jié)合。三、學(xué)時分配章節(jié)（序號）內(nèi)容學(xué)時數(shù)理論實踐總學(xué)時第一章Internet基礎(chǔ)22第二章網(wǎng)頁設(shè)計基礎(chǔ)22第三章超文本標識語言426第四章網(wǎng)頁圖像制作——Fireworks22第五章網(wǎng)頁圖像處理224第六章網(wǎng)頁動畫制作——Flash426第七章高級動畫制作224第八章網(wǎng)頁制作工具——Dreamweaver224第九章表格排版制作網(wǎng)頁224第十章嵌入表單元素426第十一章網(wǎng)頁的框架結(jié)構(gòu)426第十一章利用圖層制作網(wǎng)頁224第十三章利用模板制作網(wǎng)頁426第十四章應(yīng)用CSS樣式表224第十五章應(yīng)用行為和JavaScript制作特效426第十六章動態(tài)網(wǎng)頁制作22合計442468教學(xué)目的要求１、掌握：Fireworks中處理位圖的方法，創(chuàng)建動畫的方法，切片、熱點的創(chuàng)建方法，及按鈕和導(dǎo)航欄的制作方法。２、理解：圖層的使用方法。３、了解：網(wǎng)頁圖像處理的基本概念，優(yōu)化圖像的方法。教學(xué)重點：Fireworks中處理位圖的方法，創(chuàng)建動畫的方法，切片、熱點的創(chuàng)建方法，及按鈕和導(dǎo)航欄的制作方法。教學(xué)內(nèi)容5．1位圖圖像處理5．2動畫的制作5．3圖像的切割5．4按鈕、導(dǎo)航欄和彈出菜單的制作5．5圖像的優(yōu)化導(dǎo)出5．6綜合制作實例第六章網(wǎng)頁動畫制作——Flash教學(xué)目的要求１、掌握：使用繪圖工具欄來創(chuàng)建圖形、文本對象，元件和實例創(chuàng)建及編輯方法。２、理解：幀幀動畫、運動補間動畫、形狀補間動畫的創(chuàng)建方法。３、了解：Flash的功能和特點，基本術(shù)語。教學(xué)重點：幀幀動畫、運動補間動畫、形狀補間動畫的創(chuàng)建方法。教學(xué)內(nèi)容6．1FlashMX2004的簡介6．2FlashMX2004的基本操作6．3元件與實例6．4基本動畫制作6．5綜合制作實例第七章高級動畫制作教學(xué)目的要求１、掌握：創(chuàng)建引導(dǎo)層動畫的方法，遮罩動畫的方法。２、理解：制作文字特效，聲音的添加方法。３、了解：導(dǎo)出和發(fā)布動畫的方法。教學(xué)重點：創(chuàng)建引導(dǎo)層動畫的方法，遮罩動畫的方法。教學(xué)內(nèi)容7．1創(chuàng)建引導(dǎo)層動畫7．2創(chuàng)建遮罩層動畫7．3文字特效制作7．4為動畫添加聲音7．5發(fā)布與導(dǎo)出動畫7．6綜合制作實例第八章網(wǎng)頁制作工具——Dreamweaver教學(xué)目的要求１、掌握：DreamweaverMX2004創(chuàng)建和編輯站點的方法，插入網(wǎng)頁元素及創(chuàng)建和編輯網(wǎng)站鏈接的操作方法。２、理解：DreamweaverMX2004的工具面板及屬性面板的使用。３、了解：DreamweaverMX2004的功能和特點，站點發(fā)布的基本方法。教學(xué)重點：DreamweaverMX2004創(chuàng)建和編輯站點的方法，插入網(wǎng)頁元素及創(chuàng)建和編輯網(wǎng)站鏈接的操作方法。教學(xué)內(nèi)容8．1DreamweaveMX2004簡介8．2DreamweaveMX2004的基本操作8．3網(wǎng)站的外國鏈接與導(dǎo)航8．4站點的整理與上傳8．5綜合制作實例第九章表格排版制作網(wǎng)頁教學(xué)目的要求１、掌握：表格插入、添加內(nèi)容、設(shè)置屬性的方法，嵌套表格的插入方法。２、理解：布局視圖的使用方法，利用表格進行排版布局。３、了解：表格各部分名稱的含義。教學(xué)重點：表格插入、添加內(nèi)容、設(shè)置屬性的方法，嵌套表格的插入方法。教學(xué)內(nèi)容9．1表格的基本操作9．2表格的其他視圖9．3綜合制作實例第十章嵌入表單元素教學(xué)目的要求１、掌握：創(chuàng)建表單的方法，插入各表單對象的方法，對表單排版的整理方法。２、理解：用表格來控制表單的顯示和整體提交。３、了解：表單的功能和含義。教學(xué)重點：創(chuàng)建表單的方法，插入各表單對象的方法，對表單排版的整理方法。教學(xué)內(nèi)容10.1創(chuàng)建表單10.2創(chuàng)建文本域10.3創(chuàng)建選框與列表10.4創(chuàng)建文件上傳域10.5創(chuàng)建按鈕10.6創(chuàng)建跳轉(zhuǎn)菜單10.7綜合制作實例第十一章網(wǎng)頁的框架結(jié)構(gòu)教學(xué)目的要求１、掌握：框架的創(chuàng)建方法，如何利用框架制作網(wǎng)頁。２、理解：框架面板的使用方法，框架及框架集的概念。３、了解：框架集的屬性設(shè)置，框架集的各種操作。教學(xué)重點：框架的創(chuàng)建方法，如何利用框架制作網(wǎng)頁。教學(xué)內(nèi)容11.1創(chuàng)建框架11.2框架的屬性設(shè)置11.3保存框架11.4綜合制作實例第十二章利用圖層制作網(wǎng)頁教學(xué)目的要求１、掌握：插入層、設(shè)置層屬性的方法，改變層疊放順序的方法，利用層進行排版布局。２、理解：層與表格相互轉(zhuǎn)換的方法。３、了解：圖層的含義和特點。教學(xué)重點：插入層、設(shè)置層屬性的方法，改變層疊放順序的方法，利用層進行排版布局。教學(xué)內(nèi)容12.1層的特點12.2層的基本操作12.3層與表格的轉(zhuǎn)換12.4綜合制作實例第十三章利用模板制作網(wǎng)頁教學(xué)目的要求１、掌握：創(chuàng)建、編輯模板的方法，以及如何利用模板制作網(wǎng)頁。２、理解：模板自動更新的方法。３、了解：模板的功能特點和基本術(shù)語。教學(xué)重點：創(chuàng)建、編輯模板的方法，以及如何利用模板制作網(wǎng)頁。教學(xué)內(nèi)容13.1創(chuàng)建模板13.2模板的編輯13.3模板的應(yīng)用13.4綜合制作實例第十四章應(yīng)用CSS樣式表教學(xué)目的要求１、掌握：CSS樣式的創(chuàng)建方法，CSS樣式中各類樣式的定義方法，管理CSS樣式及CSS樣式的應(yīng)用。２、理解：CSS各咱濾鏡的效果及應(yīng)用。３、了解：CSS樣式的特點。教學(xué)重點：CSS樣式的創(chuàng)建方法，CSS樣式中各類樣式的定義方法，管理CSS樣式及CSS樣式的應(yīng)用。教學(xué)內(nèi)容14.1關(guān)于CSS樣式表14.2樣式的創(chuàng)建與應(yīng)用14.3CSS樣式化網(wǎng)頁14.4綜合制作實例第十五章應(yīng)用行為和JavaScript制作特效教學(xué)目的要求１、掌握：行為的應(yīng)用方法，浮動層的制作方法。２、理解：行為面板的使用。３、了解：行為和事件的概念，JavaScript的特點。教學(xué)重點：行為的應(yīng)用方法，浮動層的制作方法。教學(xué)內(nèi)容15.1在DreamWeaver中添加行為15.2制作JavaScript特效15.3綜合制作實例第十六章動態(tài)網(wǎng)頁制作教學(xué)目的要求１、掌握：ASP編程的基礎(chǔ)知識。２、理解：ASP的基本概念。３、了解：ASP訪問數(shù)據(jù)庫的對象ADO。教學(xué)重點：ASP編程的基礎(chǔ)知識。教學(xué)內(nèi)容16.1ASP簡介16.2ASP編程基礎(chǔ)（二）實驗大綱內(nèi)容1．教材56頁，綜合制作實例。2．Fireworks綜合制作實例——制作網(wǎng)站標志（教材76頁）3．Fireworks綜合制作實例——制作簡單頁面（教材100頁）4．Flash綜合制作實例——制作網(wǎng)頁動畫（教材129頁）5．Flash綜合制作實例——制作廣告動畫（教材153頁）6．Dreamweaver綜合制作實例——制作多媒體網(wǎng)頁（教材183頁）7．Dreamweaver綜合制作實例——制作網(wǎng)站首頁（教材200頁）8．Dreamweaver綜合制作實例——制作用戶注冊表（教材214頁）9．Dreamweaver綜合制作實例——制作框架網(wǎng)站頁面（教材229頁）10．Dreamweaver綜合制作實例——利用圖層制作網(wǎng)頁（教材237頁）11．Dreamweaver綜合制作實例——利用模板制作欄目頁（教材246頁）12．Dreamweaver綜合制作實例——制作浮動廣告（教材279頁）五、考核方式和要求本課程考核以上機操作為主總成績：平