每個人都有自己的驕傲.~~~~親情可貴~~~~~~~~
本章重點：
1、安裝Dreamweaver 8注意事項;
2、熟悉操作界面
3、認識網頁
注：Macromedia公司出品的網頁制作三劍客是：Flash（動態）、Dreamweaver、Firework（靜態）
Dreamweaver 8是由Macromedia公司開發的網頁排版、網站管理工具和網頁應用程序自動生成器，主要應用於
網頁設計和網頁編輯領域。集網頁設計、網站開發和站點管理功能於一身，具有可視化、支持多平臺和跨瀏覽器的特性。
§1.1認識網頁
一、什麼是網頁？
1、靜態網頁
2、動態網頁
3、兩者的區別？
4、網頁（Web page）和主頁（Home page）
注意：首頁的名稱是固定的，一般為index.htm、index.html、default.htm、default.html、default.asp、index.asp等。
二、網頁與網站的關系
一個完整的網站是由多個網頁構成的，這些網頁是分別獨立的，獨立的網頁可通過超鏈接聯系起來。
三、常用的網頁制作工具
網頁的設計制作一般分為三個階段，一是設計；二是布局；三是動畫的添加和腳本程序。
四、網絡基本術語
1、域名
2、HTTP協議＝＝超文本傳輸協議
3、FTP協議＝＝文件傳輸協議
4、超級鏈接
5、站點
6、URL＝＝統一資源定位器
7、HTML＝＝超文本標記語言
五、ＨＴＭＬ基本語法
最基本網頁的HTML代碼格式如下：
<html>-----網頁起始標記
<head>-----文件頭起始標記
<title>網頁標題</title>
</head>-----文件頭結束標記
<body>-----文檔的主體部分
網頁設計從這裡起步
</body>
</html>-----網頁結束標記
補充內容
§1.1 如何安裝
1、雙擊打開安裝程序;
2、依提示選擇;
但在安裝過程中，需將默認編輯器選項框全部打上勾，並在第一次打開該軟件時，選擇『設計者』布局。
§1.2 操作界面介紹
一、主菜單欄（標題欄下面）
文件、編輯、查看、插入、修改、文本、命令、站點、窗口、幫助
二、插入欄（菜單欄下面）
1、常用---可創建和插入最常用的對象;
2、布局---可插入表格、div標簽、層和框架;
3、表單---包含用於創建表單和插入表單元素的按鈕;
4、文本---可插入各種文本格式設置標簽和列表格式設置標簽;
5、HTML---可插入用水平線、頭內容、表格、框架和腳本的HTML標簽;
6、應用程序---可插入動態元素;
7、Flash元素---可插入Flash元素;
8、收藏夾---可將『插入』欄中最常用的按鈕分組和組織到某一常用位置;
三、面板組
四、文檔窗口瀏覽（『查看』??『工具欄』）
文檔窗口是編排網頁的區域,
網頁設計，它有三種視圖方式，分別是『代碼』視圖、『設計』視圖、『代碼和設計』視圖。
五、屬性檢查器（位於工作區的底部）
它可以檢查和編輯當前選定頁面元素（如文本和插入的對象）的最常用屬性。檢查器中的內容根據選定的元素會出現不同的面板。
激活方法：『窗口』??『屬性』
六、基本操作
新建???方1：激活Dreamweaver時，『創建新項目』中選擇『HTML』
方2：菜單欄中『文件』??『新建』
方3：『標准』工具欄中『新建』按鈕
方4：快捷鍵CTRL+N
打開???方法與『新建』類似，方4：快捷鍵為CTRL＋O
保存???方法與『新建』類似，方4：快捷鍵為CTRL＋S
注意：每次想顯示預覽效果時，必須先進行保存。
顯示編輯效果???
方1：工具條中『文檔』??地球狀按鈕??『預覽在iexplore』
方2：菜單欄『文件』??『在瀏覽器中預覽』?? 『預覽在iexplore』
方3：快捷鍵F12
文本鏈接???選定需鏈接內容??右擊??『創建鏈接』??選擇需鏈接內容（或是在『屬性檢查器』中設置）
§1.4 Dreamweaver8簡介
一、Dreamweaver 8的啟動與退出
二、Dreamweaver 8的窗口組成
注意：
1、激活『快速插入面板』的快捷鍵為『Ctrl+F2』;
2、文檔窗口的三種顯示模式為：代碼視圖、拆分視圖、設計視圖；
3、面板組的顯示與隱藏可用F4鍵來設置；
4、激活『屬性』面板的快捷鍵為『Ctrl+F3』
三、頁面屬性設定
Dreamweaver在默認情況下，使用CCS設置文本格式。（『編輯』??『首選參數』??『使用CCS而不是HTML標簽』）
激活『頁面屬性』方法：
方1、單擊『屬性檢查器』中的『頁面屬性』按鈕;
方2、右擊空白處，菜單中選擇『頁面屬性』;
方3、菜單欄中『修改』－>『頁面屬性』;
方4、快捷鍵CTRL+J;
1、設置『外觀』頁面屬性
頁面字體、大小、文本顏色、背景顏色、背景圖像、左/右/上/下邊距；
注意：a、『背景圖像』的源文件名及路徑不能出現中文名字。
b、設置字體組合
Dreamweaver8預設讀的可供選擇的字體組合只有6項英文字體組合，要想使用中文字體，必須重新編輯新的字體組合，在『字體』後的下拉列表框中選擇『編輯字體列表』，彈出『編輯字體列表』對話框：
2、設置『鏈接』頁面屬性
鏈接字體、大小、四個有關『鏈接』的顏色設定、下劃線樣式設定
3、設置『標題』頁面屬性
指定最多6種標題的字體大小和顏色設置
4、設置『標題和編碼頁面』屬性
5、設置『跟蹤圖像』頁面屬性
僅僅是在設計頁面時插入用作參考的圖像文件，在瀏覽器中顯示時並不出現。
§1.5 Dreamweaver 8的參數設置
一、常規參數的設置
執行『編輯－>首選參數』命令，或是『Ctrl+U』快捷鍵打開『首選參數』對話框。
二、如何在網頁文檔中輸入空格
方法1：啟動DW後，將輸入法切換到全角狀態；
方法2：將『快速插入』面板切換到『文本』面板，單擊『不換行空格』按鈕；
方法３：在『首選參數』－>『常規』－>勾選『允許多個連續的空格』；
方法4：代碼視圖中，在需要增加空格處加入空格代碼『 』
三、在輸入文本時換行的操作：
（1）使用鍵盤的Enter鍵對文本換行，即Enter鍵與<p>和</p>標記相對應
（2）使用Shift + Enter組合鍵可以使文本強制換行，行間距較小，即Shift + Enter與<br>和</br>標記相對應
四、實例應用???古詩欣賞
主要介紹如何制作在網頁中的豎排文字，並熟悉網頁中空格、換行的用法。
霜
葉
紅
於
二
月
花
。停
車
坐
愛
楓
林
晚
，白
雲
生
處
有
人
家
，遠
上
寒
山
石
徑
斜
，
山
行
杜
牧
步驟如下：
1、在『頁面屬性』裡設置背景顏色。
2、建立表格。
執行『插入－>,
yoga mat;表格』或『常用』工具欄的『表格』圖標，輸入參數。
再選中表格，設置如圖參數：
3、輸入文字
山行 杜牧
遠上寒山石徑斜，白雲生處有人家。停車坐愛楓林晚，霜葉紅於二月花。
4、換行操作
用快捷鍵『Shift + Enter』
5、輸入空格
6、設置字體、字號、字色。
推薦閱讀的文章：
