靜態網站製作項目教程

內容簡介

本書是以項目制教學方式介紹靜態網站製作技術的教材，通過網站製作項目介紹使用HTML標記、CSS樣式表、Dreamweaver、Fireworks製作捆船烏靜態網站的技術。

本書共分6章，內殃察容包括網站項目及網站概念、使用HTML標記製作網頁、使用CSS樣式表製作網頁、使用Dreamweaver製作網頁、網頁圖像編輯、Flash網頁動畫製作。

本書將整個教學過程圍繞一個教學項目進行，通過完成教學項目使學生掌握靜態網站製作技能及相關知識，實現“做中學”；學生在課程學習中完成自己的網站製作實訓項目，實現“學厚台轎嬸中做”。

本書是面向高職高專網頁製作課程的教材，也適合其他類院校學生使用，同時可作為自學教材使用。

圖書目錄

第1章網站項目及網站概念

1.1靜態網站製作實訓網站項目

1.1.1項目總體設計

1.1.2“靜態網站製作實訓網站”項目首頁設計

1.1.3教學項目網站站點結構

1.1.4項目教學實訓環境

1.1.5實訓教學資源

1.2網站簡單工作原理

1.3網站的基本概念

1.3.1網頁與網站

1.3.2首頁與主頁

1.3.3靜態網頁與動態網頁

1.4網頁製作語言與工具

1.4.1網頁製作語言

1.4.2網頁製作工具

1.5網站開發流程

1.5.1網站設計

1.5.2製作網站

1.5.3發布網站

1.5.4把網站加入到搜尋引擎中

1.5.5網站維護

1.6小結

1.7習題

1.8實訓：網站首頁檔案的編輯與發布

第2章使用HTML標記製作網頁

2.1“HTML標記”欄目設計

2.1.1頁面內容與效果設計

2.1.2網頁檔案名稱及網頁參數設計

2.2HTML文檔

2.2.1HTML文檔結構

2.2.2HTML文檔規範

2.3“我的自白”頁面製作

2.3.1頁面排版標記

2.3.2“我的自白”頁面製作

2.4網站標題網頁製作

2.4.1正文標記<body>

2.4.2網站標題網頁製作

2.5“石郵校訓”網頁製作

2.5.1圖像標記

2.5.2“石郵校訓”網頁製作

2.6“學院簡介”網頁製作

2.6.1圖文混排

2.6.2“學院簡介”網頁製作

2.7“校園風光”網頁製作

2.7.1表格標記

2.7.2製作“校園風光”網頁

2.8導航欄網頁製作

2.8.1超連結標記

2.8.2導航欄網頁製作

2.9著作權頁面製作

2.10滾動超連結頁面製作

2.10.1文本移動標記

2.10.2製作白櫻料愚滾動超連結頁面

2.10.3添加滑鼠懸停效果

2.11“靜態網站製作”網頁製作

2.11.1背景音樂與和趨多過渡效果

2.11.2製作“靜態網站製作”網頁

2.12製作框架集以及組合網頁

2.12.1框架標記

2.12.2欄目首頁製作

2.12.3組合框架頁面

2.13小結

2.14習題

2.15實訓： “我的大學”主題網站製作

第3章使用CSS樣式表製作網頁

3.1“CSS樣式”欄目設計

3.1.1頁面內容與效果設計

3.1.2網頁檔案名稱設計

3.2CSS樣式表及嵌入式框架

3.2.1CSS樣式表及使用方法

3.2.2CSS屬性

3.2.3濾鏡

3.2.4嵌入式框架

3.3“城市徽標”章捉端頁面製作

3.4“灕江夜色”網頁製作

3.5“蘆笛岩洞”網頁製作

3.6“龍脊梯田”網頁製作

3.7CSS欄目首頁製作

3.8小結

3.9習題

3.10實訓： “我的家鄉”主題網站製作

第4章使用Dreamweaver製作網頁

4.1“網頁編輯工具”欄目設計

4.1.1欄目內容與效果設計

4.1.2頁面檔案名稱設計

4.2網頁編輯工具Dreamweaver

4.2.1Dreamweaver概述

4.2.2Dreamweaver工作視窗

4.2.3Dreamweaver站點管理

4.2.4頁面屬性

4.2.5CSS樣式定義與管理

4.3“Dreamweaver簡介”頁面製作

4.3.1任務分析

4.3.2Dreamweaver簡介頁面製作

4.4“層與行為”頁面製作

4.4.1任務分析

4.4.2層（AP Div）

4.4.3行為

4.4.4“顯示隱藏層”行為

4.4.5“層與行為”頁面製作

4.5“熱點圖像”頁面製作

4.5.1任務分析

4.5.2圖像屬性與熱點圖像

4.5.3“熱點圖像”頁面製作

4.6欄目首頁頁面製作

4.6.1任務分析

4.6.2欄目首頁頁面製作

4.7小結

4.8習題

4.9實訓： “我們的宿舍”主題網站製作

第5章網頁圖像編輯

5.1“網頁圖像編輯”欄目設計

5.2圖像編輯工具與圖像編輯基礎

5.2.1圖像編輯工具

5.2.2網頁中常用的圖像格式

5.2.3矢量和點陣圖圖形愚煉全

5.3Fireworks基本操作

5.3.1Fireworks的工作視窗

5.3.2Fireworks文檔操作

5.3.3圖像的最佳化與導出

5.3.4圖像大小編輯

5.3.5圖層操作

5.4矢量圖形編輯

5.4.1顏色工具箱

5.4.2矢量工具

5.4.3矢量圖形編輯

5.4.4文本工具

5.4.5矢量圖形填充效果

5.4.6矢量圖形濾鏡效果

5.5點陣圖圖像編輯

5.5.1點陣圖工具

5.5.2點陣圖濾鏡效果

5.5.3圖像蒙版效果

5.6“作品欣賞”頁面製作

5.6.1矢量圖形編輯圖片製作

5.6.2點陣圖圖像編輯圖片製作

5.6.3點陣圖蒙版圖片製作

5.6.4GIF動畫

5.6.5標題欄GIF逐幀動畫製作

5.6.6透明度變化GIF選擇動畫製作

5.6.7位置變化GIF選擇動畫製作

5.6.8分散到幀GIF動畫製作

5.6.9“作品欣賞”網頁製作

5.7“網頁圖像編輯”欄目首頁製作

5.7.1Logo製作

5.7.2Banner製作

5.7.3Fireworks按鈕

5.7.4Web切片

5.8小結

5.9習題

5.10實訓：圖像編輯與個人網站製作

第6章Flash網頁動畫製作

6.1“Flash動畫”欄目設計

6.2Flash基礎

6.2.1Flash工作視窗

6.2.2時間軸面板

6.2.3Flash文檔操作

6.3Flash工具箱

6.3.1顏色選擇

6.3.2圖形工具

6.3.3選取工具

6.3.4顏色填充工具

6.3.5變形工具

6.3.6筆形工具

6.3.7橡皮擦工具

6.3.8文本工具

6.4Flash動畫種類

6.4.1逐幀動畫

6.4.2形變動畫

6.4.3運動動畫

6.4.4軌跡動畫

6.4.5遮罩動畫

6.4.6在動畫中插入聲音

6.4.7Flash按鈕

6.4.8影片剪輯

6.4.9多場景動畫

6.4.10互動動畫

6.5“家鄉美”動畫頁面製作

6.5.1任務分析

6.5.2“家鄉美”動畫網頁製作

6.6“探索太空”動畫網頁製作

6.6.1任務分析

6.6.2“探索太空”動畫網頁製作

6.7“思念朋友”動畫網頁製作

6.7.1任務分析

6.7.2“思念朋友”動畫網頁製作

6.8Flash動畫欄目首頁製作

6.8.1任務分析

6.8.2Flash動畫欄目首頁製作

6.9小結

6.10習題

6.11實訓： “我的Flash”欄目製作

附錄課程標準

參考文獻

靜態網站製作項目教程

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條