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

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

電子教案第13章站點(diǎn)的整理維護(hù)與上傳

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

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

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

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

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

申請(qǐng)網(wǎng)站空間檢查站點(diǎn)設(shè)置/上傳網(wǎng)站。13.2

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

13.2

申請(qǐng)IP地址和注冊(cè)域名IP地址Internet上每臺(tái)主機(jī)都有惟一的地址，稱為IP地址。IP地址通常分為固定的IP地址和動(dòng)態(tài)的IP地址。

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

申請(qǐng)IP地址和注冊(cè)域名域名IP地址與域名是一一對(duì)應(yīng)的。因?yàn)?2位二進(jìn)制數(shù)的IP地址不容易記憶，所以每個(gè)IP地址都可以申請(qǐng)惟一與其對(duì)應(yīng)的、便于記憶的域名。一個(gè)域名通常由2或3段字符構(gòu)成。假設(shè)為aaa.bbb.ccc。其中ccc部分為頂級(jí)域名，bbb部分為二級(jí)域名，aaa部分為三級(jí)域名。13.2

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

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

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

Web上傳方式效率不高；

FTP上傳方式效率高，且支持?jǐn)帱c(diǎn)續(xù)傳

Web上傳方式FTP上傳方式13.3

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

步驟1安裝FTP軟件；步驟2連接FTP站點(diǎn)；步驟3上傳文件。

13.3

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

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

13.3

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

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

13.3

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

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

13.3

上傳網(wǎng)站13.3.3

使用Dreamweaver中的上傳、下載功能定義站點(diǎn)的遠(yuǎn)程信息:站點(diǎn)定義|遠(yuǎn)程信息

13.3

上傳網(wǎng)站13.3.3

使用Dreamweaver中的上傳、下載功能定義站點(diǎn)的遠(yuǎn)程信息

“訪問”——在該下拉列表中選擇FTP?！癋TP主機(jī)”——輸入遠(yuǎn)程站點(diǎn)FTP服務(wù)器的URL?！爸鳈C(jī)目錄”——輸入FTP服務(wù)器中指定的站點(diǎn)根目錄“登錄”——輸入登錄FTP服務(wù)器的用戶名?！懊艽a”——輸入登錄FTP服務(wù)器的密碼?！皽y(cè)試”——單擊“測(cè)試”按鈕，測(cè)試與服務(wù)器的連接。13.4

網(wǎng)站的推廣13.4.1

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

13.4.2

設(shè)置meta信息

meta標(biāo)簽可以提供有關(guān)頁面的信息，作為搜索引擎搜索的關(guān)鍵字。

13.5

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

13.5

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

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

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

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

站點(diǎn)文件同步①在“文件”擴(kuò)展面板中，選擇“站點(diǎn)”｜“同步”命令，打開“同步文件”對(duì)話框。

13.5

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

站點(diǎn)文件同步②在“同步文件”對(duì)話框中設(shè)置下列選項(xiàng)?！巴健薄皟H選中的本地文件”：選擇該項(xiàng)，只同步選定的文件?！罢麄€(gè)站點(diǎn)”：選擇該項(xiàng)，同步整個(gè)站點(diǎn)文件?！胺较颉薄胺胖幂^新的文件到遠(yuǎn)程”：將較新的文件上傳到遠(yuǎn)程站點(diǎn)?！皬倪h(yuǎn)程獲取較新文件”：從遠(yuǎn)程站點(diǎn)下載較新的文件?！矮@取和放置較新文件”：將較新的文件同時(shí)放置在本地站點(diǎn)和遠(yuǎn)程站點(diǎn)?！皠h除本地驅(qū)動(dòng)器上沒有的遠(yuǎn)端文件”——選擇此復(fù)選框，將刪除遠(yuǎn)程站點(diǎn)中不存在于本地站點(diǎn)中的文件。13.5

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

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

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

使用設(shè)計(jì)備注

在【站點(diǎn)定義】對(duì)話框中，選擇“設(shè)計(jì)備注”分類，啟用設(shè)計(jì)備注功能。使用設(shè)計(jì)備注步驟：

選擇要添加設(shè)計(jì)備注的文件；選擇【文件】｜【設(shè)計(jì)備注】命令；【設(shè)計(jì)備注】對(duì)話框中設(shè)置相關(guān)選項(xiàng)；單擊“所有信息”標(biāo)簽，切換到【所有信息】選項(xiàng)卡設(shè)置相關(guān)選項(xiàng)；單擊【確定】按鈕，給文檔添加設(shè)計(jì)備注。13.6

檢查站點(diǎn)檢查的對(duì)象主要是鏈接、目標(biāo)瀏覽器、輔助功能、驗(yàn)證標(biāo)記等。在Dreamweaver的“文件”|“檢查頁”菜單，提供了各種檢查功能。

13.6

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

檢查站點(diǎn)13.6.1

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

①在“文件”面板中，打開待檢查的站點(diǎn)中的任一文件。②選擇“文件”|“檢查頁”|“檢查輔助功能”命令。③Dreamweaver開始自動(dòng)檢查，完成后在窗口底部的“結(jié)果”面板的“站點(diǎn)報(bào)告”選項(xiàng)卡中顯示檢查的結(jié)果

13.6

檢查站點(diǎn)13.6.2

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

檢查站點(diǎn)13.6.3

測(cè)試目標(biāo)瀏覽器瀏覽器測(cè)試，以確保文檔中沒有任何瀏覽器不支持的標(biāo)簽或?qū)傩?。測(cè)試目標(biāo)瀏覽器的操作步驟如下：保存文檔；選擇文件|檢查頁｜檢查目標(biāo)瀏覽器命令；打開結(jié)果面板，選擇目標(biāo)瀏覽器檢查選項(xiàng)卡，單擊檢查目標(biāo)瀏覽器按鈕；選擇為整個(gè)站點(diǎn)檢查目標(biāo)瀏覽器命令，檢查整個(gè)站點(diǎn)的目標(biāo)瀏覽器；完成后，在列表中顯示檢查結(jié)果。13.6

檢查站點(diǎn)13.6.4

使用站點(diǎn)報(bào)告使用站點(diǎn)報(bào)告可以測(cè)試文檔或站點(diǎn)的HTML屬