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

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