- 相關(guān)推薦
計(jì)算機(jī)考試模塊Dreamwaver知識(shí)點(diǎn)：發(fā)布站點(diǎn)
導(dǎo)語：利用Dreamweaver，可以方便地使用動(dòng)態(tài)HTML功能，卻不需要寫一行行的代碼;利用它還可以檢查作品在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。我們一起來看看相關(guān)的考試知識(shí)點(diǎn)吧。
了解遠(yuǎn)程站點(diǎn)
創(chuàng)建了 Web 站點(diǎn)后，下一步就是通過將文件上傳到遠(yuǎn)程文件夾來發(fā)布該站點(diǎn)。遠(yuǎn)程文件夾是存儲(chǔ)文件的位置，這些文件用于測(cè)試、生產(chǎn)、協(xié)作和發(fā)布，具體取決于您的環(huán)境。Dreamweaver 將此文件夾稱為遠(yuǎn)程站點(diǎn)。
在繼續(xù)之前，您必須能夠訪問遠(yuǎn)程 Web 服務(wù)器(例如您的 ISP 的服務(wù)器、您的客戶所擁有的服務(wù)器、公司中的 Intranet 服務(wù)器，或者 Windows 計(jì)算機(jī)上的 Internet 信息服務(wù) (IIS) 服務(wù)器)。如果您尚不具有對(duì)這樣一個(gè)服務(wù)器的訪問權(quán)，請(qǐng)與您的 ISP、客戶或系統(tǒng)管理員聯(lián)系。
您也可以在本地計(jì)算機(jī)上運(yùn)行一個(gè) Web 服務(wù)器，如 IIS (Windows) 或 Apache (Macintosh)。有關(guān)在本地計(jì)算機(jī)上設(shè)置 Web 服務(wù)器的更多信息，請(qǐng)參見安裝 Web 服務(wù)器。
如果遠(yuǎn)程根文件夾為空，則本教程中所描述的過程效果最佳。如果您的遠(yuǎn)程站點(diǎn)已經(jīng)包含文件，則在遠(yuǎn)程站點(diǎn)(在服務(wù)器上)中創(chuàng)建一個(gè)空文件夾，然后將該空文件夾用作您的遠(yuǎn)程根文件夾。
繼續(xù)操作之前，您還需要定義一個(gè)本地站點(diǎn)。
Dreamweaver若干技巧須知道
創(chuàng)建自定義命令
Dreamweaver 的一個(gè)最有用的功能就是“歷史面板”�；跉v史面板，Dreamweaver能夠創(chuàng)建新的命令序列。要?jiǎng)?chuàng)建一個(gè)命令，只需要簡(jiǎn)單地執(zhí)行你想要記錄的步驟。然后，在歷史面板中，選擇想要保存的步驟，并在右下角點(diǎn)擊“保存為”圖標(biāo)，起一個(gè)名字，點(diǎn)擊OK.此時(shí)，你的自定義命令就出現(xiàn)在“命令”菜單中，可以隨意使用了。
創(chuàng)建自定義對(duì)象
“對(duì)象面板”非常利于在頁面中快速插入項(xiàng)目，比如表單、框架等等。要?jiǎng)?chuàng)建自定義對(duì)象，首先創(chuàng)建一個(gè)文件，其中要包含你想插入到文檔中的代碼。比如，要?jiǎng)?chuàng)建“CNET Builder.com”的新聞框，首先下載這段代碼并保存為“newsletters.htm”，然后，為了在對(duì)象窗口中創(chuàng)建一個(gè)新面板，要在 Dreamweaver安裝目錄中的“ConfigurationObjects”下創(chuàng)建一個(gè)文件夾，名字可以隨你設(shè)置，比如叫做“My Objects”。將文件“newsletters.htm”放置到這個(gè)目錄下。同時(shí)，需要一個(gè)代表新對(duì)象的圖標(biāo)文件�？梢宰约簞�(chuàng)建一個(gè)圖標(biāo)文件，或者干脆讓Dreamweaver插入一個(gè)普通圖標(biāo)。如果是自己創(chuàng)建圖標(biāo)，請(qǐng)注意建立一個(gè)18×18象素的GIF文件。將圖形文件保存在同一個(gè)目錄下，名字與新對(duì)象的名字一樣。
現(xiàn)在，重新啟動(dòng)Dreamweaver或者選擇重調(diào)入Extensions(按下Ctrl鍵，點(diǎn)擊對(duì)象窗口彈出菜單)，你可以在對(duì)象窗口中看到一個(gè)新的功能頁面，圖標(biāo)就是你設(shè)定的那個(gè)。你可以象操作其它對(duì)象一樣，拖曳這個(gè)新對(duì)象到頁面中。
如果熟悉Javascript，你就可以創(chuàng)建更加復(fù)雜的對(duì)象和其他擴(kuò)展程序，比如浮動(dòng)面板、行為等等。或者，你干脆從Macromedia Exchange下載現(xiàn)成的對(duì)象。
改變?yōu)g覽者的鼠標(biāo)狀態(tài)
這是通過編輯CSS樣式表來實(shí)現(xiàn)的。具體方法是：選擇“文本> CSS樣式> 編輯樣式表”，彈出編輯樣式表窗口，在其中點(diǎn)選“新建”按鈕。接著選擇“創(chuàng)建自定義樣式”，給這個(gè)樣式表起名，單擊確定。編輯該樣式表，在左邊選擇“擴(kuò)展”項(xiàng)，在右邊的“光標(biāo)”項(xiàng)中選擇要出現(xiàn)的指針效果即可。
利用Dreamweaver的錨標(biāo)記制作在一個(gè)頁面中的跳轉(zhuǎn)鏈接
利用Dreamweaver的“錨標(biāo)記”我們可以實(shí)現(xiàn)這個(gè)功能。具體方法是：將光標(biāo)移到你想跳轉(zhuǎn)到的地方，選擇菜單中的“插入>命名錨記”，輸入錨記的名稱。接下來，在你想調(diào)用鏈接的鏈接目標(biāo)框中輸入“#書簽名稱”，這樣一個(gè)頁面內(nèi)的跳轉(zhuǎn)鏈接就做好了。在這里，如果我們?cè)阱^記名稱前填入網(wǎng)頁的名稱，就會(huì)跳轉(zhuǎn)到其他頁面中的書簽處。比如說我們?cè)谶B接處輸入“index.htm#top”，當(dāng)瀏覽者點(diǎn)擊這個(gè)鏈接時(shí)就會(huì)跳轉(zhuǎn)到index頁面中的“top”錨記處。
去掉圖片和表格接觸地方的空隙
要使圖片和表格接觸的地方不留空隙，僅在表格屬性面板上把邊框設(shè)為“0”是不行的，還需要在表格的屬性面板上把單元格的兩個(gè)屬性設(shè)為“0”(即cellspacing=“0”和cellpadding=“0”)。
用跟蹤圖像幫助定位網(wǎng)頁中各元素的位置
“跟蹤圖像”是Dreamweaver一個(gè)非常有效的功能，它允許用戶在網(wǎng)頁中將原來的平面設(shè)計(jì)稿作為輔助的背景。這么一來，用戶就可以非常方便地定位文字、圖像、表格、層等網(wǎng)頁元素在該頁面中的位置了。跟蹤圖像的具體使用是這樣的：首先使用各種繪圖軟件作出一個(gè)想象中的網(wǎng)頁排版格局圖，然后將此圖保存為網(wǎng)絡(luò)圖像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打開你所編輯的網(wǎng)頁，在菜單中選擇“修改>頁面屬性”，然后在彈出的對(duì)話框中的“跟蹤圖像”項(xiàng)中輸入剛才創(chuàng)建的網(wǎng)頁排版格局圖所在位置。再在圖像透明度中設(shè)定跟蹤圖像的透明度，OK.這樣你就可以在當(dāng)前網(wǎng)頁中方便地定位各個(gè)網(wǎng)頁元素的位置了。使用了跟蹤圖像的網(wǎng)頁在用Dreamweaver編輯時(shí)不會(huì)再顯示背景圖案，但當(dāng)使用瀏覽器瀏覽時(shí)正好相反，跟蹤圖像不見了，所見的就是經(jīng)過編輯的網(wǎng)頁(當(dāng)然能夠顯示背景圖案)。
關(guān)于“將表格寬度轉(zhuǎn)換成像素”和“將表格寬度轉(zhuǎn)換成百分比”
“將表格寬度轉(zhuǎn)換成像素”和“將表格寬度轉(zhuǎn)換成百分比”，是Dreamweaver的兩個(gè)設(shè)置表格寬度的重要功能。當(dāng)你打開一個(gè)帶有表格的網(wǎng)頁時(shí)，選中某個(gè)表格，在隨后顯示出的表格屬性工具面板中就能看到這兩個(gè)按鈕了。顧名思義“將表格寬度轉(zhuǎn)換成像素”就是將表格中所有單元格的寬度以像素表示，而“將表格寬度轉(zhuǎn)換成百分比”是將表格中所有單元格的寬度以百分比表示。仔細(xì)想想他們的作用，如果將一個(gè)表格的寬度全以像素表示，當(dāng)瀏覽窗口被放大時(shí)，表格就不會(huì)隨之放大單元格的寬度。而使用了“將表格寬度轉(zhuǎn)換成像素”后能夠使你在“640×480”分辨率下建立的100%寬的表格在更高的分辨率下依舊保持100%的寬度。所以活用這兩個(gè)功能可以使網(wǎng)頁排版事半功倍。
【計(jì)算機(jī)考試模塊Dreamwaver知識(shí)點(diǎn)：發(fā)布站點(diǎn)】相關(guān)文章：
計(jì)算機(jī)Dreamwaver使用教程：本地站點(diǎn)的搭建與管理06-13
職稱計(jì)算機(jī)考試模塊Office知識(shí)點(diǎn)10-02
職稱計(jì)算機(jī)考試Dreamwaver：認(rèn)識(shí)表單對(duì)象11-03
職稱計(jì)算機(jī)考試模塊07-27
Dreamweaver遠(yuǎn)程發(fā)布網(wǎng)站站點(diǎn)09-27
職稱計(jì)算機(jī)考試Dreamwaver中表單的創(chuàng)建與應(yīng)用10-21
2017職稱計(jì)算機(jī)考試Dreamwaver教程：使用庫09-26