HTML+CSS第五課：使用Dreamweaver工具製作網頁、詳細解讀HTML頭部標籤、網頁頭部標籤的SEO設定
知識點：Dreamweaver工具的使用、HTML頭部標籤解讀、網頁頭部標籤的SEO設定
1、Dreamweaver工具
Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發 ，2005年被Adobe公司收購。DW是集網頁製作和管理網站於一身的所見即所得網頁程式碼編輯器。利用對 HTML、CSS、JavaScript等內容的支援，設計師和程式設計師可以在幾乎任何地方快速製作和進行網站建設。
1.1 站點
在 Dreamweaver 中，術語“站點”指屬於某個網站的文件的本地或遠端儲存位置
Adobe Dreamweaver 站點是包含您的網站中所有檔案和資源的集合。您可以在計算機上建立網頁，可將網頁上傳到 Web 伺服器，並可隨時在儲存檔案後傳輸更新的檔案來對站點進行維護。您也可以編輯和維護不是使用 Dreamweaver 建立的網站。
1.2 在DW軟體中定義站點的好處
您可以在 Dreamweaver 中工作而無需設定（或定義）站點。但是，定義站點有很多好處：
- 它有助於防止斷開的連結，如果您移動或重新命名檔案可在站點範圍內自動更新檔案。
- 它可幫助您執行站點範圍的查詢和替換操作，這極大地提高了工作效率。
- 它可以幫助您輕鬆釋出站點，並在您的本地硬碟和 Web 伺服器或中間伺服器上的遠端檔案之間同步檔案。
1.3 在DW中新建站點的方法
步驟一：在本地硬碟上建立一個用來存放站點的資料夾(資料夾命名為英文)，這個資料夾就是本地站點的根目錄。
步驟二：啟動Dreamweaver，執行【站點>新建站點】選單命令。
步驟三：在彈出的如圖所示的站點定義對話方塊中設定新建站點的引數。
站點名稱：輸入網站名稱，該名稱會顯示在站點面板的站點下拉列表中。
本地站點資料夾：點選後面資料夾按鈕，瀏覽到自己提前新建好的資料夾即可。
步驟四（可選）：設定【高階設定>本地資訊】，選擇預設影象資料夾和連結
預設影象資料夾：瀏覽到站點根目錄即可
連結相對於：選擇站點根目錄
步驟五：單擊【儲存】後，會在DW軟體介面看到你新建的站點
右鍵本地站點名稱，選擇【新建檔案】——會新建一個.html文件，即可進行網頁的編輯了。
2、詳細解讀HTML頭部標籤（瞭解即可）
使用DW新建的HTML文件，會自動生成HTML基本文件結構。編寫網頁的時候主要在<head>標籤和<body>標籤裡進行即可。
<!--註釋1：<!DOCTYPE> 宣告是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--註釋2：在文件中的<html> 標籤中使用 xmlns 屬性，以指定整個文件所使用的主要名稱空間。-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--註釋3：meta是html中的元標籤，其中包含了對應html的相關資訊，客戶端瀏覽器或伺服器端的程式會根據這些資訊進行處理。：-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<body>
</body>
</html>具體解釋：
1）本例中的<!DOCTYPE> 宣告，聲明瞭文件的根元素是 html，它在公共識別符號被定義為 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中進行了定義。瀏覽器將明白如何尋找匹配此公共識別符號的 DTD。如果找不到，瀏覽器將使用公共識別符號後面的 URL 作為尋找 DTD 的位置。
2）xmlns 屬性可以在文件中定義一個或多個可供選擇的名稱空間。該屬性可以放置在文件內任何元素的開始標籤中。該屬性的值類似於 URL，它定義了一個名稱空間，瀏覽器會將此名稱空間用於該屬性所在元素內的所有內容。
3）meta標籤
HTTP-EQUIV類似於HTTP的頭部協議，它迴應給瀏覽器一些有用的資訊，以幫助正確和精確地顯示網頁內容。
content（內容型別）：重要！！這個網頁的格式是文字的，網頁模式
charset（編碼）：特別重要！！！這個網頁的編碼是utf-8，中文編碼，需要注意的是這個是網頁內容的編碼，而不是檔案本身的，其他型別的編碼中文可能會出現亂碼。
3、頭部標籤的SEO設定（瞭解即可）
SEO（Search Engine Optimization）:漢譯為搜尋引擎優化。是一種方式:利用搜索引擎的規則提高網站在有關搜尋引擎內的自然排名。SEO的目的是：為網站提供生態式的自我營銷解決方案，讓其在行業內佔據領先地位，獲得品牌收益。
良好的SEO設定包括在網站建設階段，對網頁的頭部標籤進行優化設定，主要從以下方面進行：
1）頁面標題
<title>標題</title>
<title>標籤成對出現，標籤裡的內容是對整個頁面核心思想的高度概括。會顯示在瀏覽器標題欄。同時也會和描述一起顯示在搜尋結果頁面上。
2）頁面描述
<meta name="description" content="不超過150個字元" />
頁面描述，一般包含網頁的3~4個關鍵詞