【正文】 第2章 站點(diǎn)的設(shè)計(jì)擁有自己的網(wǎng)站，可以說(shuō)是每個(gè)網(wǎng)頁(yè)制作者的夢(mèng)想。l 建立站點(diǎn)。本章重點(diǎn)l 建立站點(diǎn)。 確定站點(diǎn)目標(biāo)一個(gè)好的站點(diǎn)，應(yīng)該具有明確的目標(biāo)。一般的，在規(guī)劃站點(diǎn)時(shí)應(yīng)注意以下問(wèn)題。2. 用文件夾保存文檔為了便于對(duì)站點(diǎn)文件進(jìn)行管理，可將站點(diǎn)文件分門別類地保存在站點(diǎn)根目錄下的文件夾中，以文件夾方式組織站點(diǎn)文件，一目了然，如圖21所示。將各種不同的內(nèi)容劃分為幾個(gè)板塊，例如，生活、旅游、健康、IT等，這樣既可以方便網(wǎng)站設(shè)計(jì)者進(jìn)行設(shè)計(jì)，又能方便用戶獲取相關(guān)信息。在規(guī)劃站點(diǎn)的導(dǎo)航機(jī)制時(shí)應(yīng)注意以下方面。例如，“今日要聞”——用戶一看到該標(biāo)題文字，即可知道鏈接的內(nèi)容是當(dāng)日重要的新聞。此外，還可以在圖像上添加替代文本，這些文本可以起到輔助的指示作用。 站點(diǎn)的創(chuàng)建本節(jié)介紹在Dreamweaver CS6中創(chuàng)建站點(diǎn)的方法。l 在菜單欄中依次選擇“站點(diǎn)”|“管理站點(diǎn)”命令，在“管理站點(diǎn)”對(duì)話框中單擊“新建站點(diǎn)”按鈕。l 版本控制：設(shè)置訪問(wèn)、協(xié)議、服務(wù)器地址、存儲(chǔ)庫(kù)路徑、服務(wù)器端口、用戶名和密碼等內(nèi)容。圖23 設(shè)置本地文件夾在“本地信息”選項(xiàng)界面中可設(shè)置本地文件夾的下列屬性。l 啟用緩存：選中該復(fù)選框，可創(chuàng)建本地緩存，這樣有利于提高站點(diǎn)的鏈接和站點(diǎn)管理任務(wù)的速度，而且可以有效地使用“資源”面板管理站點(diǎn)資源。圖24 選擇“服務(wù)器”選項(xiàng)(2) 單擊對(duì)話框左下角的“添加新服務(wù)器”按鈕，出現(xiàn)相應(yīng)界面，如圖25所示。l FTP地址：輸入遠(yuǎn)程的FTP主機(jī)名稱。l 密碼：輸入連接到FTP服務(wù)器的密碼。l Web URL：輸入U(xiǎn)RL地址。在左下角單擊相應(yīng)按鈕可以繼續(xù)添加新服務(wù)器、刪除服務(wù)器、編輯現(xiàn)有服務(wù)器和復(fù)制現(xiàn)有服務(wù)器。如果前面設(shè)置本地文件夾為Web服務(wù)器指定的目錄，則沒(méi)有必要再設(shè)置遠(yuǎn)程站點(diǎn)，因?yàn)閃eb服務(wù)器運(yùn)行在本地計(jì)算機(jī)上。l 保存時(shí)自動(dòng)將文件上傳到服務(wù)器：選中該復(fù)選框，保存文件時(shí)自動(dòng)將其上傳到服務(wù)器。l 取出名稱：輸入取出文件的人員名稱，輸入后在站點(diǎn)窗口中取出文件旁將顯示該名稱。圖211 “本地/網(wǎng)絡(luò)”連接方式在“基本”和“高級(jí)”選項(xiàng)卡中可設(shè)置下列屬性。從中設(shè)置相關(guān)選項(xiàng)，使用RDS與服務(wù)器建立連接。l 端口：輸入主機(jī)端口號(hào)。選中“保存”復(fù)選框，Dreamweaver即可保存該密碼。l SFTP地址：輸入SFTP服務(wù)器上連接目錄的完整 URL。l 根目錄：輸入遠(yuǎn)程服務(wù)器上存放網(wǎng)站的目錄。l URL：輸入WebDAV服務(wù)器上連接目錄的完整 URL，包括其協(xié)議、端口及目錄。l Web URL：輸入網(wǎng)站站點(diǎn)的網(wǎng)址。“服務(wù)器模型”下拉列表框中可供選擇的服務(wù)器技術(shù)包括，ASP JavaScript、ASP VBScript、 C、 VB、ColdFusion、JSP、PHP MySQL。在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“高級(jí)設(shè)置”選項(xiàng)列表中選擇“遮蓋”選項(xiàng)，打開(kāi)與遮蓋相關(guān)的選項(xiàng)卡，如圖217所示。 設(shè)置“設(shè)計(jì)備注”功能“設(shè)計(jì)備注”功能用于存儲(chǔ)與文檔相關(guān)聯(lián)的信息，包括源文件信息、文檔注釋、文檔的設(shè)計(jì)狀態(tài)等。l 啟用上傳并共享設(shè)計(jì)備注：選中此復(fù)選框，可將“設(shè)計(jì)備注”和“文件視圖列”與其他設(shè)計(jì)人員共享。單擊“添加新列”按鈕，出現(xiàn)如圖220所示的界面。 l 對(duì)齊：在該下拉列表框中確定列中文本的對(duì)齊方式?！拔募晥D列”選項(xiàng)卡中的其他設(shè)置如下。(1) 依次選擇“站點(diǎn)”|“新建站點(diǎn)”命令，打開(kāi)“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，如圖221所示。圖223 “文件”面板 站點(diǎn)的編輯 建立好站點(diǎn)之后，根據(jù)需要可隨時(shí)進(jìn)行編輯，同時(shí)可以刪除已創(chuàng)建的站點(diǎn)。圖224 選擇“管理站點(diǎn)”選項(xiàng)圖225 “管理站點(diǎn)”對(duì)話框(3) 打開(kāi)“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，修改相關(guān)參數(shù)，完成后單擊“保存”按鈕，如圖226所示。 A. FTP B. WebDAVC. RDS D. 以上都不是2. 打開(kāi)站點(diǎn)定義向?qū)У姆椒ㄊ? )。A. 源文件信息 B. 文檔注釋 C. 文檔的設(shè)計(jì)狀態(tài) D. 文檔的分類二、填空題1. 站點(diǎn)定義向?qū)У娜齻€(gè)基本任務(wù)包括________、________和________。5. 在規(guī)劃站點(diǎn)的導(dǎo)航機(jī)制時(shí)，應(yīng)注意：________和________。35。2. 創(chuàng)建一個(gè)個(gè)人站點(diǎn)。3. “服務(wù)器模型”的服務(wù)器技術(shù)包括________、________、________、________、________、________和________。A. 有利于提高站點(diǎn)的鏈接和站點(diǎn)管理任務(wù)的速度，而且可以有效地使用“資源”面板管理站點(diǎn)資源B. 僅有利于提高站點(diǎn)的鏈接速度C. 僅能更有效地使用“資源”面板管理站點(diǎn)資源D. 僅有利于提高站點(diǎn)的管理任務(wù)的速度4. 文件的“取出”功能在多人聯(lián)合設(shè)計(jì)的環(huán)境中非常有用，通過(guò)設(shè)置文件的只讀屬性，可避免工作組中的其他人( )。(5) 如果要?jiǎng)h除站點(diǎn)，則在“管理站點(diǎn)”對(duì)話框中單擊“刪除當(dāng)前選定的站點(diǎn)”按鈕即可。(1) 在“文件”面板的下拉菜單中選擇“管理站點(diǎn)”選項(xiàng)，如圖224所示。圖222 設(shè)置站點(diǎn)(3) 單擊“保存”按鈕，完成本站點(diǎn)的創(chuàng)建。l 調(diào)整按鈕：調(diào)整列的順序。l 與該站點(diǎn)所有用戶共享：選中該復(fù)選框，可與連接到遠(yuǎn)程站點(diǎn)的其他用戶共享該列。l 列名稱：在該文本框中輸入新增列的名稱。在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“高級(jí)設(shè)置”選項(xiàng)列表中選擇“文件視圖列”選項(xiàng)，打開(kāi)與文件視圖列相關(guān)的選項(xiàng)卡，如圖219所示。圖218 “設(shè)計(jì)備注”選項(xiàng)卡“設(shè)計(jì)備注”選項(xiàng)卡的具體設(shè)置如下。l 啟用遮蓋：選中此復(fù)選框，可啟用站點(diǎn)的遮蓋功能。 啟用遮蓋功能遮蓋功能用于在站點(diǎn)操作中排除指定的文件夾和文件。 測(cè)試服務(wù)器的設(shè)置 測(cè)試服務(wù)器用于測(cè)試動(dòng)態(tài)頁(yè)面，在Dreamweaver CS6中，新增了設(shè)計(jì)動(dòng)態(tài)頁(yè)面的功能，因此設(shè)置測(cè)試服務(wù)器是以往的Dreamweaver版本所沒(méi)有的，如果要?jiǎng)?chuàng)建動(dòng)態(tài)站點(diǎn)，那么設(shè)置測(cè)試服務(wù)器是很重要的一個(gè)步驟。l 密碼：輸入登錄服務(wù)器的密碼。5. WebDAV方式以WebDAV方式定義遠(yuǎn)程站點(diǎn)，即在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“連接方法”下拉列表框中選擇WebDAV選項(xiàng)，則出現(xiàn)如圖215所示的界面，通過(guò)設(shè)置使用WebDAV協(xié)議與服務(wù)器建立連接。l 用戶名：輸入SFTP的用戶名。4. SFTP方式以SFTP方式定義遠(yuǎn)程站點(diǎn)，即在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“連接方法”下拉列表框中選擇SFTP選項(xiàng)，則出現(xiàn)如圖214所示的界面，通過(guò)設(shè)置與SFTP建立連接。l 用戶名：輸入RDS用戶名。圖213 “配置RDS服務(wù)器”對(duì)話框在“配置RDS服務(wù)器”對(duì)話框中可設(shè)置如下屬性。l Web URL：輸入U(xiǎn)RL地址。 提示：文件的“取出”功能在多人聯(lián)合設(shè)計(jì)的環(huán)境中特別有用，通過(guò)設(shè)置文件的只讀屬性，可以避免工作組中的其他人修改該文件。選中該復(fù)選框后，激活其下方的參數(shù)設(shè)置框，如圖210所示。圖29 “高級(jí)”選項(xiàng)卡其設(shè)置說(shuō)明如下。圖28 提示對(duì)話框(5) 單擊“確定”按鈕，然后再單擊“管理站點(diǎn)”中的“完成”按鈕，即完成了定義遠(yuǎn)程站點(diǎn)的操作。(3) 設(shè)置完成后，單擊“保存”按鈕，返回到“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，如圖27所示。如果不能，則需修改前面的選項(xiàng)。l 端口：可以根據(jù)服務(wù)器提供商的要求來(lái)填寫。l 服務(wù)器名稱：為服務(wù)器命名。1. FTP方式以FTP方式定義遠(yuǎn)程站點(diǎn)的操作步驟如下。l “站點(diǎn)范圍媒體查詢文件”文本框：指定放置站點(diǎn)文件的本地文件夾，可單擊按鈕選擇本地文件夾或直接在文本框中輸入本地文件夾的路徑，例如，D:\DWBook\ch2\。 定義本地站點(diǎn) 本地站點(diǎn)就是編輯和存放站點(diǎn)文件的本地場(chǎng)所，在本地站點(diǎn)中完成站點(diǎn)的設(shè)計(jì)，才能上傳到遠(yuǎn)程服務(wù)器，供網(wǎng)絡(luò)上其他人瀏覽。l 站點(diǎn)：可以為站點(diǎn)選擇本地文件夾和名稱。l 單擊“文件”面板右側(cè)藍(lán)色的“管理站點(diǎn)”鏈接，在“管理站點(diǎn)”對(duì)話框中單擊“新建站點(diǎn)”按鈕。例如，以詩(shī)詞歌賦為主要題材的站點(diǎn)，最好能夠體現(xiàn)出書香韻味，打開(kāi)該站點(diǎn)，對(duì)用戶來(lái)說(shuō)感覺(jué)就猶如捧起書卷一般親切。例如，在做一個(gè)返回搜狐首頁(yè)的鏈接時(shí)，設(shè)計(jì)者往往是添加一個(gè)我們所熟悉的小狐貍圖標(biāo)，即搜狐網(wǎng)站的標(biāo)徽。同時(shí)，當(dāng)用戶在頁(yè)面上迷失方向時(shí)，可以返回到首頁(yè)重新開(kāi)始。此外，要注意使用合理的文件名稱，盡量避免使用中文名稱，因?yàn)榇蠖鄶?shù)的軟件平臺(tái)都是基于英文的；有的Web服務(wù)器是區(qū)分大小寫的，因此一般都采用小寫字母命名站點(diǎn)中的文件。如果圖像文件較多，還可以在該文件夾中新建幾個(gè)文件夾，將圖像文件重新分門別類，方便存取圖像文件。當(dāng)本地站點(diǎn)設(shè)置完成后，再利用Dreamweaver CS6將本地站點(diǎn)上的文件及文件夾上傳到遠(yuǎn)程服務(wù)器上。站點(diǎn)的目標(biāo)因主題而異，例如，娛樂(lè)性站點(diǎn)與信息類站點(diǎn)的目標(biāo)與風(fēng)格會(huì)迥然不同，因此在設(shè)計(jì)站點(diǎn)之前應(yīng)該明確站點(diǎn)的目標(biāo)，才能有條不紊地設(shè)計(jì)和管理好站點(diǎn)文件。 站點(diǎn)的規(guī)劃 在創(chuàng)建站點(diǎn)之前，應(yīng)合理地規(guī)劃站點(diǎn)的目標(biāo)、結(jié)構(gòu)、內(nèi)容、導(dǎo)航機(jī)制以及站點(diǎn)的整體風(fēng)格等。l 設(shè)置測(cè)試服務(wù)器。在完成對(duì)站點(diǎn)文件的編輯后，可以用Dreamweaver CS6將本地站點(diǎn)上傳到Internet上。3. 熟悉Dreamweaver CS6的參數(shù)設(shè)置。4. 當(dāng)“文檔窗口”有標(biāo)題欄時(shí)，標(biāo)題欄顯示頁(yè)面標(biāo)題，并在括號(hào)中顯示文件的________。F115. 下列( )不屬于“資源”面板。F10 C.A