濰坊學(xué)院網(wǎng)頁設(shè)計(jì)與制作課程(0203007)實(shí)驗(yàn)大綱.doc

濰坊學(xué)院網(wǎng)頁設(shè)計(jì)與制作課程（0203007）實(shí)驗(yàn)大綱 適用專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)，網(wǎng)絡(luò)工程專業(yè)，通信工程專業(yè)；實(shí)驗(yàn)學(xué)時(shí)：16學(xué)時(shí)一、實(shí)驗(yàn)的性質(zhì)、任務(wù)和基本要求(一)本實(shí)驗(yàn)課的性質(zhì)、任務(wù)網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)的專業(yè)基礎(chǔ)課，具有較強(qiáng)的技術(shù)性和實(shí)用性，本課程旨在培養(yǎng)學(xué)生設(shè)計(jì)和制作靜態(tài)網(wǎng)站和網(wǎng)頁的能力，為后續(xù)課程的學(xué)習(xí)做準(zhǔn)備。實(shí)驗(yàn)是鞏固課堂教學(xué)質(zhì)量必不可少的重要手段，實(shí)驗(yàn)課的任務(wù)是通過實(shí)驗(yàn)鞏固加深對(duì)所學(xué)知識(shí)的的掌握，培養(yǎng)學(xué)生的動(dòng)手能力和設(shè)計(jì)能力。（二）基本要求1、熟練使用網(wǎng)頁制作三劍客：Dreamweaver MX 2004，F(xiàn)ireworks MX 2004，F(xiàn)lash MX 2004；2、掌握域名和空間的申請(qǐng)方法，能進(jìn)行網(wǎng)站發(fā)布，對(duì)網(wǎng)站進(jìn)行管理；3、熟練使用HTML語言；4、使用JavaScript和VBScript編寫腳本；5、根據(jù)任務(wù)需求建立客戶端的的靜態(tài)網(wǎng)頁和網(wǎng)站；（三）實(shí)驗(yàn)學(xué)時(shí)分配表（表格說明）序 號(hào)實(shí) 驗(yàn) 項(xiàng) 目實(shí)驗(yàn)類型實(shí)驗(yàn)學(xué)時(shí)1用Dreamweaver制作網(wǎng)頁實(shí)驗(yàn)(一)驗(yàn)證性22用Dreamweaver制作網(wǎng)頁實(shí)驗(yàn)(二)驗(yàn)證性23用Fireworks處理圖形實(shí)驗(yàn)驗(yàn)證性24用Flash制作動(dòng)畫實(shí)驗(yàn)驗(yàn)證性25HTML語言實(shí)驗(yàn)驗(yàn)證性26JavaScript腳本語言實(shí)驗(yàn)驗(yàn)證性27VBScript腳本語言實(shí)驗(yàn)驗(yàn)證性28綜合設(shè)計(jì)及網(wǎng)頁發(fā)布實(shí)驗(yàn)綜合性2合 計(jì)16二、實(shí)驗(yàn)教學(xué)內(nèi)容實(shí)驗(yàn)一 用Dreamweaver制作網(wǎng)頁實(shí)驗(yàn)(一)1、實(shí)驗(yàn)?zāi)康模?）熟練使用Dreamweaver工具箱、屬性面板和面板組；（2）掌握創(chuàng)建站點(diǎn)、保存文檔和文本格式化的方法；（3）掌握創(chuàng)建各種類型超鏈接的方法。 2、實(shí)驗(yàn)內(nèi)容（1）新建一個(gè)網(wǎng)頁文檔，書寫文字，用屬性面板定義文字的字體、字號(hào)、顏色、排列方式等，預(yù)覽文檔，將文檔保存在盤上；（2）創(chuàng)建一個(gè)站點(diǎn)，編輯站點(diǎn)，保存站點(diǎn)，并站點(diǎn)中創(chuàng)建文檔和文件夾；（3）建立CSS樣式，用CSS樣式格式文檔中的文本；（3）在站點(diǎn)中為文檔創(chuàng)建各種類型的超鏈接。3、實(shí)驗(yàn)要求（1）了解工具箱、屬性面板和面板組的使用方法；（2）掌握站點(diǎn)的相關(guān)操作；（3）掌握文本格式化的相關(guān)操作；（4）掌握超鏈接的相關(guān)操作；（5）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)二 用Dreamweaver制作網(wǎng)頁實(shí)驗(yàn)(二)1、實(shí)驗(yàn)?zāi)康模?）掌握頁面布局的三種方法；（2）掌握表單建立的方法；（3）掌握插入多媒體元素的方法；（4）掌握行為的使用方法。2、實(shí)驗(yàn)內(nèi)容（1）建立表格，編輯表格，用視圖表格布局頁面；（2）建立框架，保存框架，用框架布局頁面；（3）建立一個(gè)表單，使用各種表單控件；（4）在網(wǎng)頁中插入Flash元素和聲音播放器；（5）使用行為練習(xí)：顯示消息框，彈出廣告窗口，插入背景音樂。3、實(shí)驗(yàn)要求（1）熟悉網(wǎng)頁布局；（2）掌握表單建立、多媒體元素插入、附加行為等方法；（3）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)三 用Fireworks處理圖形實(shí)驗(yàn)1、實(shí)驗(yàn)?zāi)康模?）掌握使用Fireworks處理圖形的方法，并能用Fireworks制作網(wǎng)站Logo、網(wǎng)站Banner和GIF動(dòng)畫；2、實(shí)驗(yàn)內(nèi)容（1）在Fireworks中打開圖像，更改圖像尺寸；（2）在Fireworks中處理文字和圖片；（3）制作一個(gè)網(wǎng)站Logo；（4）制作一個(gè)網(wǎng)站Banner；（4）制作一個(gè)GIF動(dòng)畫。3、實(shí)驗(yàn)要求（1）熟悉有關(guān)圖像處理的操作；（2）掌握網(wǎng)站Logo和網(wǎng)站Banner的制作方法；（3）掌握GIF動(dòng)畫的制作方法；（4）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)四 用Flash制作動(dòng)畫實(shí)驗(yàn)1、實(shí)驗(yàn)?zāi)康模?）掌握?qǐng)D層、元件、時(shí)間軸的原理及使用方法；（2）掌握7種動(dòng)畫的制作方法；（3）掌握給動(dòng)畫加按鈕的方法；（4）了解給動(dòng)畫加聲音的方法。2、實(shí)驗(yàn)內(nèi)容（1）制作有背景層的關(guān)鍵幀動(dòng)畫，體會(huì)圖層、元件、時(shí)間軸；（2）制作形變動(dòng)畫和沿直線動(dòng)運(yùn)動(dòng)畫，體會(huì)補(bǔ)間和實(shí)例的概念；（3）制作時(shí)間軸特效動(dòng)畫，體會(huì)時(shí)間軸特效對(duì)話框的使用；（4）制作沿指定路徑運(yùn)動(dòng)的動(dòng)畫，體會(huì)運(yùn)動(dòng)引導(dǎo)層；（5）制作色彩動(dòng)畫和遮罩動(dòng)畫，體會(huì)漸變和遮罩層；（6）制作播放和停止按鈕，控制動(dòng)畫播放。3、實(shí)驗(yàn)要求（1）熟悉層、元件、時(shí)間軸、補(bǔ)間、運(yùn)動(dòng)引導(dǎo)層、遮罩層的概念；（2）掌握7種類型動(dòng)畫的制作方法；（3）掌握按鈕的制作及使用；（4）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)五 HTML語言實(shí)驗(yàn)1、實(shí)驗(yàn)?zāi)康模?）學(xué)習(xí)用HTML語言制作網(wǎng)頁；（2）掌握各種基本標(biāo)記符的使用方法；（3）了解可視化生成網(wǎng)頁與網(wǎng)頁代碼之間的關(guān)系。2、實(shí)驗(yàn)內(nèi)容（1）使用標(biāo)記符；（2）使用文本標(biāo)記符和列表標(biāo)記符；（3）使用超鏈接標(biāo)記符；（4）使用表格標(biāo)記符；（5）使用表單標(biāo)記符。3、實(shí)驗(yàn)要求（1）熟悉用代碼制作網(wǎng)頁的過程；（2）了解各種基本標(biāo)記符的使用方法；（3）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)六 JavaScript腳本語言實(shí)驗(yàn)1、實(shí)驗(yàn)?zāi)康模?）學(xué)習(xí)用JavaScript腳本語言為網(wǎng)頁添加效果；（2）掌握J(rèn)avaScript腳本語言的基本結(jié)構(gòu)及語法；（3）學(xué)習(xí)使用JavaScript腳本語言的對(duì)象及事件。2、實(shí)驗(yàn)內(nèi)容（1）條件語句練習(xí)；（2）循環(huán)語句練習(xí)；（3）使用對(duì)象練習(xí)；（4）使用事件練習(xí)。3、實(shí)驗(yàn)要求（1）熟悉JavaScript腳本的編寫；（2）運(yùn)行結(jié)果準(zhǔn)確；（3）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)七 VBScript腳本語言實(shí)驗(yàn)1、實(shí)驗(yàn)?zāi)康模?）用VBScript腳本為網(wǎng)頁添加功能和效果；（2）掌握VBScript腳本語言的基本結(jié)構(gòu)及語法；（3）了解VBScript對(duì)象的使用。2、實(shí)驗(yàn)內(nèi)容（1）VBScript變量、常量、數(shù)組的使用；（2）VBScript過程的定義和使用；（3）VBScript函數(shù)的定義和使用；（4）VBScript對(duì)象的使用方法。3、實(shí)驗(yàn)要求（1）熟悉VBScript腳本的編寫；（2）運(yùn)行結(jié)果準(zhǔn)確；（3）寫出實(shí)驗(yàn)報(bào)告。實(shí)驗(yàn)八 綜合設(shè)計(jì)及網(wǎng)頁發(fā)布實(shí)驗(yàn)1、實(shí)驗(yàn)?zāi)康模?）學(xué)習(xí)網(wǎng)站建設(shè)的全過程；（2）掌握網(wǎng)站發(fā)布的全過程；（3）學(xué)習(xí)網(wǎng)站的管理。2、實(shí)驗(yàn)內(nèi)容（1）根據(jù)需求建立網(wǎng)站結(jié)構(gòu)；（2）為網(wǎng)站設(shè)計(jì)LOGO和BANNER；（3）設(shè)計(jì)網(wǎng)頁、導(dǎo)航系統(tǒng)；（4）建立網(wǎng)頁之間的鏈接；（5）申請(qǐng)空間和域名，發(fā)布網(wǎng)站；（6）管理網(wǎng)站。3、實(shí)驗(yàn)要求（