網(wǎng)頁制作案例與實訓(xùn)教程

內(nèi)容概要

　　《網(wǎng)頁制作案例與實訓(xùn)教程》詳細介紹了現(xiàn)在最流行的網(wǎng)頁設(shè)計工具組合——dreamweaver cs4、fireworks
cs4和flash cs4的使用方法、操作技巧和實用案例，并配備了上機實訓(xùn)。
　　本書的第1章主要介紹了網(wǎng)站建設(shè)的基礎(chǔ)知識，包括構(gòu)成網(wǎng)頁的基本元素、如何設(shè)計網(wǎng)頁、常用網(wǎng)頁設(shè)計軟件、網(wǎng)站建設(shè)的基本流程等；第2~9章主要介紹了dreamweaver
cs4的使用，它可以對網(wǎng)頁進行整體的布局、設(shè)計與管理，包括站點的創(chuàng)建與管理、文本與圖像、網(wǎng)頁布局、添加網(wǎng)頁特效、框架和css樣式表、編輯表單、模板和庫的使用等；第10～12章主要介紹了fireworks
cs4的使用方法與技巧，它可以繪制和優(yōu)化網(wǎng)頁中用到的圖像，制作特效按鈕與簡單的動畫等；第13～15章主要介紹了flash
cs4的使用方法與技巧，用以制作網(wǎng)頁中需要的矢量動畫以及設(shè)置交互動作等效果。
　　本書注重理論與實踐相結(jié)合，全書重點突出、結(jié)構(gòu)清晰、內(nèi)容詳實、實例豐富。案例驅(qū)動是本書的一大特色，全書注重案例的講解，通過對案例功能的介紹引出知識點并進行知識點的詳細介紹，又針對案例給出了具體的操作步驟，有助于讀者輕松上手練習(xí)，達到知識點與實際操作綜合運用的目的；上機實訓(xùn)也是本書的特色之一，可進一步提高讀者的知識應(yīng)用能力與實踐能力。
　　本書可作為高職、大中專院校和計算機培訓(xùn)班的教材，也可作為網(wǎng)頁設(shè)計人員的專業(yè)參考書，還可作為業(yè)余愛好者的自學(xué)用書。

書籍目錄

目錄回到頂部↑《網(wǎng)頁制作案例與實訓(xùn)教程》
第1篇 基礎(chǔ)知識
第1章 網(wǎng)站建設(shè)基礎(chǔ)知識
1.1 構(gòu)成網(wǎng)頁的基本元素
1.1.1 網(wǎng)站logo
1.1.2 網(wǎng)站banner
1.1.3 導(dǎo)航欄
1.1.4 flash動畫
1.2 如何設(shè)計網(wǎng)頁
1.3 常用網(wǎng)頁設(shè)計軟件
1.3.1 網(wǎng)頁圖像設(shè)計軟件photoshop cs4
1.3.2 網(wǎng)頁動畫制作軟件flash cs4
1.3.3 網(wǎng)頁編輯排版軟件dreamweaver cs4
1.4 網(wǎng)站建設(shè)的基本流程
1.4.1 網(wǎng)站的需求分析
1.4.2 網(wǎng)站整體規(guī)劃
1.4.3 確定網(wǎng)站整體風(fēng)格
1.4.4 收集資源
1.4.5 設(shè)計網(wǎng)頁圖像
1.4.6 編輯制作網(wǎng)頁
.1.4.7 開發(fā)動態(tài)網(wǎng)站模塊
1.4.8 申請域名和服務(wù)器空間
1.4.9 測試與發(fā)布上傳
1.4.10 網(wǎng)站維護
1.4.11 網(wǎng)站推廣
第2篇 dreamweaver cs
第2章 初識dreamweaver cs4
2.1 dreamweaver cs4
2.1.1 工作環(huán)境
2.1.2 css樣式
2.1.3 動態(tài)網(wǎng)站
2.2 案例：dreamweaver cs4安裝過程
2.2.1 系統(tǒng)需求
2.2.2 安裝過程
2.3 案例：dreamweaver cs4工作環(huán)境
2.3.1 文檔窗口
2.3.2 “插入”面板
2.3.3 “屬性”面板
2.3.4 浮動面板
2.4 小結(jié)
第3章 站點的創(chuàng)建與管理
3.1 案例：規(guī)劃我的站點
3.1.1 規(guī)劃站點結(jié)構(gòu)
3.1.2 規(guī)劃站點風(fēng)格
3.2 案例：創(chuàng)建我的站點
3.2.1 創(chuàng)建新站點
3.2.2 管理資源站點
3.2.3 管理站點地圖
3.3 案例：編輯站點文件
3.3.1 設(shè)置本地文件夾
3.3.2 設(shè)置遠程文件夾
3.3.3 上傳和下載文件
3.4 上機實訓(xùn)
實訓(xùn) 創(chuàng)建一個本地站點
第4章 文本與圖像
4.1 案例：設(shè)置網(wǎng)頁文本格式
4.1.1 在網(wǎng)頁中使用文本
4.1.2 使用超級鏈接
4.1.3 案例實現(xiàn)
4.2 案例：制作公司簡介頁面
4.2.1 在網(wǎng)頁中使用圖像
4.2.2 插入水平線與空格
4.2.3 案例實現(xiàn)
4.3 上機實訓(xùn)
實訓(xùn)一 制作“相見歡”頁面
實訓(xùn)二 制作“周莊”頁面
實訓(xùn)三 為公司簡介頁面添加導(dǎo)航條
第5章 網(wǎng)頁布局
5.1 案例：音樂網(wǎng)
5.1.1 創(chuàng)建并設(shè)置表格
5.1.2 編輯表格
5.1.3 表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出
5.1.4 案例實現(xiàn)
5.2 案例：布局排版“美食天下”網(wǎng)頁
5.2.1 創(chuàng)建布局表格與單元格
5.2.2 布局表格與單元格屬性
5.2.3 案例實現(xiàn)
5.3 spry構(gòu)件
5.3.1 spry構(gòu)件的概念
5.3.2 spry菜單欄構(gòu)件
5.3.3 spry選項卡式面板構(gòu)件
5.3.4 spry折疊構(gòu)件
5.4 上機實訓(xùn)
實訓(xùn)一 制作旅游網(wǎng)主頁
實訓(xùn)二 制作“我的博客”頁面
第6章 添加網(wǎng)頁特效
6.1 案例：環(huán)形布局網(wǎng)頁設(shè)計
6.1.1 ap元素的創(chuàng)建與基本操作
6.1.2 ap元素的應(yīng)用
6.1.3 案例實現(xiàn)
6.2 案例：制作視聽在線網(wǎng)頁
6.2.1 插入多媒體元素
6.2.2 插入日期與計數(shù)器
6.2.3 案例實現(xiàn)
6.3 案例：使用行為制作北京奧運場館展示
6.3.1 行為概述
6.3.2 各種行為的應(yīng)用
6.3.3 案例實現(xiàn)
6.4 上機實訓(xùn)
實訓(xùn)一 制作網(wǎng)頁下拉菜單
實訓(xùn)二 制作動態(tài)公司主頁
第7章 框架和css樣式表
7.1 案例：對網(wǎng)頁應(yīng)用框架技術(shù)
7.1.1 創(chuàng)建各種框架與保存
7.1.2 設(shè)置框架屬性
7.1.3 框架的鏈接
7.1.4 案例實現(xiàn)
7.2 案例：在網(wǎng)頁中設(shè)置css樣式
7.2.1 css樣式的創(chuàng)建與應(yīng)用
7.2.2 css濾鏡效果
7.2.3 案例實現(xiàn)
7.3 spry構(gòu)件中的css設(shè)置
7.3.1 spry面板樣式的設(shè)置
7.3.2 spry菜單欄樣式的設(shè)置
7.4 上機實訓(xùn)
實訓(xùn) 制作“按鈕”頁面
第8章 編輯表單
8.1 案例：填寫酒店預(yù)訂
8.1.1 表單的基本操作
8.1.2 案例實現(xiàn)
8.2 spry表單元素
8.2.1 spry驗證文本域
8.2.2 spry驗證文本區(qū)域
8.2.3 spry驗證復(fù)選框
8.2.4 spry驗證選擇
8.3 上機實訓(xùn)
實訓(xùn) 制作“信息卡”頁面
第9章 模板和庫
9.1 案例：模板和庫的使用
9.1.1 模板的概念與使用
9.1.2 庫的概念與使用
9.1.3 案例實現(xiàn)
9.2 上機實訓(xùn)
實訓(xùn) 制作“手機世界”頁面
第3篇 fireworks cs
第10章 fireworks cs4基礎(chǔ)
10.1 案例：打開一幅圖像
10.1.1 認識fireworks cs4
10.1.2 fireworks cs4的界面
10.1.3 案例實現(xiàn)
10.2 上機實訓(xùn)
實訓(xùn) 繪制一個帶有光暈的太陽
第11章 矢量圖和位圖
11.1 案例：矢量圖的繪制
11.1.1 繪制矢量圖形
11.1.2 繪制路徑
11.1.3 設(shè)計文本
11.1.4 設(shè)置填充與描邊效果
11.1.5 案例實現(xiàn)
11.2 位圖
11.2.1 位圖操作
11.2.2 案例實現(xiàn)
11.3 圖層
11.3.1 圖層的基本操作
11.3.2 案例實現(xiàn)
11.4 蒙版
11.4.1 蒙版的基本操作
11.4.2 案例實現(xiàn)
11.5 上機實訓(xùn)
實訓(xùn)一 制作卡通電視
實訓(xùn)二 制作網(wǎng)頁主頁
第12章 fireworks cs4案例
12.1 案例：制作彈出菜單
12.1.1 圖像的優(yōu)化與導(dǎo)出
12.1.2 切片的基本操作
12.1.3 熱點的基本操作
12.1.4 案例實現(xiàn)
12.2 上機實訓(xùn)
實訓(xùn)一 制作巧克力狀按鈕
實訓(xùn)二 制作動畫logo
第4篇 flash cs
第13章 flash cs4基礎(chǔ)
13.1 案例：對象的編輯
13.1.1 編輯文本和對象
13.1.2 案例實現(xiàn)
13.2 案例：簡單圖形——卡通魚繪制
13.2.1 繪圖工具
13.2.2 修改工具
13.2.3 顏色工具
13.2.4 案例實現(xiàn)
13.3 案例：動態(tài)彩虹文字制作
13.3.1 圖層的基本操作
13.3.2 案例實現(xiàn)
13.4 上機實訓(xùn)
實訓(xùn) 利用遮罩層制作結(jié)尾動畫
第14章 編輯實例和元件
14.1 案例：燈光照射效果
14.1.1 元件的概念與應(yīng)用
14.1.2 案例實現(xiàn)
14.2 案例：文隨鼠標效果
14.2.1 actionscript的基本概念與應(yīng)用
14.2.2 案例實現(xiàn)
14.3 上機實訓(xùn)
實訓(xùn)一 制作flash按鈕
實訓(xùn)二 時空隧道效果
實訓(xùn)三 制作“拖曳”動畫
實訓(xùn)四 制作“比較數(shù)字”演示板
第15章 創(chuàng)建動畫
15.1 案例：文字旋轉(zhuǎn)效果
15.1.1 幀的基本操作
15.1.2 時間軸
15.1.3 補間動畫
15.1.4 案例實現(xiàn)
15.2 案例：迎接2008奧運
15.2.1 “動作-幀”面板
15.2.2 補間和逐幀動畫
15.2.3 案例實現(xiàn)
15.3 上機實訓(xùn)
實訓(xùn)一 中秋賀卡實例
實訓(xùn)二 駭客帝國實例
參考文獻

章節(jié)摘錄

版權(quán)頁：   插圖：   從以上的“框架”面板中可以看到，每個框架集都由一個較粗的立方體邊框所包圍，而每一個框架都有一個細邊框。用戶可以從“框架”面板中看到整個頁面的框架結(jié)構(gòu)，包括每個框架的名稱。在“框架”面板中單擊某框架內(nèi)容或單擊框架集的邊框，就可以在頁面中選中對應(yīng)的框架或者框架集。 2）保存框架和框架集 在瀏覽器中預(yù)覽頁面之前，必須先保存框架頁文件及其相關(guān)的框架文件。DreamweaVerCS4的“文件”菜單中提供了3個與框架有關(guān)的保存命令，分別是“保存框架頁”、“框架集另存為”和“保存全部”。當使用Dreamweaver CS4創(chuàng)建框架文檔時，就已經(jīng)存在框架集和框架文件?？蚣芗募哪J名稱是UntitledFrameset—2等，框架文件的默認名稱是UntitledFrame—2等。這樣的命名對用戶來說可能很難判斷保存的究竟是哪個框架文件，所以在保存框架集或框架文件時要對它們所對應(yīng)的文件重新命名。 （1）保存全部。選擇“文件”→“保存全部”命令，保存所有文件（包括框架集文件和框架文件），如圖7—9所示。 該命令將保存在框架集中打開的所有文檔，包括框架集文件和所有帶框架的文檔。如果該框架集文件未保存過，則在“設(shè)計”視圖中框架集的周圍將出現(xiàn)粗邊框，并且彈出一個對話框，用戶可以從中選擇文件名；對于尚未保存的框架，在框架的周圍也將顯示粗邊框。 Dreamweaver CS4首先保存框架集文件，在保存文件對話框的文件名中修改用戶需要的文件名，單擊“保存”按鈕即可。然后保存框架文件，文件名變?yōu)閁ntitledFrame—3（依照框架的個數(shù)不同而不同），“設(shè)計”視圖中的選擇線也將會自動移動到相應(yīng)的被保存的框架中，由此可以知道正在保存的是哪個框架文件。單擊“保存”按鈕，直到所有文件保存完為止。 （2）保存框架集文件。在“設(shè)計”視圖中選中要保存的框架集，執(zhí)行下列操作之一。 ①選擇“文件”→“保存框架頁”命令，保存框架集文件。 ②選擇“文件”→“框架集另存為”命令，將框架集另存為新文件。 （3）保存框架文件。在“設(shè)計”視圖中選中要保存的框架，選擇“文件”→“保存框架”或“文件”→“框架另存為”命令即可。 7.1.2設(shè)置框架屬性 1.設(shè)定框架內(nèi)容和樣式 框架集屬性確定框架集內(nèi)各個框架的名稱、源文件、邊框、滾動、邊框能否調(diào)整大小等?？蚣軐傩钥刂瓶蚣艿拇笮『涂蚣苤g邊框的顏色和寬度。每個框架和框架集都有自己的“屬性”面板，使用“屬性”面板可以設(shè)置框架和框架集的屬性。 1）調(diào)整框架集屬性 框架集的“屬性”面板如圖7—10所示。

編輯推薦

《高等職業(yè)教育"十二五"規(guī)劃教材:網(wǎng)頁制作案例與實訓(xùn)教程》可作為高職、大中專院校和計算機培訓(xùn)班的教材，也可作為網(wǎng)頁設(shè)計人員的專業(yè)參考書，還可作為業(yè)余愛好者的自學(xué)用書。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁制作案例與實訓(xùn)教程 PDF格式下載

---