網頁設計與開發實戰教程

《網頁設計與開發實戰教程》是2014年水利水電出版社出版的圖書，作者是李雲程。

基本介紹

• 書名：網頁設計與開發實戰教程
• 作者：李雲程
• 類別：圖書>教材>研究生/本科/專科教材>工學
• 出版社：水利水電出版社
• 出版時間：2014年07月
• 定價：¥17.60
• 開本：16 開
• 裝幀：平裝
• ISBN：9787517019923
• 叢書名：套用技術型高等院校十二五規劃教材

內容簡介

李雲程編著的《網頁設計與開發實戰教程(套用技術型高等院校十二五規劃教材)》緊跟網際網路技術*發展成果，選擇了HTML5、Dreamweaver、 Fireworks、Flash 和jQuery新版精華技術作為開發工具。

本書針對套用技術型院校教學目標和學生情況，採用全新教學模式，將合作企業的成功案例“深房小區”網站項目貫穿始終。通過完成任務，學會知識與技術。

全書共11章。主要內容包括：網站策劃與創建， HTML5網頁設計，網站首頁設計，超連結，網頁配色與CSS定義布局設計，用Spry構件設計頁面，網頁模板設計與表單，JavaScript 互動效果設計，jQuery套用設計，網站測試與發布，網站設計綜合訓練方案。

本書適合作為套用技術型本科院校相關專業教材，也適合高職高專和自學者使用。

目錄

前言

第1章 網站策劃與創建

1.1 網際網路與網站剖析

1.1.1 網站基礎知識

1.1.2 任務：網站剖析

1.1.3 任務實現

1.2 網站策劃設計

1.2.1 任務：策劃一個自己待建主題網站

1.2.2 任務實現

1.2.3 知識補充：網站策劃與頁面設計

1.3 使用Dreamweaver創建網站站點

1.3.1 任務：創建與維護待建網站站點

l.3.2 任務實現

1.3.3 知識補充：Web網站與維護

實訓項目

第2章 HTML5網頁設計

2.1 製作基本網頁

2.1.1 任務：一個“雲南怒江遊記”的

文字頁面

2.1.2 任務實現

2.1.3 知識補充：定義Dreamweaver的首選

參數和HTML5簡介

2.2 製作圖文網頁

2.2.1 任務：帶有文字和圖片混排的

“雲南怒江遊記”頁面

2.2.2 任務實現

2.2.3 任務拓展：為文字配多張圖片

2.2.4 知識補充：圖像使用和Dreamweaver

的組件功能

2.3 製作多媒體網頁

2.3.1 任務：一個帶有文字、圖片和視頻

的頁面

2.3.2 任務實現

2.3.3 任務拓展：帶有歌曲連結和Flash

動畫等效果的頁面

2.3.4 知識補充：常用多媒體對象

實訓項目二

第3章 網站首頁設計

3.1 利用表格布局設計首頁

3.1.1 任務：設計一個網站首頁頁面

3.1.2 任務實現

3.1.3 知識補充：網頁布局設計

3.2 設計網站Logo

3.2.1 任務：設計深房小區網站Logo

3.2.2 任務實現

3.2.3 任務拓展：設計另一個深房小區

網站Logo

3.2.4 知識補充

3.3 設計Gif動畫

3.3.1 任務：設計一個橫幅的Gif動畫廣告

3.3.2 任務實現

3.3.3 任務拓展：設計一個圖形圍繞中心

順時針不停旋轉Gif動畫

3.3.4 知識補充：動畫設計

3.4 設計網站導航條

3.4.1 任務：設計一組導航條

3.4.2 任務實現

3.4.3 任務拓展：利用系統按鈕設計導航條

3.4.4 知識補充：導航條設計

3.5 導航下拉單

3.5.1 任務：設計一帶有下拉選單的導航條

3.5.2 任務實現

3.5.3 知識補充：再談設計下拉選單

3.6 用Flash設計文字變化動畫

3.6.1 任務：設計一個橫幅文字變化廣告

3.6.2 任務實現

3.6.3 知識補充：Flash動畫設計

3.7 用Flash設計帶有圖文變化動畫

3.7.1 任務：設計一個帶有圖文變化

廣告條

3.7.2 任務實現

3.7.3 知識補充：Flash設計規範

3.8 用Flash設計複雜變化效果

3.8.1 任務：設計一個複雜變化效果廣告

3.8.2 任務實現

3.8.3 知識補充：Flash動畫場景套用

3.8.4 任務小結

3.9 在主頁中檢查外掛程式和跳出公告視窗

3.9.1 任務：網站首頁檢查外掛程式並彈出

一個公告

3.9.2 任務實現

3.9.3 知識補充：行為面板及其功能

實訓項目三

第4章 超連結

4.1 創建文字圖片內外部連結和電子

郵件連結

4.1.1 任務：設計頁面各種超連結

4.1.2 任務實現

4.2 創建錨點連結以及圖像熱點

4.2.1 任務：為頁面信息設定錨點連結

4.2.2 任務實現

4.2.3 任務拓展：在頁面地圖上設定

熱點連結

4.2.4 知識補充：網頁文檔的設計備註

實訓項目四

第5章 網頁配色與cSS定義布局設計

5.1 玻璃質感導航按鈕與主頁配色設計

5.1.1 任務：設計一組玻璃質感按鈕

5.1.2 任務實現

5.1.3 知識補充：顏色搭配設計

5.2 頁眉圖片和Logo視覺修飾設計

5.2.1 任務：設計一幅頁眉圖片

5.2.2 任務實現

5.2.3 知識補充：網站整體風格設計

5.3 用CSS與I)iv設計網頁

5.3.1 任務：一個網頁的布局設計

5.3.2 任務實現

5.3.3 任務拓展：CSS及其規則

5.3.4 知識補充：Dreamweaver中

創建CSS

實訓項目五

第6章 Spry構件套用

6.1 Spry選單欄構件

6.1.1 任務：用Spry選單欄構件設計網站

導航條

6.1.2 任務實現

6.1.3 知識補充：Spry Widget的進一步

說明

6.2 Spry摺疊構件

6.2.1 任務：用Spry摺疊構件設計網站

左側內容導航

6.2.2 任務實現

6.3 Spry選項卡式與可摺疊式等構件

6.3.1 任務：用Spry選項卡式面板等設計

正文內容顯示效果

6.3.2 任務實現

6.3.3 任務小結

實訓項目六

第7章 網頁模板設計與表單

7.1 使用模板製作頁面

7.1.1 任務：定義與利用模板設計“時尚

直擊”子欄目頁面

7.1.2 任務實現

7.1.3 知識補充：Dreamweaver創建模板

的首選參數

7.2 表單

7.2.1 任務：創建互動式表單

7.2.2 任務實現

實訓項目七(a)

實訓項目七(b)

第8章 JavaScript互動效果設計

8.1 日期時間對象Date()

8.1.1 任務：在頁面內顯示日期時間並倒記時

天數

8.1.2 任務實現

8.1.3 任務拓展：在頁面上顯示時間和

中文曰期

8.2 樹型目錄設計

8.2.1 任務：樹型目錄導航設計

8.2.2 任務實現

8.2.3 任務拓展：單純利用表格設計

樹型目錄

8.3 隱藏的浮動導航面板

8.3.1 任務：設計可以隱藏於瀏覽器側面

的導航面板

8.3.2 任務實現

8.4 滑鼠控制文字運動效果

8.4.1 任務：跟隨滑鼠運動的蛇形文字

8.4.2 任務實現

實訓項目八

第9章 jQuery套用設計

9.1 jQurey選擇器使用

9.1.1 任務：利用jQuery改變頁面

顯示效果

9.1.2 任務實現

9.1.3 任務小結

9.1.4 任務拓展：使用幾個常用方法

設計頁面效果

9.1.5 知識補充：jQuery選擇器與方法

9.2 圖片切換效果設計

9.2.1 任務：在頁面顯示圖片切換廣告

9.2.2 任務實現

9.2.3 任務小結：jQuery選擇器

9.2.4 任務拓展：頁面帶有縮圖的圖片

切換效果

9.2.5 任務拓展：在頁面顯示圖片

切換廣告

9.2.6 任務拓展：又一種圖片切換

廣告效果

9.3 導航條與下拉選單設計

9.3.1 任務：設計水平二級選單效果

9.3.2 任務實現

9.3.3 任務小結

9.3.4 任務拓展：帶有濾鏡切換效果的

導航條設計

9.4 jQuery Ajax技術

9.4.1 任務：利用jQuery Load()方法

載入數據

9.4.2 任務實現

9.4.3 任務拓展：jQuery常用客戶端與伺服器

端數據載入方法設計

9.4.4 知識補充：GET和POST方法差男

和jQuery Ajax操作函式

實訓項目九

第10章 網站測試與發布

10.1 部署發布以及更新網站

10.1.1 任務：網站測試與發布

10.1.2 任務實現

10.1.3 知識補充：定義IIS站點伺服器

實訓項目十

第11章 網站項目開發綜合訓練方案

11.1 項目立項與規劃

11.2 項目建設方案

11.3 網站設計與實現

11.3.1 網站頁面設計

11.3.2 網站設計特別注意問題

11.3.3 一位早期Microsoft公司網站

設計者的經驗

11.3.4 測試

11.3.5 推廣站點

11.4 網站開發規範

11.4.1 確定網站目錄結構

11.4.2 確定網站的連結結構

11.4.3 命名規範

11.4.4 搜尋框設計規範

11.4.5 頁碼設計規範

11.4.6 文字編排與設計

11.4.7 文字超連結

11.4.8 局部效果設計

11.4.9 頁面各個模組修飾設計

11.4.10 廣告設計規範

11.4.11 頁腳信息

11.4.12 圖片修飾設計

參考文獻