《網(wǎng)頁制作基礎教程（Dreamweaver CS3）》第13章　站點的整理維護與上傳

《網(wǎng)頁制作基礎教程（DreamweaverCS3）》

電子教案第13章站點的整理維護與上傳

本章重點：網(wǎng)站空間的申請，站點的發(fā)布和管理，站點的上傳和測試，以及網(wǎng)站的推廣等內(nèi)容。第13章站點的整理維護與上傳13.1網(wǎng)站整理上傳13.2申請IP地址和注冊域名13.3上傳網(wǎng)站13.4網(wǎng)站的推廣13.5網(wǎng)站的管理與維護13.6檢查站點13.1

網(wǎng)站整理上傳13.1.1案例綜述

本例以一個網(wǎng)站的上傳及相關操作為例，介紹網(wǎng)站管理的一些基本方法。13.1.2案例分析

我們要做的工作是：申請網(wǎng)站空間檢查站點上傳網(wǎng)站。13.1

網(wǎng)站整理上傳13.1.3實現(xiàn)步驟

申請網(wǎng)站空間檢查站點設置/上傳網(wǎng)站。13.2

申請IP地址和注冊域名對于個人和一些小型企業(yè)來說，擁有自己的主機是不太可能的事，但可以采用租用主機空間的辦法，為自己創(chuàng)建網(wǎng)上家園。有些網(wǎng)站出于宣傳站點的目的，提供免費主頁空間服務，如、等網(wǎng)站都提供免費的主頁空間。用戶只需要填寫申請表單，就可以得到免費的主頁空間。

13.2

申請IP地址和注冊域名IP地址Internet上每臺主機都有惟一的地址，稱為IP地址。IP地址通常分為固定的IP地址和動態(tài)的IP地址。

IP地址是一個由32位二進制數(shù)組成的數(shù)字地址，由4組十進制數(shù)字表示，中間用點號（.）分隔。如0。13.2

申請IP地址和注冊域名域名IP地址與域名是一一對應的。因為32位二進制數(shù)的IP地址不容易記憶，所以每個IP地址都可以申請惟一與其對應的、便于記憶的域名。一個域名通常由2或3段字符構成。假設為aaa.bbb.ccc。其中ccc部分為頂級域名，bbb部分為二級域名，aaa部分為三級域名。13.2

申請IP地址和注冊域名域名域名的申請遵循“先來先注冊”的原則.首先，可以將自己想要注冊的域名在網(wǎng)上輸入查詢，確認是否被注冊；其次，可以填寫申請表格；第三，用戶支付所需費用即可取得該域名的擁有權。13.2

申請IP地址和注冊域名申請免費空間有些網(wǎng)站出于宣傳站點的目的，提供免費主頁空間服務。用戶只需填寫申請表單，就可以得到免費的主頁空間。首先，可以將自己想要注冊的域名在網(wǎng)上輸入查詢，確認是否被注冊；其次，可以填寫申請表格；第三，用戶支付所需費用即可取得該域名的擁有權。13.3

上傳網(wǎng)站上傳方式

Web上傳方式效率不高；

FTP上傳方式效率高，且支持斷點續(xù)傳

Web上傳方式FTP上傳方式13.3

上傳網(wǎng)站13.3.1Web方式上傳通過使用網(wǎng)頁上提供的“瀏覽”按鈕選擇文件，再點擊“上傳”或“確定”按鈕完成上傳。13.3.2使用上傳工具上傳

步驟1安裝FTP軟件；步驟2連接FTP站點；步驟3上傳文件。

13.3

上傳網(wǎng)站13.3.2使用上傳工具上傳

以CuteFTP界面。主界面分為以下4個工作區(qū)。

13.3

上傳網(wǎng)站13.3.2使用上傳工具上傳FTP站點的連接

“主機”——這是FTP服務器的主機地址，在這里只要填寫用戶的域名就可以了?！坝脩裘薄顚懽跃W(wǎng)站空間時填寫的用戶名?！懊艽a”——填寫在注冊網(wǎng)站空間時填寫的密碼?！岸丝凇薄浖鶕?jù)用戶的選擇自動更改相應的端口地址，一般包括FTP（21）和HTTP（80）兩種。

13.3

上傳網(wǎng)站13.3.2使用上傳工具上傳上傳文件

①將光標放在要上傳的文件上右擊，出現(xiàn)一個表單，單擊“傳送”即可。②將光標放在要上傳的文件上，直接拖動文件到遠端站點的用于存放Web頁的目錄下即可。

13.3

上傳網(wǎng)站13.3.3

使用Dreamweaver中的上傳、下載功能定義站點的遠程信息:站點定義|遠程信息

13.3

上傳網(wǎng)站13.3.3

使用Dreamweaver中的上傳、下載功能定義站點的遠程信息

“訪問”——在該下拉列表中選擇FTP?！癋TP主機”——輸入遠程站點FTP服務器的URL?！爸鳈C目錄”——輸入FTP服務器中指定的站點根目錄“登錄”——輸入登錄FTP服務器的用戶名。“密碼”——輸入登錄FTP服務器的密碼。“測試”——單擊“測試”按鈕，測試與服務器的連接。13.4

網(wǎng)站的推廣13.4.1

登錄搜索引擎的方法步驟1在瀏覽器地址欄輸入某一搜索引擎；步驟2打開首頁導航欄的“網(wǎng)站登錄”鏈接；步驟3在表單中輸入站點資料，步驟4根據(jù)向導的提示，完成站點登錄。

13.4.2

設置meta信息

meta標簽可以提供有關頁面的信息，作為搜索引擎搜索的關鍵字。

13.5

網(wǎng)站的管理與維護13.5.1文件擴展面板單擊站點“文件”面板右邊的擴展/折疊按鈕，可以展開站點“文件”管理面板。

13.5

網(wǎng)站的管理與維護13.5.1文件擴展面板（1）站點文件視圖按鈕，可以在“文件”面板的空格中顯示遠程和本地站點的文件結構。（2）測試服務器視圖按鈕，可以顯示測試服務器和本地站點的目錄結構。（3）站點地圖視圖按鈕，可以根據(jù)文檔相互鏈接的方式顯示站點的圖形地圖。“站點地圖”視圖按鈕包括“僅地圖”和“地圖和文件”兩個選項。13.5

網(wǎng)站的管理與維護13.5.1文件擴展面板（4）連接/斷開按鈕，用于連接到遠程站點或斷開與遠程站點的連接。（5）刷新按鈕，用于刷新本地和遠程目錄列表。（6）獲取文件按鈕，用于將選定文件從遠程站點復制到本地站點。（7）上傳文件按鈕，用于將選定的文件從本地站點復制到遠程站點。13.5

網(wǎng)站的管理與維護13.5.1文件擴展面板（8）取出文件按鈕，用于將文件的副本從遠程服務器傳輸?shù)奖镜卣军c，并且在服務器上將該文件標記為取出。（9）存回文件按鈕，用于將本地文件的副本傳輸?shù)竭h程服務器，并且使該文件可供他人編輯。（10）擴展/折疊按鈕，可以展開或折疊“文件”面板，以顯示一個或兩個窗口。13.5

網(wǎng)站的管理與維護13.5.2

站點文件同步①在“文件”擴展面板中，選擇“站點”｜“同步”命令，打開“同步文件”對話框。

13.5

網(wǎng)站的管理與維護13.5.2

站點文件同步②在“同步文件”對話框中設置下列選項。“同步”——“僅選中的本地文件”：選擇該項，只同步選定的文件?！罢麄€站點”：選擇該項，同步整個站點文件?！胺较颉薄胺胖幂^新的文件到遠程”：將較新的文件上傳到遠程站點。“從遠程獲取較新文件”：從遠程站點下載較新的文件?！矮@取和放置較新文件”：將較新的文件同時放置在本地站點和遠程站點?！皠h除本地驅動器上沒有的遠端文件”——選擇此復選框，將刪除遠程站點中不存在于本地站點中的文件。13.5

網(wǎng)站的管理與維護13.5.2

站點文件同步③設置完成后，單擊“預覽”按鈕，Dreamweaver將掃描站點文件并顯示將被更新的文件，若在列表中取消選擇文件前面的復選框，則該文件不會被更新。④單擊“確定”按鈕，更新文件，保持兩地站點的同步。13.5

網(wǎng)站的管理與維護13.5.3

使用設計備注

在【站點定義】對話框中，選擇“設計備注”分類，啟用設計備注功能。使用設計備注步驟：

選擇要添加設計備注的文件；選擇【文件】｜【設計備注】命令；【設計備注】對話框中設置相關選項；單擊“所有信息”標簽，切換到【所有信息】選項卡設置相關選項；單擊【確定】按鈕，給文檔添加設計備注。13.6

檢查站點檢查的對象主要是鏈接、目標瀏覽器、輔助功能、驗證標記等。在Dreamweaver的“文件”|“檢查頁”菜單，提供了各種檢查功能。

13.6

檢查站點檢查輔助功能：用于檢查站點是否符合輔助功能設計標準。檢查鏈接：用于檢查站點中網(wǎng)頁文檔中的鏈接錯誤和空白鏈接。檢查目標瀏覽器：用于檢查站點對各種不同瀏覽器的兼容性。驗證標記：用于檢查站點中的網(wǎng)頁文件代碼是否符合正確有效的代碼標準，主要包括HTML、ASP、JSP、PHP、JavaScript等。驗證為XML：用于檢查頁面代碼是否符合有效的XML代碼規(guī)范。13.6

檢查站點13.6.1

檢查輔助功能檢查輔助功能可以檢查出很多不易發(fā)現(xiàn)的小問題，并能提供參考代碼，最后還能生成十分詳細的站點報告。

①在“文件”面板中，打開待檢查的站點中的任一文件。②選擇“文件”|“檢查頁”|“檢查輔助功能”命令。③Dreamweaver開始自動檢查，完成后在窗口底部的“結果”面板的“站點報告”選項卡中顯示檢查的結果

13.6

檢查站點13.6.2

檢查鏈接通過檢查鏈接及時發(fā)現(xiàn)并更新錯誤的鏈接，確保站點能夠正常地運行。測試鏈接的操作步驟：選擇站點|檢查站點范圍內(nèi)鏈接命令，檢查鏈接；檢查完成后，切換到鏈接檢查器選項卡；在鏈接檢查器|顯示|鏈接報告類型；選擇檢查鏈接的對象；保存檢查報告。13.6

檢查站點13.6.3

測試目標瀏覽器瀏覽器測試，以確保文檔中沒有任何瀏覽器不支持的標簽或屬性。測試目標瀏覽器的操作步驟如下：保存文檔；選擇文件|檢查頁｜檢查目標瀏覽器命令；打開結果面板，選擇目標瀏覽器檢查選項卡，單擊檢查目標瀏覽器按鈕；選擇為整個站點檢查目標瀏覽器命令，檢查整個站點的目標瀏覽器；完成后，在列表中顯示檢查結果。13.6

檢查站點13.6.4

使用站點報告使用站點報告可以測試文檔或站點的HTML屬