网页设计前置作业

《网页设计前置作业》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、網頁設計前置作業安裝個人網站伺服器在開始網頁設計之前，若我們可以先把自己的電腦模擬成私人網站的話，更能加快網頁設計的速度，首先我們必須先安裝PresonalWebServer,PWS(個人網站伺服器管理員)，經由執行PWS而達成建構私人網站的效果，PWS的軟體可於Window98、WindowsME或NT原版光碟上取得，在Win98的原版光碟中的add-onspws資料夾下，執行Setup.exe即可安裝，安裝完畢後，每次開機時，系統會自動執行，並隱藏於右下方的工作列中，如下所示。安裝完畢後，你可以直接點選桌面上的「發行」小圖示執行它，或是於右下方的工作列上雙按

2、「」啟動PWS，其執行結果如下圖所示。網頁放置於本機的實際目錄名稱。各頁面切換的功能列，分別是「主畫面」、「發行」，「Web站台」，「教學課程」及「進階」。網站「啟動／停止」鈕，其字義與實際狀態相反。個人網頁的URL名稱，通常內定為本機名稱。目前訪客計數及連線資訊。圖2-1個人網站伺服器的執行畫面。PWS會將主目錄模擬成實際的站台，讀者可在瀏覽器的網址列輸入：作者的電腦為http://note1。http://電腦名稱或一個很特別的IP，它代表本機的位址。http://127.0.0.1一個很特別的網域名稱，它代表本機的位址。或http://localhost便可

3、瀏覽預設的起始網頁(一般為：default.htm或default.asp，視系統內定值而異)，就如同實際上網去瀏覽其它網站一般，通常第一次執行時會出現「歡迎使用MicrosoftPresonalWebServer」字樣的網頁，則表示網頁開啟成功。在往後的練習中，讀者們可以將製作好的網頁儲存到C:Inetpubwwwroot的路徑下，或在該路徑下建立其它資料夾來存放網頁，並將它視為伺服端，同樣的，依照上述的網址名稱執行自己所設計的網頁，例如：http://localhost/index.htm或http://localhost/MyWeb/test.htm1.

4、建立一份網頁，並將它儲存於C:InetpubwwwrootMyWeb的資料夾下，取名為Test.htm2.開啟瀏覽器，於網址列輸入本機網址、資料夾名稱及網頁名稱http://localhost/MyWeb/Test.htm3.瀏覽器呈現網頁內容即可得到與實際伺服器上執行同等的效果了，如下圖所示：圖2-2啟動PWS上的網頁文件提示n若作業系統為WindowsNT或Windows2000以上的版本，則系統於安裝時同時會安裝NT的網站伺服器軟體(IIS,InternetInformationServer)，因此不須再安裝PWS。在PWS中，可透過進階選項畫面來進行

5、Web站台的管理，例如在輸入網址時，通常我們會省略首頁的名稱，例如原本要輸入http://note1/index.htm，而我們只要輸入http://note1/即可，這是因為網頁伺服器會自動要尋找預設的網頁並且開啟它，其設定方式只需在進階選項畫面中，將「啟用預設文件」打勾，並將預設的起始頁依序填入，並以逗號(,)隔開即可。3.輸入預設的首頁名稱，並依其優先順序以逗號(,)分隔開來21圖2-3個人網站伺服器的進階設定畫面。除了設定起始頁之外，進階設定還可設定：允許瀏覽目錄當站台資料夾下並無預設起始頁，且勾選「允許瀏覽目錄」選項時，瀏覽器會將該站台或資料夾下的所有檔

6、案及資料夾清單列出，如下所示。2.伺服器找不到起始頁，因此以預設的瀏覽目錄將資料夾列出1.輸入網址圖2-4勾選「允許瀏覽目錄」選項可直接檢視資料夾內容。直接瀏覽目錄的好處是可直接做為檔案下載的畫面，直接點選檔案，即可下載，不需額外製作檔案下載網頁，缺點是會將站台內容曝光，易遭有心人士破壞，因此，通常在應用時，最好能以虛擬目錄來呈現(請參考下例)，且只要放置單純的檔案即可，不要將重要的資料夾及檔案結構列出。儲存活動日誌若點選「儲存Web站台活動日誌」時，系統將於資料夾「WindowsSystemLogfileW3SVC1」下，產生一個以Nc的日誌檔，名稱以年月

7、來命名，如2001年5月的日誌檔為Nc0105.Log，它將記錄站台活動的狀況及使用情形…等，欲檢視其內容只需以文書編輯器打開它即可。新增虛擬目錄此外，PWS亦可將C:Inetupbwwwroot以外的資料夾設定成「虛擬目錄」，例如按下「」鈕後，接著出現對話盒如下：3.按下確定鈕確認1.按下按鈕後，選取C:Test資料夾並按下確定鈕2.將「新的虛擬目錄」字樣替換成「MyTest」圖2-5虛擬目錄設定畫面及步驟。欲測試這個虛擬目錄是否可正確的執行，首先在FrontPage中選取「檔案／開新檔案／網頁」，並於空白編輯區中輸入「虛擬目錄測試」，接著將檔案儲存於C:

8、Test