本章在讀者掌握了簡單的網(wǎng)頁的制作方法的基礎上重點介紹建立網(wǎng)站的方法，包括網(wǎng)站的管理與維護、建立網(wǎng)站的過程、如何向遠程服務器上傳文件。通過本章的學習，讀者可以掌握網(wǎng)站建設與管理的方法，以及上傳文件的方法

本章在讀者掌握了簡單的網(wǎng)頁的制作方法的基礎上重點介紹建立網(wǎng)站的方法，包括網(wǎng)站的管理與維護、建立網(wǎng)站的過程、如何向遠程服務器上傳文件。通過本章的學習，讀者可以掌握網(wǎng)站建設與管理的方法，以及上傳文件的方法，幫助讀者有效地把單獨的、零散的網(wǎng)頁組織起來，初步形成符合讀者設計思想的網(wǎng)站。

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

前面的章節(jié)主要介紹了網(wǎng)頁的制作技術，而一個網(wǎng)站都是由許多網(wǎng)頁構(gòu)成的，因此如何管理這些網(wǎng)頁也是非常重要的。因為當一個網(wǎng)站的網(wǎng)頁數(shù)量增加到一定程度以后，網(wǎng)站的管理與維護將變得非常繁瑣，因此掌握一些網(wǎng)站管理與維護的技術是非常實用的，可以節(jié)省很多時間。

7.1.1 設置合適的網(wǎng)站文件結(jié)構(gòu)

通常在開發(fā)網(wǎng)站的時候，并不是把所有的網(wǎng)站文件都保存在一個站點根目錄下面，而是使用不同的文件夾來存放不同性質(zhì)的文件。一個合理的網(wǎng)站文件結(jié)構(gòu)對于開發(fā)者來說是非常重要的，它可以使站點的結(jié)構(gòu)更清晰，避免發(fā)生錯誤。網(wǎng)站開發(fā)者可以通過合適的文件結(jié)構(gòu)來對網(wǎng)站的文件進行方便的定位和管理。

如果建立起適合的網(wǎng)站文件存儲結(jié)構(gòu)，那么網(wǎng)站開發(fā)者就能夠迅速定位自己需要的文件，或者將制作完成的文件存儲到相應的目錄中，進行網(wǎng)站開發(fā)工作。

下面介紹3種常用的網(wǎng)站文件組織結(jié)構(gòu)。

方案一：最簡單的存儲方案，按照文件類型進行分類管理。

圖7.1 按照文件的類型對網(wǎng)站的文件進行管理

將不同類型的文件存放在不同的文件夾中，這種存儲方法適用于中小型的網(wǎng)站，該方法通過文件的類型對文件進行管理。圖7.1所示的是這種類型的存儲結(jié)構(gòu)。

對于大型的網(wǎng)站來說，這種分類存放文件的方式并不適用，因為很可能同樣種類的文件數(shù)量也相當多，僅僅根據(jù)文件類型對文件進行分類儲存是不夠的。這樣我們就需要對文件進行進一步的管理。

方案二：按照主題對文件進行分類管理。這種方案的文件存儲結(jié)構(gòu)如圖7.2所示。 在這種存儲方案中，網(wǎng)站的頁面按照不同的主題（Subject ）進行分類儲存。關于某個主題的所有文件被存放在一個文件夾中，然后再進一步細分文件的類型。這種存儲方案適用于那些頁面、文件數(shù)量眾多，信息量大的靜態(tài)網(wǎng)站。

方案三：對文件的類型進行進一步細分存儲管理。

這種存儲方案實際上是第一種存儲方案的深化，將頁面進行進一步的細分后進行分類存儲管理。具體的存儲方案如圖7.3所示。

圖7.2 按照主題對文件進行分類管理 圖7.3 對文件的類型進行進一步細分 這種存儲方案適用于那些文件類型復雜，包括各種文件的多媒體動態(tài)網(wǎng)站。

上面介紹了3種常用的文件組織結(jié)構(gòu)，總而言之，網(wǎng)站的文件存儲結(jié)構(gòu)不是固定的而是靈活的，網(wǎng)站開發(fā)者要根據(jù)實際需要建立適合自己網(wǎng)站的存儲結(jié)構(gòu)，但是要遵守如下幾條原則。

· 網(wǎng)站的首頁文件，通常是index.html ，必須存放在網(wǎng)站的根目錄中。

· 網(wǎng)站使用的所有的文件都必須存放在站點的文件夾或者子文件夾中。用URL 方式進行鏈接的內(nèi)容或者頁面可以不存放在站點文件夾中。

· 所有的文件夾必須遵循同一個命名方案，而且不能夠包含非法的字符（如空格和連結(jié)符等）。和文件名一樣，同樣路徑下的文件夾不能夠重名。

· 在進行網(wǎng)站開發(fā)之前，開發(fā)者就應該通過Dreamweaver 的站點管理器建立起站點并且建立合適的存儲目錄，這將給日后的開發(fā)工作帶來很多方便。

· 盡量不要通過操作系統(tǒng)進行網(wǎng)站文件的刪除、重命名或者移動等操作，這樣可能會造成已經(jīng)設計好的網(wǎng)頁中的鏈接錯誤。所有的這些操作都應該通過站點管理器來完成。

7.1.2 管理站點內(nèi)的鏈接

在Web 頁面中，鏈接是必不可少的。一個復雜的網(wǎng)站中存在著數(shù)以百計的鏈接，在鏈接的更改和維護過程中難免會發(fā)生錯誤，而這種錯誤是最讓人頭疼的，因為在繁復的HTML 代碼中找出錯誤的鏈接實在是太麻煩了。為了解決這一問題，Dreamweaver 提供了一個檢查鏈接的工具––––鏈接檢查器。有了它，我們就可以對網(wǎng)站中繁多的鏈接實施有效的管理。

1. 在“首選參數(shù)”對話框中設置鏈接的更新方式

在菜單中選擇“編輯→首選參數(shù)”命令，在左邊的“分類”區(qū)域中選擇“常規(guī)”選項，打開如圖7.4所示的對話框。

在“移動文件時更新鏈接”下拉列表中選擇“提示”選項，將鏈接的更新方式設置為提示更新。

圖7.4 在“首選參數(shù)”對話框中設置鏈接的更新方式

2. 更新鏈接

對于打開的文檔，如果將它另存到其他位置，將會出現(xiàn)對話框，提示是否更新頁面內(nèi)的鏈接。單擊“是”按鈕，將會更新頁面內(nèi)的鏈接；單擊“否”按鈕，就不更新頁面內(nèi)的鏈接。

3. 查找和修復斷開的鏈接

打開站點的文檔窗口，在菜單中選擇“站點→檢查站點范圍的鏈接”命令，Dreamweaver 會自動查找斷開的鏈接，并將它們顯示在對話框中。

雙擊某個要修復的鏈接，打開該鏈接存在的頁面，屬性欄中將會顯示帶有該鏈接的文本或圖像。在屬性欄的“鏈接”文本框中重新定位鏈接即可。

7.1.3 巧用查找和替換管理站點

和其他大多數(shù)軟件一樣，Dreamweaver 也提供了文本的查找和替換功能，所不同的是它的查找和替換功能非常強大。靈活地運用Dreamweaver 的查找和替換功能，可以幫助我們有效地管理站點和頁面，大大提高編輯頁面和安排站點的效率。在這里，將通過3個實例介紹如何靈活運用查找和替換功能。

1. 更新鏈接中的URL

讀者制作的網(wǎng)站和頁面中不可避免地含有到外部的鏈接。有時由于其他站點的URL 發(fā)生變化或其他需要，讀者不得不將站點中含有的鏈接進行更新，例如將http://www.ibm.com更新為http://support.ibm.com。這是一項非常麻煩的工作，而且很容易發(fā)生遺漏。使用查找和替換命令可以使這項工作變得簡單。

操作步驟如下。

（1）照前文，打開“查找和替換”對話框。

（2）在對話框的“查找范圍”下拉列表中選擇“整個當前本地站點”選項，在“搜索”下拉列表中選擇“指定標簽”選項，在其后的下拉列表中選擇“a”選項。

（3）在第3行的3個下拉列表中依次選擇“含有屬性”、“href”和“=“選項，在最后一個下拉列表中輸入要替換的鏈接，例如“http://www.ibm.com.*”。其中的“.*”代表了以“www.ibm.com”開頭的所有URL 。

（4）在“動作”下拉列表中選擇“設置屬性”和“href”選項，在隨后的下拉列表中輸入正確的URL ，對應上文，為“http://support.ibm.com$1”。其中的“$1”是與上面的“.*”相對應的。

（5）在“選項”區(qū)域中選中“使用正則表達式”復選框。

（6）單擊“替換全部”按鈕完成更新操作。

2. 查找含有特定文本的標簽

有時候需要查找一些含有特殊文本的標簽，對其進行操作。例如，在如圖7.5所示的表格中，想要將顯示學生姓名的一欄用不同顏色表示出來，就可以查找含有“Name:”文本的表格單元格標簽。

圖7.5 要處理的表格

操作步驟如下。

（1）參照前文，打開“查找和替換”對話框。

（2）在對話框的“查找范圍”下拉列表中選擇“當前文檔”選項，在“搜索”下拉列表中選擇“指定標簽”選項，在其后的下拉列表中選擇“tr”選項。

（3）在第3行的下拉列表中依次選擇“包含”選項、“文本”選項，在隨后出現(xiàn)的輸入框中輸入要查找的文本“Name:”。

（4）在“動作”區(qū)域的下拉列表中選擇“設置屬性”選項、“bgcolor”選項，在隨后的列表框中輸入顏色代碼，例如#CCCCFF（藍色）。

（5）在“選項”區(qū)域中選中“使用正則表達式”復選框。

（6）單擊“替換全部”按鈕完成更新操作。

7.2 在Internet 上建立自己的Web 站點

制作完成一個網(wǎng)站以后，就必須要把它放置在Internet 上，下面就來介紹相關的方法。企業(yè)建立的網(wǎng)站與用戶建立的個人主頁是不完全一樣的。企業(yè)建立網(wǎng)站需要經(jīng)過一定的審批程序，花費一定的費用，而普通用戶為了學習，可以完全免費地建立個人網(wǎng)站，也不需要復雜的審批程序。

7.2.1 企業(yè)建立網(wǎng)站的過程

企業(yè)在國際互聯(lián)網(wǎng)上建立網(wǎng)站要經(jīng)過申請域名、制作主頁和信息發(fā)布這3個過程。

1. 申請域名

首先要向中國互聯(lián)網(wǎng)絡信息中心（CNNIC ）或是Internic Registration Services申請注冊自己的域名，形式如company.com.cn （國內(nèi)域名）或company.com （國際域名）。目前國內(nèi)有多家ISP （Internet Service Provider，國際互聯(lián)網(wǎng)服務提供商）為CNNIC 代理這項業(yè)務，他們可以幫用戶完成這項工作。

2. 制作主頁

將要發(fā)布的信息以Web 頁面的形式制作好。主頁的設計及制作將直接影響到瀏覽訪問者的興趣。

3. 信息發(fā)布

將制作完成的信息發(fā)布到Internet 上。企業(yè)可以自己建立機房，配備專業(yè)人員、服務器、路由器和網(wǎng)管軟件等，再向郵電部門申請專線、出口等，由此建立一個完全屬于自己的、由自己管理的獨立網(wǎng)站。這樣需要比較多的投資，日常運營的費用也很高。

因此目前比較流行的做法有以下3種，特別是虛擬主機方案非常流行。

· 虛擬主機方案：租用ISP 的Web 服務器磁盤空間。將自己的主頁放在ISP 的Web 服務器上，對于一般企業(yè)這將是最經(jīng)濟的方案。虛擬主機與真實主機在運作上毫無區(qū)別，對訪問者來說，虛擬主機與真實主機同樣毫無區(qū)別。對企業(yè)來說，虛擬主機也完全可以實現(xiàn)前面所說的功能，而且企業(yè)的投入只是一次傳統(tǒng)媒體的廣告費用。

· 服務器托管方案：對于因有較大的信息量和數(shù)據(jù)庫而需要很大的空間時，或建立一個很大的站點時，可以采用此方案。就是將用戶放有自己制作的主頁的服務器/ Internet主機放在ISP 網(wǎng)絡中心機房中，借用ISP 的網(wǎng)絡通信系統(tǒng)接入Internet 。

· DDN 專線接入方案：用戶可以將服務器設置在本地機房，然后通過DDN 專線與ISP 的網(wǎng)絡中心的路由器端口連接，成為一臺Internet 主機。

7.2.2 個人建立網(wǎng)站的過程

當然，如果個人愿意投資，也可以像企業(yè)一樣，注冊域名，使用虛擬主機方案建立自己的個人主頁。目前很多商業(yè)網(wǎng)站為了吸引更多人的注意，提高網(wǎng)站的知名度，都提供免費的個人主頁空間和免費的域名。對于一般的用戶來說，申請一個免費的空間，自己制作主頁，然后向全世界發(fā)布，無疑這是令所有年輕人心動的事。

注意，根據(jù)中國的規(guī)定，不能以個人名義注冊國內(nèi)域名。在申請注冊國內(nèi)域名時必須提供申請單位的營業(yè)執(zhí)照，如果個人確實希望擁有一個頂級或二級域名，可以申請注冊國際域名，注冊國際域名沒有必須是企業(yè)才能注冊的限制。

用戶可以查看新浪網(wǎng)的“免費大全”（http://tech.sina.com.cn/all4free/）。這個網(wǎng)站本身不提供免費主頁空間，但它匯總了各種各樣免費資源的信息，除了主頁空間外還有免費電子信箱、免費域名、免費論壇及留言簿等其他免費資源。在列出的網(wǎng)站中，一定可以找到符合自己心意的免費資源。

7.3 向服務器上傳主頁

下面以一個例子來介紹當用戶的主頁制作完成后如何上傳到服務器上，這個例子是以免費個人主頁空間為例的，但與建立企業(yè)網(wǎng)站的操作方法是一樣的。

假設用戶已經(jīng)向某個提供免費主頁空間的網(wǎng)站提出了申請，通常在幾天后會收到一封電子郵件，內(nèi)容大體如下，當然不同的網(wǎng)站給用戶發(fā)的郵件也不盡相同。

下面灰色背景的文字為郵件內(nèi)容，白色背景的文字是為用戶做的解釋,“××××”代表的內(nèi)容會根據(jù)不同的網(wǎng)站而變化。假設用戶申請的用戶名是“artech”，密碼是“password”。 用戶您好：

恭喜您！??！

您在××××申請的個人主頁請求已經(jīng)獲批準。

下面是您在使用××××的免費homepage 時要注意的一些問題:

1.

2.

3.

通常這些注意事項都是告訴用戶要遵紀守法，不要放置商業(yè)性、反動、色情以及其他敏感的內(nèi)容。

4. 請將以下的代碼放到您的個人主頁里：

網(wǎng)站向用戶提供免費空間，一般都要求在用戶的主頁上放置他們的標志，以宣傳他們的網(wǎng)站，用戶只需把上面提供的代碼插入到主頁文件中就可以了。

5. 您必須將您的文件放在您的××××目錄下。

默認的首頁文件為: index.html

請盡量不要用中文文件名。

我們系統(tǒng)對文件名的大小寫是敏感的，請注意！

請把文件上傳到 ×××.××××.××× 服務器上,

并用您的用戶名和密碼登錄。

上面這些信息很重要，在上傳文件時要注意這些事項。

6. 您的地址（URL ）表現(xiàn)形式為 http:// ×××.××××.×××/您的用戶名

例如: http:// ×××.××××.×××/wing

這就是用戶的主頁地址，任何人都可以通過這個地址訪問用戶的主頁。當然用戶要把“您的用戶名”這幾個漢字正確地換成自己的用戶名，例如http:// ×××.××××.×××/artech。

7. 做完您的homepage 后，希望您能盡快把您的個人主頁放上來。

當您把主頁放好后，請到以下地址填寫連接表，并請寫簡短的介紹。謝謝！ http:// ×××.××××.×××/addurl.html

以便在我們的搜索引擎里能方便地找到您的主頁。

提供免費空間的網(wǎng)站一般都為用戶提供一個索引，這也是一個宣傳網(wǎng)站的機會。

8. 您的個人資料

您的用戶名：artech

您的密碼：password

您的地址：http:// ×××.××××.×××/artech

==========================================================

在此，謝謝您使用××××服務!

==========================================================

收到這份電子郵件后就可以上傳文件了。使用Dreamweaver 可以實現(xiàn)文件的上傳。 首先打開“文件”面板，拉開面板上方的站點選擇框，選擇最下面一行的“管理站點”。 Dreamweaver 提供對多個網(wǎng)站的管理，在站點選擇框中可以切換網(wǎng)站。

這時打開“管理站點”對話框。在這個對話框中雙擊所要上傳的站點名，會打開站點定義對話框，在對話框左邊列表中選擇“遠程信息”項，打開“訪問”下拉列表。

在“訪問”下拉列表中選擇FTP 選項，就可以設置FTP 服務器的各項參數(shù)了。 ·“FTP主機”：設定FTP 主機地址。

·“主機目錄”：設定主機上的站點目錄。

·“登錄”：設定用戶登錄名。

·“密碼”：設定登錄密碼。

·“保存”：是否保存設置。

·“使用防火墻”：是否使用防火墻。

這些參數(shù)都可以從上面的那封電子郵件中找到。正確輸入這些參數(shù)后單擊“確定”按鈕，返回站點管理窗口。

這時單擊站點管理窗口的 （聯(lián)機到遠方主機）按鈕，將會開始登錄FTP 服務器。經(jīng)過一段時間后， 按鈕上的指示燈變?yōu)榫G色，表示登錄成功了，并且按鈕變?yōu)?（如果單擊這個按鈕就可以斷開與FTP 服務器的連接），此時就可以看到遠程站點文件列表中已經(jīng)有文件了。如果是第一次上傳文件，那么遠程文件列表中是沒有文件的。

這時只需選中要上傳的文件。用戶可以同時選中多個文件，然后單擊上傳按鈕 ，這時

會打開一個對話框，詢問是否將依賴的文件同時上傳。

所謂網(wǎng)頁的依賴文件就是該網(wǎng)頁中的圖片、鏈接的外部樣式表等文件。注意網(wǎng)頁通過超級鏈接指向的文件不屬于依賴文件。

如果沒有看到詢問框，則Dreamweaver 會自動將依賴文件同時上傳。如果不希望自動上傳依賴文件，可以選擇菜單“編輯→首選參數(shù)”，打開對話框。在左側(cè)列表中選擇“站點”，然后在右邊勾選“下載/取出時要提示”和“上載/存回時要提示”復選框，這時在上傳或下載文件前也會打開對話框，請用戶選擇文件。

在上傳完所有文件后，單擊 按鈕，斷開與服務器的聯(lián)系，這時就可以通過瀏覽器訪問用戶的站點了。