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