1、學習目標：學習目標： 隨著網絡的日益普及，網站的數量及種類成也日漸繁多。在本章中，首先講解了網頁與網站的關系，然后介紹了網頁設計的基本原則，最后講述了Dreamweaver CS4的基礎知識，為制作工作做好充分的準備，為讀者邁進網頁制作大門打下堅實的基礎。本章知識點：本章知識點：認識網頁與網站網頁設計的基本原則網站制作流程Dreamweaver CS4的快捷操作個性化代碼視圖設置1.1 1.1 認識網頁與網站認識網頁與網站1.1.1 1.1.1 網頁與網站網頁與網站 網頁，也就是網站中的一“頁”，通常是HTML格式（文件擴展名為.html或.htm或.asp或.aspx或.php或.jsp等）

2、。網頁要通過網頁瀏覽器來閱讀。 所謂網站（Website），就是指在因特網上根據一定的規則，使用HTML等工具制作的用于展示特定內容的相關網頁的集合。1.1.2 1.1.2 網頁與網站的區別網頁與網站的區別 網頁與網站的區別簡單的來說：網站是由網頁集合而成的，而大家通過瀏覽器所看到的畫面就是網頁，網頁具體來說是一個html文件，瀏覽器是是用來解讀這份文件的。也可以這樣說：網頁是有許多html文件集合而成。 1.2 1.2 網頁設計的基本原則網頁設計的基本原則1明確建立網站的目標和用戶需求2總體設計方案主題鮮明3網站的版式設計4網頁形式與內容相統一5三維空間的構成6多媒體功能的使用7網站測試和改

3、進8合理運用新技術1.3 1.3 網站制作流程網站制作流程1選擇網站主題2規劃網站欄目和目錄結構3設計網頁布局4整合網頁內容1.4 1.4 認識認識Dreamweaver CS4Dreamweaver CS4 Dreamweaver CS4是Macromedia公司與Adobe公司合并后新推出的一款功能強大的網頁制作軟件，它將可視布局工具，應用程序開發功能和代碼編輯支持組合為一個功能強大的工具系統，使每個級別的開發人員和設計人員都可利用它快速地創建網頁界面。1.4.1 1.4.1 啟動與退出啟動與退出Dreamweaver CS4Dreamweaver CS41啟動Dreamweaver CS

4、4執行“開始所有程序Adobe Dreamweaver CS4”命令，即可啟動Dreamweaver CS4。2退出Dreamweaver CS4若要退出Dreamweaver CS4，可執行下列操作之一：單擊Dreamweaver CS4程序窗口右上角的關閉按鈕。執行“文件退出”命令。雙擊Dreamweaver CS4程序窗口左上角的Logo圖標。按下“Alt+F4”組合鍵。1.4.2 Dreamweaver CS41.4.2 Dreamweaver CS4窗口簡介窗口簡介1.4.3 Dreamweaver CS41.4.3 Dreamweaver CS4的參數設置的參數設置在Dreamwe

5、aver CS4中，通過設置參數可以改變Dreamweaver界面的外觀和面板、站點、字體、狀態欄等對象的屬性特征。1常規參數的設置2設置字體參數1.5 1.5 應用實踐應用實踐任務任務1 1Dreamweaver CS4Dreamweaver CS4的快捷操作的快捷操作 要在Dreamweaver中定義各項操作的快捷鍵，首先要執行“編輯”菜單中的命令，然后在彈出的對話框中進行設置。1.5 1.5 應用實踐應用實踐任務任務2 2個性化代碼視圖設置個性化代碼視圖設置 本例主要是在“首選參數”對話框中對“代碼視圖”中代碼的字體、字號進行設置，從而更改“代碼視圖”中的顯示方式。完成后的效果如下圖所示。1.6 1.6 知識鏈接知識鏈接1.6.1 1.6.1 認識認識HTMLHTML HTML全名是Hyper Text Markup Language，即超文本標記語言，是用來描述Internet服務器上超文本文件的語言。 HTML不是一種編程語言，而是一種頁面描述性標記語言。它通過各種標記描述不同的內容，說明段落、標題、圖像、字體等在瀏覽器中的顯示效果。瀏覽器打開HTML文件時，將根據HTML標記來顯示內容。1.6.2 HTML1