糯米文學吧

計算機考試模塊Dreamwaver知識點:發佈站點

導語:利用Dreamweaver,可以方便地使用動態HTML功能,卻不需要寫一行行的代碼;利用它還可以檢查作品在所有流行的平台和瀏覽器中可能發生的錯誤。我們一起來看看相關的考試知識點吧。

計算機考試模塊Dreamwaver知識點:發佈站點

  瞭解遠程站點

創建了 Web 站點後,下一步就是通過將文件上傳到遠程文件夾來發布該站點。遠程文件夾是存儲文件的位置,這些文件用於測試、生產、協作和發佈,具體取決於您的環境。Dreamweaver 將此文件夾稱為遠程站點。

在繼續之前,您必須能夠訪問遠程 Web 服務器(例如您的 ISP 的服務器、您的客户所擁有的服務器、公司中的 Intranet 服務器,或者 Windows 計算機上的 Internet 信息服務 (IIS) 服務器)。如果您尚不具有對這樣一個服務器的訪問權,請與您的 ISP、客户或系統管理員聯繫。

您也可以在本地計算機上運行一個 Web 服務器,如 IIS (Windows) 或 Apache (Macintosh)。有關在本地計算機上設置 Web 服務器的更多信息,請參見安裝 Web 服務器。

如果遠程根文件夾為空,則本教程中所描述的過程效果最佳。如果您的遠程站點已經包含文件,則在遠程站點(在服務器上)中創建一個空文件夾,然後將該空文件夾用作您的遠程根文件夾。

繼續操作之前,您還需要定義一個本地站點。

Dreamweaver若干技巧須知

  創建自定義命令

Dreamweaver 的一個最有用的功能就是“歷史面板”。基於歷史面板,Dreamweaver能夠創建新的命令序列。要創建一個命令,只需要簡單地執行你想要記錄的步驟。然後,在歷史面板中,選擇想要保存的步驟,並在右下角點擊“保存為”圖標,起一個名字,點擊OK.此時,你的自定義命令就出現在“命令”菜單中,可以隨意使用了。

  創建自定義對象

“對象面板”非常利於在頁面中快速插入項目,比如表單、框架等等。要創建自定義對象,首先創建一個文件,其中要包含你想插入到文檔中的代碼。比如,要創建“CNET ”的新聞框,首先下載這段代碼並保存為“”,然後,為了在對象窗口中創建一個新面板,要在 Dreamweaver安裝目錄中的“ConfigurationObjects”下創建一個文件夾,名字可以隨你設置,比如叫做“My Objects”。將文件“newsletters.htm”放置到這個目錄下。同時,需要一個代表新對象的圖標文件。可以自己創建一個圖標文件,或者乾脆讓Dreamweaver插入一個普通圖標。如果是自己創建圖標,請注意建立一個18×18象素的GIF文件。將圖形文件保存在同一個目錄下,名字與新對象的名字一樣。

現在,重新啟動Dreamweaver或者選擇重調入Extensions(按下Ctrl鍵,點擊對象窗口彈出菜單),你可以在對象窗口中看到一個新的功能頁面,圖標就是你設定的那個。你可以象操作其它對象一樣,拖曳這個新對象到頁面中。

如果熟悉Javascript,你就可以創建更加複雜的對象和其他擴展程序,比如浮動面板、行為等等。或者,你乾脆從Macromedia Exchange下載現成的對象。

  改變瀏覽者的鼠標狀態

這是通過編輯CSS樣式表來實現的。具體方法是:選擇“文本> CSS樣式> 編輯樣式表”,彈出編輯樣式表窗口,在其中點選“新建”按鈕。接着選擇“創建自定義樣式”,給這個樣式表起名,單擊確定。編輯該樣式表,在左邊選擇“擴展”項,在右邊的“光標”項中選擇要出現的指針效果即可。

利用Dreamweaver的'錨標記製作在一個頁面中的跳轉鏈接

利用Dreamweaver的“錨標記”我們可以實現這個功能。具體方法是:將光標移到你想跳轉到的地方,選擇菜單中的“插入>命名錨記”,輸入錨記的名稱。接下來,在你想調用鏈接的鏈接目標框中輸入“#書籤名稱”,這樣一個頁面內的跳轉鏈接就做好了。在這裏,如果我們在錨記名稱前填入網頁的名稱,就會跳轉到其他頁面中的書籤處。比如説我們在連接處輸入“index.htm#top”,當瀏覽者點擊這個鏈接時就會跳轉到index頁面中的“top”錨記處。

  去掉圖片和表格接觸地方的空隙

要使圖片和表格接觸的地方不留空隙,僅在表格屬性面板上把邊框設為“0”是不行的,還需要在表格的屬性面板上把單元格的兩個屬性設為“0”(即cellspacing=“0”和cellpadding=“0”)。

  用跟蹤圖像幫助定位網頁中各元素的位置

“跟蹤圖像”是Dreamweaver一個非常有效的功能,它允許用户在網頁中將原來的平面設計稿作為輔助的背景。這麼一來,用户就可以非常方便地定位文字、圖像、表格、層等網頁元素在該頁面中的位置了。跟蹤圖像的具體使用是這樣的:首先使用各種繪圖軟件作出一個想象中的網頁排版格局圖,然後將此圖保存為網絡圖像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打開你所編輯的網頁,在菜單中選擇“修改>頁面屬性”,然後在彈出的對話框中的“跟蹤圖像”項中輸入剛才創建的網頁排版格局圖所在位置。再在圖像透明度中設定跟蹤圖像的透明度,OK.這樣你就可以在當前網頁中方便地定位各個網頁元素的位置了。使用了跟蹤圖像的網頁在用Dreamweaver編輯時不會再顯示背景圖案,但當使用瀏覽器瀏覽時正好相反,跟蹤圖像不見了,所見的就是經過編輯的網頁(當然能夠顯示背景圖案)。

關於“將表格寬度轉換成像素”和“將表格寬度轉換成百分比”

“將表格寬度轉換成像素”和“將表格寬度轉換成百分比”,是Dreamweaver的兩個設置表格寬度的重要功能。當你打開一個帶有表格的網頁時,選中某個表格,在隨後顯示出的表格屬性工具面板中就能看到這兩個按鈕了。顧名思義“將表格寬度轉換成像素”就是將表格中所有單元格的寬度以像素表示,而“將表格寬度轉換成百分比”是將表格中所有單元格的寬度以百分比表示。仔細想想他們的作用,如果將一個表格的寬度全以像素表示,當瀏覽窗口被放大時,表格就不會隨之放大單元格的寬度。而使用了“將表格寬度轉換成像素”後能夠使你在“640×480”分辨率下建立的100%寬的表格在更高的分辨率下依舊保持100%的寬度。所以活用這兩個功能可以使網頁排版事半功倍。