Dreamweaver網頁設計與製作案例教程（簡體書）

《21世紀高等學校計算機系列規劃教材：Dreamweaver網頁設計與製作案例教程》是根據作者多年的實際教學經驗積累而創作的，為更好地配合任務驅動型計算機教學方法的改革，本書的最大特色是圍繞一個綜合案例，採用任務驅動和案例教學法組織教材內容，按照易學、易懂、易操作的原則，以網頁製作軟件Dreamweaver為主線系統地介紹了HTML語言、網頁設計與製作的基本方法，並有針對性地介紹了利用Web圖像軟件Fireworks製作切片生成封面型首頁的使用方法等。教材內容豐富，層次清楚，語言通俗易懂，由淺入深，精選案例，案例有代表性、綜合性和新意，操作步驟簡明扼要，便於教師實施任務驅動式教學和學生的自主學習。讀者按案例步驟操作就能夠掌握網頁製作的各個知識點，並達到綜合應用的能力。
《21世紀高等學校計算機系列規劃教材：Dreamweaver網頁設計與製作案例教程》配有電子課件、每章實例及素材。書中所有實例都已運行通過。讀者可以從清華大學出版社網站（http：//www.tup.com.en）下載電子教案和相關源程序及素材。
《21世紀高等學校計算機系列規劃教材：Dreamweaver網頁設計與製作案例教程》教學理念新穎，知識點全面，針對性強，適合於高校計算機公共課程的教學使用。可以滿足不同院校各類非計算機專業本科的教學需求，可以作為高校本科網頁設計課程的教材，還可作為網頁製作人員的參考用書。．

《21世紀高等學校計算機系列規劃教材:Dreamweaver網頁設計與制作案例教程》教學理念新穎，知識點全面，針對性強，適合于高校計算機公共課程的教學使用。可以滿足不同院校各類非計算機專業本科的教學需求，可以作為高校本科網頁設計課程的教材，還可作為網頁制作人員的參考用書。

第1章 網頁設計基礎
1.1 Internet基礎
1.2 網頁相關術語
1.2.1 IP地址
1.2.2 域名
1.2.3 網址URL
1.2.4 WWW
1.2.5 瀏覽器
1.2.6 網頁
1.2.7 網站
1.3 網頁瀏覽原理
1.3.1 網頁的分類
1.3.2 靜態網頁
1.3.3 動態網頁
1.4 網頁編程技術
1.4.1 HTML
1.4.2 ASP
1.4.3 ASP.NET
1.4.4 PHP
1.4.5 JSP
1.4.6 ASP.JSP、PHP三者的比較
1.5 網頁製作軟件
1.5.1 Dreamweaver
1.5.2 FrontPage
1.5.3 Flash
1.5.4 Fireworks
1.5.5 Photoshop
1.5.6 軟件間的聯繫
1.6 網頁設計佈局
1.6.1 “國”字型
1.6.2 拐角型
1.6.3 標題正文型
1.6.4 框架型
1.6.5 封面型
1.6.6 Flash型
1.7 網頁配色
1.7.1 色彩搭配原則
1.7.2 網頁色彩搭配方法
1.8 網站開發流程
1.8.1 目標需求分析
1.8.2 網頁製作
1.8.3 上傳發佈
1.8.4 宣傳推廣
習題1

第2章 HTML語言基礎
2.1 HTML簡介
2.2 HTML文件的整體結構
2.2.1 HTML文件結構
2.2.2 HTML中JavaScript的書寫
2.2.3 HTML中樣式表的書寫
2.2.4 HTML的有關約定
2.3 HTML常用標記符
2.3.1 HTML常用標記符功能分類
2.3.2 HTML基本標記符
2.4 常用文本格式標記符
2.5 超鏈接標記符
2.5.1 超鏈接的定義
2.5.2 超鏈接的屬性
2.6 表格
2.6.1 表格的概念
2.6.2 表格的定義
2.7 HTML列表
2.7.1 有序列表
2.7.2 無序列表
2.8 圖像
2.8.1 圖像的基本知識
2.8.2 圖像的使用
2.9 框架
2.9.1 框架的概念
2.9.2 標記符
……
第3章 初識Dreamweaver
第4章 網頁製作初步
第5章 網頁佈局和排版
第6章 行為
第7章 層疊樣式表的應用
第8章 表單和動態網頁
第9章 模板與庫
第10章 綜合實例
參考文獻．

1.確定網站主題和名稱
在網頁設計前，首先要給網站一個準確的定位，從而確定網站的主題與設計風格。網站主題就是網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，不可能像綜合網站那樣做得內容大而全，包羅萬象。所以必須要找準一個自己最感興趣的主題，做深、做透，做出自己的特色，這樣才能給用戶留下深刻的印象。一般來說，確定網站的主題時要遵循以下原則。
?主題鮮明、小而精。在主題范圍內做到內容大而全、精而深。
?主題是自己最擅長、最感興趣的。找準一個自己最感興趣的內容做深、做透。
?體現自己的個性。把自己的興趣、愛好盡情地發揮出來，突出自己的個性和特色。
2.網站規劃
一個網站設計得成功與否，很大程度上取決于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。制作出來的網頁才會有個性、有特色，具有吸引力。
在設計之前，需先畫出網站結構圖，其中包括網站欄目、結構層次、鏈接內容。首頁中的各功能按鈕、內容要點、友情鏈接等都要體現出來，重點突出，讓訪問者一眼就能了解這個網站都能提供什么信息，使訪問者有一個基本的認識，并且有繼續看下去的興趣。將單項內容交給分支頁面去表達，這樣才顯得頁面精練。分支頁面內容要相對獨立，切忌重復，導航功能要好。
3.搜集素材
明確了網站的主題以后，就要圍繞主題開始搜集材料。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，并用適當的軟件進行加工，作為自己制作網頁的素材。
4.圖片
除了文字，必須在頁面上適當地添加一些圖片，達到圖文并茂的效果。由于圖片的大小在很大程度上影響了網頁的傳輸速度，因此圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小（即字節數），較大的圖片可以用Fireworks“分割”成小圖片。另外，網頁中最好對圖片添加注解，當圖片的下載速度較慢，在沒有顯示出來時注解有助于讓瀏覽者知道這是關于什么的圖片。
使用圖像一般要注意以下事項。
?圖像為主頁的內容服務，不要讓整個頁面花花綠綠，喧賓奪主。
?圖像要兼顧大小和美觀。
?合理使用JPEG和GIF格式。一般來說，顏色較少的（在256色以內的）圖像把它處理成GIF格式；顏色比較豐富的圖像，最好把它處理成JPEG格式。