圖書簡介
本書圍繞“北京歡迎您”網站的建設,系統地講述了中文Adobe Dreamweaver CS3在網頁設計製作中的套用。本書項目實訓步驟翔實,拓展訓練項目實用,與項目式教學緊密結合。書中包括基礎篇、套用篇、提高篇三部分。其中,基礎篇為網頁設計基礎、網頁製作三劍客; 套用篇內容包括網站規劃,網頁文本和圖像、表格和布局表格、AP元素和框架、庫項目和模板、行為和時間軸、表單、動態網頁的套用; 提高篇包括網站的發布與推廣,精彩網頁賞析和課業設計。
本書既可作為職業技術學校網頁設計製作課程的教學用書,也可作為網頁製作相關工作人員的培訓教材,還可作為網頁設計製作愛好者的自學參考書。
圖書前言
Adobe Dreamweaver CS3 是一款專業的網頁製作工具,它具有可視化的編輯環境,簡單易學,受到網頁製作愛好者的歡迎。本書是結合作者多年的Dreamweaver網頁設計製作教學實踐而編寫的。
本書體現中職教育“理論夠用,重在實踐”的特點,在做到知識的科學性、系統性的基礎上,重點突出實用性和操作性,並以培養中等職業學校學生設計製作網頁的實踐技能為目標。
本書採用“項目教學”理念,做到理論和項目實踐緊密結合,是一本真正意義上的項目式教學教材。全書以一個大的項目——建設“北京歡迎您”網站為主線進行,將大項目分解為若干小項目形成各章。通過“北京歡迎您”這個完整網站的建設,詳細介紹了Adobe Dreamweaver CS3的使用,並且詳細介紹了如何使用Adobe Fireworks CS3和Adobe Flash CS3製作出項目需要的素材,體現網頁“三劍客”的配合。
本書在項目的編寫結構上採用了如下體系: 項目描述、知識和技能要點、我試身手、知識解析、拓展訓練。全書分“基礎篇”、“套用篇”和“提高篇”3部分,共14章。
第一部分,主要介紹網站設計的基礎知識和中文Adobe Dreamweaver CS3的工作界面。
第二部分,通過完成大項目——建設小型網站“北京歡迎您”,熟悉一個完整網站的規劃、設計與製作流程,掌握中文Adobe Dreamweaver CS3的基本操作和相關知識,並體會“三劍客”的合作效果。通過本部分的學習,讀者既能完成靜態網頁的製作,也能完成動態網頁的製作。
第三部分,通過項目介紹如何發布與推廣網站,還引領大家賞析了一些精彩網站,並布置了課業設計。
使用本書進行教學時可參考如下建議: 按“看”、“練”、“思”、“考”的順序組織教學。先引導學生完成項目,並儘可能地把相對應的知識點和技能點與教學同步進行; 再讓學生舉一反三,獨立完成拓展訓練,以培養學生獨立思考、創新和再學習的能力; 課後學生獨立完成思考練習與上機實訓,檢驗學生學習效果,以便及時查漏補缺,並促進學生靈活運用知識和技能,達到真正掌握的目的。
為方便讀者使用本書,作者提供了本書的項目完成效果,需要者可登錄清華大學出版社網站 本書的編寫得到了多方面的幫助和支持。董魯平老師提供了項目的部分圖片素材,韓立凡、謝寶榮老師對本書的內容和章節安排提出了寶貴的建議。在此對他們表示感謝!
本書在編寫時力求高質量,但由於作者水平有限,疏漏或不妥之處在所難免,懇請讀者批評指正。
編者
2008年3月於北京
課時分配建議:
章授 課 內 容建議學時
1網站設計基礎4
2網頁製作三劍客2
3“北京歡迎您”網站規劃與設計10
4網頁文本的套用6
5網頁圖像的套用6
6表格和布局表格的套用6
7AP元素和框架的套用6
8庫項目和模板的套用8
9行為和時間軸的套用12
10表單的套用6
11創建動態網站24
12發布與推廣網站6
13精彩網站賞析4
14課業設計8
合計108
圖書目錄
第一部分基礎篇
第1章網站設計基礎
1.1網站相關知識
1.1.1網站分類
1.1.2網頁、主頁與網站
1.1.3網頁主要元素
1.2網站建設
1.2.1建立網站的流程
1.2.2網站設計的原則
1.2.3網站設計的技巧
1.2.4網頁版面布局
1.2.5網頁色彩搭配
思考練習與上機實訓
第2章網頁製作三劍客
2.1三劍客簡介
2.2Adobe Dreamweaver CS3的工作界面
2.2.1工作區布局
2.2.2插入欄
2.2.3文檔視窗
2.2.4文檔工具列
2.2.5狀態欄
2.2.6屬性面板
2.2.7面板組
思考練習與上機實訓
第二部分套用篇
第3章“北京歡迎您”網站規劃與設計
3.1項目1:“北京歡迎您”網站初期規劃
3.1.1網站的主題和內容
3.1.2網站的風格、色彩和布局
3.1.3創建網站結構並繪製網頁效果圖
3.2項目2: 用Fireworks製作網站Logo
3.2.1項目描述
3.2.2我試身手
3.3項目3: 用Fireworks和Flash製作網站Banner
3.3.1項目描述
3.3.2我試身手
3.4項目4: 用Fireworks製作網站欄目“北京2008”的Banner
3.4.1項目描述
3.4.2我試身手
3.5項目5: 用Fireworks製作網站導航欄背景圖
3.5.1項目描述
3.5.2我試身手
3.6項目6: 用Fireworks製作網站的背景圖
3.6.1項目描述
3.6.2我試身手
3.7項目7: 用Fireworks製作網站的子欄目圖示
3.7.1項目描述
3.7.2我試身手
3.8項目8: 用Fireworks製作網站中用到的圖像
3.8.1項目描述
3.8.2我試身手
3.9項目9: 用Fireworks製作網站“留言板”的標題圖像
3.9.1項目描述
3.9.2我試身手
3.10項目10: 在Dreamweaver中定義“北京歡迎您”站點並創建首頁
3.10.1項目描述
3.10.2我試身手
3.10.3知識解析
3.10.4拓展訓練: 規劃、創建一個班級網站,製作首頁
思考練習與上機實訓
第4章網頁文本的套用
4.1項目11: 製作欄目“關於北京”網頁和子欄目“市花市樹”網頁
4.1.1項目描述
4.1.2我試身手
4.1.3知識解析
4.1.4拓展訓練: 在Dreamweaver中製作子欄目“北京概況”、
“自然環境”、“歷史溯源”網頁
4.2項目12: 為“市花市樹”網頁設定固定背景圖像和文本段落
行高——套用CSS樣式
4.2.1項目描述
4.2.2我試身手
4.2.3知識解析
4.2.4拓展訓練: 為“北京歡迎您”網站中的網頁設定活動的超級連結
思考練習與上機實訓
第5章網頁圖像的套用
5.1項目13: 北京之春風光欣賞——創建網站相冊
5.1.1項目描述
5.1.2我試身手
5.1.3知識解析
5.1.4拓展訓練: 繼續完善“北京風光”欄目
5.2項目14: 製作欄目“北京風光”網頁
5.2.1項目描述
5.2.2我試身手
5.2.3知識解析
5.2.4拓展訓練: 製作欄目“名勝古蹟”網頁
思考練習與上機實訓
第6章表格和布局表格的套用
6.1項目15: 製作子欄目“山水園林”之“北海公園”網頁
6.1.1項目描述
6.1.2我試身手
6.1.3知識解析
6.1.4拓展訓練: 套用表格布局,製作子欄目“山水園林”、
“古建遺址”的其他網頁
6.2項目16: 套用布局表格布局製作子欄目“民俗風情”網頁
6.2.1項目描述
6.2.2我試身手
6.2.3知識解析
6.2.4拓展訓練: 套用布局表格布局,製作“民俗風情”的各個
子欄目網頁
思考練習與上機實訓
第7章AP元素和框架的套用
7.1項目17: 套用AP元素布局製作欄目“美食小吃”的子欄目
“特色名菜”網頁
7.1.1項目描述
7.1.2我試身手
7.1.3知識解析
7.1.4拓展訓練: 套用AP元素布局製作欄目“美食小吃”
的子欄目“京味小吃”、“異國風味”網頁
7.2項目18: 套用框架布局製作欄目“美食小吃”網頁
7.2.1項目描述
7.2.2我試身手
7.2.3知識解析
7.2.4拓展訓練: 修改框架結構,完善欄目“美食小吃”網頁
思考練習與上機實訓
第8章庫項目和模板的套用
8.1項目19: 套用庫項目製作欄目“北京2008”網頁
8.1.1項目描述
8.1.2我試身手
8.1.3知識解析
8.1.4拓展訓練: 套用庫項目製作欄目“留言板”網頁的布局結構
8.2項目20: 套用模板製作欄目“北京2008”的子欄目網頁
8.2.1項目描述
8.2.2我試身手
8.2.3知識解析
8.2.4拓展訓練: 製作“留言板”模板
思考練習與上機實訓
第9章行為和時間軸的套用
9.1項目21: 製作拼圖遊戲網頁“美麗的北京”——拖動AP元素
9.1.1項目描述
9.1.2我試身手
9.1.3知識解析
9.2項目22: 設定首頁瀏覽器狀態欄中的文本信息——設定狀態欄文本
9.2.1項目描述
9.2.2我試身手
9.3項目23: 設定欄目“名勝古蹟”網頁在瀏覽器中打開或離開此
頁面時的彈出信息
9.3.1項目描述
9.3.2我試身手
9.4項目24: 四季風光欣賞——設定容器的文本
9.4.1項目描述
9.4.2我試身手
9.5項目25: 北京歡迎您——打開瀏覽器視窗
9.5.1項目描述
9.5.2我試身手
9.6項目26: 北京之花——交換圖像
9.6.1項目描述
9.6.2我試身手
9.7項目27: 北京2008年奧運會專用色彩——顯示?隱藏元素
9.7.1項目描述
9.7.2我試身手
9.8項目28: 志願者的微笑——檢查外掛程式
9.8.1項目描述
9.8.2我試身手
9.9項目29: 攝影欣賞——轉到URL
9.9.1項目描述
9.9.2我試身手
9.10項目30: 飄動的廣告
9.10.1項目描述
9.10.2我試身手
9.10.3知識解析
9.11項目31: 修改“飄動的廣告”
9.11.1項目描述
9.11.2我試身手
9.12項目32: 製作“形象景觀”網頁
9.12.1項目描述
9.12.2我試身手
思考練習與上機實訓
第10章表單的套用
10.1項目33: 套用表單製作“留言板”系統的“發表留言”網頁
10.1.1項目描述
10.1.2我試身手
10.1.3知識解析
10.1.4拓展訓練: 套用表單製作“留言板”系統的
“管理員登錄”網頁
10.2項目34: 驗證“發表留言”網頁的表單內容
10.2.1項目描述
10.2.2我試身手
10.2.3知識解析
10.2.4拓展訓練: 驗證“管理員登錄”網頁的表單內容
思考練習與上機實訓
第11章創建動態網站
11.1項目35: 套用表單和動態技術製作“北京歡迎您”網站的
“留言板”系統
11.1.1項目描述
11.1.2知識解析
11.2項目36: 完善“北京歡迎您”網站
11.2.1項目描述
11.2.2我試身手
11.3項目37: 為“北京歡迎您”網站創建非DSN(DSN?less)連線
11.3.1項目描述
11.3.2我試身手
思考練習與上機實訓
第三部分提高篇
第12章發布與推廣網站
12.1項目38: 發布“北京歡迎您”網站到Internet上
12.1.1項目描述
12.1.2我試身手
12.1.3知識解析
12.2項目39: 推廣“北京歡迎您”網站
12.2.1項目描述
12.2.2我試身手
12.2.3知識解析
思考練習與上機實訓
第13章精彩網站賞析
13.1精彩個人網站賞析
13.2精彩學校網站賞析
13.3精彩公司宣傳網站賞析
13.4精彩小型商務網站賞析
13.5精彩大型企業網站賞析
思考練習
第14章課業設計
14.1網站建設項目計畫書
14.2課業設計要求
14.3課業設計評價標準
思考練習與上機實訓
參考文獻