網頁設計與製作

《網頁設計與製作/新世紀高職高專計算機應用技術專業系列規劃教材》主要講述了網頁設計與製作的常用基本技術。內容以中文DreamweaverCS5、中文Fireworks CS5、中文Flash CS5網頁製作三劍客軟件為主體，並對網頁設計製作基礎知識、HTML語言作等內容進行簡要介紹。以培養高等職業院校學生網頁設計與製作的實際技能為主要教學目標 ^[1]  。

項目1 班級風采網站製作

1.1 班級風采網站製作過程

任務1-1 設計規劃班級風采網站

任務1-2 創建班級風采網站站點

任務1-3 製作並添加網頁標題欄

任務1-4 設置導航欄

任務1-5 設置網頁主體內容

任務1-6 製作版權區

任務1-7 設置頁面屬性

任務1-8 製作子網頁

任務1-9 建立網頁之間的鏈接

任務1-10 瀏覽網頁

任務1-11 保存網頁

1.2 班級風采網站製作相關知識

知識點1-1 網頁與網站的概念

知識點1-2 網站設計與製作流程

知識點1-3 初步認識Dreamweaver CS5

知識點1-4 Dreamweaver文本編輯與格式化

知識點1-5 Dreamweaver中圖像及應用

知識點1-6 Dreamweaver中超鏈接的概念與基本應用

知識點1-7 Dreamweaver表格建立與基本操作

知識點1-8 Dreamweaver層的建立與基本操作

知識點1-9 初步認識Fireworks CS5

實訓指導1

綜合練習1

項目2 我的校園生活網站製作

2.1我的校園生活網站製作過程

任務2-1 設計規劃我的校園生活網站

任務2-2 創建我的校園生活網站站點

任務2-3 建立包含網頁主體標記的主頁文件

任務2-4 應用Dreamweaver表格標記進行網站佈局

任務2-5 應用文本格式標記編輯文本

任務2-6 應用圖像標記插入圖像

任務2-7 應用表單標記製作表單

任務2-8 應用多媒體標記插入多媒體對象

任務2-9 製作子網頁並應用鏈接標記建立導航鏈接

2.2 我的校園生活網站製作相關知識

知識點2-1 HTML網頁的基本組成與特點

知識點2-2 文本格式標記

知識點2-3 版面控制標記

知識點2-4 圖像標記

知識點2-5 超鏈接標記

知識點2-6 表格標記

知識點2-7 表單標記

知識點2-8 多媒體及其他常用標記

實訓指導2

綜合練習2

項目3 風光旅遊網站製作

3.1 風光旅遊網站製作過程

任務3-1 設計規劃風光旅遊網站

任務3-2 創建風光旅遊網站站點

任務3-3 應用Dreamweaver表格進行網站主頁佈局

任務3-4 利用Fireworks製作站標圖像

任務3-5 利用Fireworks製作站標動畫

任務3-6 利用Fireworks製作按鈕導航

任務3-7 編輯製作主體區

任務3-8 編輯製作版權區

任務3-9 製作子網頁並鏈接測試

3.2 風光旅遊網站製作相關知識

知識點3-1 Dreamweaver中CSS樣式及應用

知識點3-2 Dreamweaver中超鏈接的進一步應用

知識點3-3 Dreamweaver表格與網頁佈局

知識點3-4 Fireworks文字特效

知識點3-5 Fireworks圖像處理

知識點3-6 Fireworks按鈕導航

知識點3-7 Fireworks基本動畫製作

實訓指導3

綜合練習3

項目4 中國文學閲讀網站製作

4.1 中國文學閲讀網站製作過程

任務4-1 設計規劃中國文學閲讀網站

任務4-2 創建中國文學閲讀網站站點

任務4-3 製作中國文學閲讀網站各章回網頁

任務4-4 製作《三國演義》閲讀網頁

任務4-5 製作《紅樓夢》閲讀網頁

任務4-6 製作《水滸傳》閲讀網頁

任務4-7 製作《西遊記》閲讀網頁

任務4-8 製作中國文學閲讀網站主頁

4.2 中國文學閲讀網站製作相關知識

知識點4-1 框架及應用

知識點4-2 模板及應用

知識點4-3 Fireworks元件及應用

知識點4-4 Fireworks切片及應用

知識點4-5 Fireworks補間動畫製作

實訓指導4

綜合練習4

項目5 網聚電子公司網站製作

5.1 網聚電子公司網站製作過程

任務5-1 設計規劃網聚電子公司網站

任務5-2 應用Dreamweaver表格進行網站整體佈局

任務5-3 應用Fireworks製作站標圖像

任務5-4 應用Flash製作主頁動畫條幅

任務5-5 應用Dreamweaver層與行為製作網站導航欄

任務5-6 各子網頁製作與鏈接

任務5-7 網聚電子公司網站發佈

5.2 網聚電子公司網站製作相關知識

知識點5-1 Flash操作基礎

知識點5-2 Flash逐幀動畫製作

知識點5-3 應用Fireworks製作動態交換圖像

知識點5-4 Dreamweaver行為

知識點5-5 網站的測試與發佈

實訓指導5

綜合練習5

項目6 金鑫房地產開發公司網站製作

6.1 金鑫房地產開發公司網站製作過程

任務6-1 設計規劃金鑫房地產開發公司網站

任務6-2 創建金鑫房地產開發公司網站站點

任務6-3 應用Dreamweaver表格進行網站整體佈局

任務6-4 應用Fireworks製作站標動畫

任務6-5 應用Flash製作網站標題動畫

任務6-6 應用Dreamweaver層與行為製作網站導航欄

任務6-7 應用Dreamweaver製作網站註冊表單

任務6-8 各子網頁製作與鏈接測試

任務6-9 金鑫房地產開發公司網站發佈

6.2 金鑫房地產開發公司網站製作相關知識

知識點6-1 Flash漸變動畫製作

知識點6-2 Dreamweaver表單

實訓指導6

綜合練習6