Dreamweaver cs5中文版入門與提高實例教程 第3章

第3章構(gòu)建本地站點

本章重點本章將介紹站點的基本知識及構(gòu)建本地站點的方法，內(nèi)容包括：站點的概念和功能；站點規(guī)劃和網(wǎng)站制作流程；利用Dreamweaver創(chuàng)建本地站點；由已有文件生成站點；對站點的刪除、修改、編輯和復(fù)制等操作；對站點內(nèi)文件和文件夾的刪除、修改、編輯和復(fù)制等操作以及刷新本地站點的方法。學(xué)習(xí)目的通過本章的學(xué)習(xí)，您可以掌握：本地站點和遠端站點的概念和功能。網(wǎng)站制作的流程。創(chuàng)建本地站點和管理本地站點方法。3.1概述

3.1.1Internet服務(wù)器和本地計算機

Internet服務(wù)器是網(wǎng)絡(luò)上一種為客戶端計算機提供各種Internet服務(wù)（包括WWW、FTP、e-mail等）的高性能計算機，它在網(wǎng)絡(luò)操作系統(tǒng)的控制下，將與其相連的硬盤、磁帶、打印機、Modem及各種專用通訊設(shè)備提供給網(wǎng)絡(luò)上的客戶站點共享，也能為網(wǎng)絡(luò)用戶提供集中計算、信息發(fā)表及數(shù)據(jù)管理等服務(wù)。它的高性能主要體現(xiàn)在高速度的運算能力、長時間的可靠運行、強大的外部數(shù)據(jù)吞吐能力等方面。對于WWW瀏覽服務(wù)來說，Internet服務(wù)器主要用于存儲網(wǎng)民所瀏覽的Web站點和頁面。網(wǎng)民在瀏覽網(wǎng)頁時，不需要了解它的實際位置，只需要在地址欄輸入網(wǎng)址，按下回車，就可以輕松瀏覽網(wǎng)頁。對于瀏覽網(wǎng)頁的用戶來說，他們所使用的計算機被稱作本地計算機。本地計算機也可能做服務(wù)器，只不過可能沒有專業(yè)的服務(wù)器好，如訪問量過大可能就會出現(xiàn)癱瘓等狀況。本地計算機和Internet服務(wù)器之間通過各種線路（如電話線、ADSL、ISDN或其他纜線等）進行連接，以實現(xiàn)相互的通信，在連接線路中，可能會通過各種各樣的中間環(huán)節(jié)。3.1.2本地站點與遠端站點

嚴格地說，站點是一種文檔的磁盤組織形式，它由文檔和文檔所在的文件夾組成。設(shè)計良好的網(wǎng)站通常具有科學(xué)的結(jié)構(gòu)，利用不同的文件夾，將不同的網(wǎng)頁內(nèi)容分門別類地保存。結(jié)構(gòu)良好的網(wǎng)站，不僅便于管理，也便于更新。在Internet上瀏覽網(wǎng)頁，就是用瀏覽器打開存儲于Internet服務(wù)器上的HTML文檔及其他相關(guān)資源?；贗nternet服務(wù)器的不可知特性，我們通常將存儲于Internet服務(wù)器上的站點稱作遠端站點。利用DreamweaverCS5可以對位于Internet服務(wù)器上的站點文檔直接進行編輯和管理。但這在很多時候非常不便，例如網(wǎng)絡(luò)速度和網(wǎng)絡(luò)的不穩(wěn)定性等，都會對管理和編輯操作帶來影響。此外直接對位于Internet服務(wù)器上的文檔和站點進行操作，必須始終保持同Internet的連接。利用DreamweaverCS5，用戶可以在本地計算機上創(chuàng)建出站點的框架，從整體上對站點全局進行把握。站點設(shè)計完畢之后，再利用各種上傳工具，例如FTP程序，將本地站點上載到Internet服務(wù)器上，形成遠端站點。3.1.3Internet服務(wù)程序

在本地計算機上安裝Internet服務(wù)程序，實際上是將本地計算機構(gòu)建成一個真正的Internet服務(wù)器，只是您可以從本地計算機上直接訪問該服務(wù)器而已。換句話說，本地計算機和Internet服務(wù)器已經(jīng)合二為一。ApacheWebServer是世界上占有率最高的Web服務(wù)器產(chǎn)品，可以在包括SUNSolaris、IBMAIX、SGIIRIX、Linux和Windows在內(nèi)的許多操作系統(tǒng)下運行。ApacheWebServer下JSP的實現(xiàn)可以通過免費的ApacheJserv和GNUJSP、Jakarta-Tomcat實現(xiàn)，也可以使用商業(yè)的JRUN（LiveSoftware）、Weblogic（BEA）、Websphere（IBM）來實現(xiàn)。微軟的IIS系列也是應(yīng)用廣泛的Internet服務(wù)器程序，依據(jù)操作系統(tǒng)的不同，應(yīng)該安裝不同的程序，例如，對于Windows98，可以安裝PersonalWebServer；對于WindowsNT、Windows2000、WindowsXP可以安裝InternetInformationServer。在安裝完IIS系列程序后，可以通過訪問http://localhost地址來測試程序是否安裝成功。如果成功安裝了Internet服務(wù)程序，就可以在本地計算機上創(chuàng)建真正的Internet環(huán)境，充分對創(chuàng)作的站點進行測試，當(dāng)然，這種測試是不需要真正連入Internet的。3.1.4上傳和下載上傳和下載是在互聯(lián)網(wǎng)上傳輸文件的專門術(shù)語。一般來說，用戶把自己計算機上的文件拷貝到遠程計算機上的過程，稱作上傳；用戶從某臺遠程計算機上拷貝文件到自己計算機上的過程，稱作下載。3.1.5網(wǎng)頁的設(shè)計和出版流程

對站點進行規(guī)劃創(chuàng)建站點的基本結(jié)構(gòu)具體的網(wǎng)頁創(chuàng)作過程將本地的站點同位于Internet服務(wù)器上的遠端站點關(guān)聯(lián)起來，然后定期更新3.2規(guī)劃站點規(guī)劃站點結(jié)構(gòu)1．用文件夾來保存文檔2．使用合理的文件名稱3．合理分配文檔中的資源4．將本地站點和遠端站點設(shè)置為同樣的結(jié)構(gòu)規(guī)劃站點的瀏覽機制構(gòu)建整體的站點風(fēng)格3.3構(gòu)建本地站點“默認圖像文件夾”：用于設(shè)置本地站點圖像文件的默認保存位置?！版溄酉鄬τ凇保河糜谠O(shè)置為鏈接創(chuàng)建的文檔路徑的類型，文檔相對路徑或根目錄相對路徑。“WebURL”：用于設(shè)置本站點的地址，以便DreamweaverCS5對文檔中的絕對地址進行校驗?！皡^(qū)分大小寫的鏈接檢查”：選中此項后，對站點中的文件進行鏈接檢查時，將檢查鏈接的大小寫與文件名的大小寫是否相匹配。此選項用于文件名區(qū)分大小寫的UNIX系統(tǒng)?！皢⒂镁彺妗保簞?chuàng)建本地站點的緩存，以加快站點中鏈接更新的速度，同時在站點地圖模式中，清晰地反映當(dāng)前站點的結(jié)構(gòu)。

如果要創(chuàng)建動態(tài)網(wǎng)站，則還需要指定遠程服務(wù)器和測試服務(wù)器。在DreamweaverCS5中，用戶可以在一個視圖中指定遠程服務(wù)器和測試服務(wù)器，從而使用戶可以以前所未有的速度快速建立網(wǎng)站，分階段或聯(lián)網(wǎng)站點甚至還可以使用多臺服務(wù)器。注意：指定測試服務(wù)器時，必須在“基本”屏幕中指定WebURL。從

DreamweaverCS5開始，Dreamweaver將不再安裝ASP.NET、ASPJavaScript或JSP服務(wù)器行為。但DreamweaverCS5對這些頁面仍然提供實時視圖、代碼顏色和代碼提示支持，且無需在“站點設(shè)置”對話框中選擇ASP.NET、ASPJavaScript或JSP。3.4管理站點1．打開本地站點（1）執(zhí)行“窗口”/“文件”命令，打開文件管理面板。（2）單擊文件管理面板左上角的下拉列表，從中選擇需要的站點。2．編輯站點（1）執(zhí)行“站點”/“管理站點”命令，彈出“管理站點”對話框。（2）選擇需要編輯的站點，單擊“編輯”按鈕，彈出該站點的“站點設(shè)置”對話框。（3）重新設(shè)置站點的屬性。3．刪除站點（1）執(zhí)行“站點”/“管理站點”命令，彈出“管理站點”對話框。（2）選擇需要刪除的站點，單擊“刪除”按鈕，彈出一個對話框，提示用戶本操作不能通過執(zhí)行“編輯”/“撤消”命令的辦法恢復(fù)。（3）單擊“是”，即可刪除選中站點。提示：刪除站點實際上只是刪除了Dreamweaver同該本地站點之間的關(guān)系。但是實際的本地站點內(nèi)容，包括文件夾和文檔等，仍然保存在磁盤相應(yīng)的位置上。用戶可以重新創(chuàng)建指向該位置的新站點。4．復(fù)制站點3.5操作站點文件

創(chuàng)建文件/文件夾刪除文件或文件夾提示：同刪除站點的操作不同，這種對文件或文件夾的刪除操作，會從磁盤上真正刪除相應(yīng)的文件或文件夾。編輯站點文件刷新本地站點文件列表3.6存儲庫視圖

DreamweaverCS5集成了一個版本控制軟件Subversion，可以提供更健壯的文件版本控制、回滾，等等的取出文件、存回文件的操作。Dreamweaver雖然不是一個完整的SVN客戶端，卻使用戶無需任何第三方工具或命令行界面，就可獲取文件的最新版本、更改或提交文件。1．建立SVN連接由于DreamweaverCS5只是集成了Subversion客戶端，因此在進行存儲庫視圖操作之前，必須