【正文】 外部 CSS 文件之間以及更多位置之間移動(dòng) CSS 規(guī)則。9. 瀏覽器兼容性檢查Dreamweaver CS6中新的瀏覽器兼容性檢查功能可生成報(bào)告(見(jiàn)圖11)，指出各種瀏覽器中與 CSS 相關(guān)的呈現(xiàn)問(wèn)題。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化用戶的移動(dòng)開(kāi)發(fā)工作流程。1. 可響應(yīng)的自適應(yīng)網(wǎng)格版面使用響應(yīng)迅速的 CSS 自適應(yīng)網(wǎng)格版面，可以創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。l Dreamweaver CS6的文件操作。利用它，不僅可以輕松地創(chuàng)建跨平臺(tái)和跨瀏覽器的頁(yè)面，也可以直接創(chuàng)建具有動(dòng)態(tài)效果的網(wǎng)頁(yè)而不用自己編寫(xiě)源代碼。l Dreamweaver CS6的工作界面。CS6新版本使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁(yè)面，在發(fā)布前可使用多屏幕預(yù)覽審閱設(shè)計(jì),大大提高了用戶的工作效率，而改善的FTP性能可更高效地傳輸大型文件。3. Adobe Business Catalyst 集成使用 Dreamweaver 中集成的 Business Catalyst 面板連接并編輯用戶利用 Adobe Business Catalyst(需另外購(gòu)買)建立的網(wǎng)站?！皩?shí)時(shí)視圖”現(xiàn)已使用最新版的 WebKit 轉(zhuǎn)換引擎，能夠提供絕佳的 HTML5 支持。11. CSS 布局Dreamweaver提供了一組預(yù)先設(shè)計(jì)的 CSS 布局，可以幫助用戶快速設(shè)計(jì)好頁(yè)面并開(kāi)始運(yùn)行，并且在代碼中提供了豐富的內(nèi)聯(lián)注釋以幫助用戶了解CSS頁(yè)面布局，如圖13所示。15. CSS增強(qiáng)功能Dreamweaver 8具有HTML格式化功能，但沒(méi)有CSS格式化功能，而Dreamweaver CS6增加了CSS的格式化功能。l 媒體：DVDROM驅(qū)動(dòng)器。l Internet 連接(用于激活)。圖14 “Adobe軟件許可協(xié)議”界面(2) 在安裝位置界面(見(jiàn)圖 啟動(dòng)與退出Dreamweaver CS6Dreamweaver C6的啟動(dòng)與退出方式有很多種，下面詳細(xì)介紹。l 在Dreamweaver CS6主窗口中的“文件”菜單中選擇“退出”命令。Dreamweaver CS6的菜單功能極其豐富，幾乎涵蓋了所有的功能操作。每當(dāng)從按鈕的彈出菜單中選擇一個(gè)新命令時(shí)，該按鈕的默認(rèn)操作都會(huì)改變。圖115 “數(shù)據(jù)”選項(xiàng)卡5. Spry選項(xiàng)卡Spry選項(xiàng)卡包含一些用于構(gòu)建 Spry頁(yè)面的按鈕，包括 Spry數(shù)據(jù)對(duì)象和構(gòu)件，如圖116所示。l “顯示代碼視圖和設(shè)計(jì)視圖”按鈕：將“文檔”窗口拆分為“代碼”視圖和“設(shè)計(jì)”視圖。l “檢查瀏覽器兼容性”按鈕：用于檢查用戶的 CSS是否對(duì)于各種瀏覽器均兼容，包括檢查瀏覽器的兼容性、顯示瀏覽器出現(xiàn)的問(wèn)題、報(bào)告瀏覽器呈現(xiàn)的問(wèn)題等。在該視圖中，Dreamweaver顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁(yè)面時(shí)看到的內(nèi)容。若要切換到某個(gè)文檔，則可單擊它的選項(xiàng)卡。l “縮放工具和設(shè)置縮放比率”下拉列表框：可以為文檔設(shè)置縮放比率。例如，圖像“屬性”面板、表格“屬性”面板、框架“屬性”面板、Flash影片“屬性”面板、表單元素“屬性”面板等。圖124 “CSS樣式”面板3. “應(yīng)用程序”面板“應(yīng)用程序”面板包含了數(shù)據(jù)綁定、數(shù)據(jù)庫(kù)和服務(wù)器行為，是制作網(wǎng)頁(yè)數(shù)據(jù)庫(kù)時(shí)的重要面板，如圖125所示。在Dreamweaver CS6中通過(guò)設(shè)置相關(guān)參數(shù)，可以改變操作環(huán)境，從而使其更加符合設(shè)計(jì)者的設(shè)計(jì)需要。l ：?jiǎn)螕粼摪粹o，彈出“編輯瀏覽器”對(duì)話框，從中可修改選定的瀏覽器參數(shù)，如圖128所示。(1) 依次選擇“編輯”|“首選參數(shù)”菜單命令，打開(kāi)“首選參數(shù)”對(duì)話框，在“分類”列表框中選擇“文件類型/編輯器”選項(xiàng)，如圖129所示。編輯快捷鍵示例：為“查看”|“代碼”菜單命令添加快捷鍵，即按Backspace鍵，將Dreamweaver切換到“代碼”視圖。同理，可以為切換設(shè)計(jì)視圖添加快捷鍵，以便在兩種視圖間進(jìn)行切換。 Dreamweaver CS6的文件操作在Dreamweaver CS6中，用戶不僅可以創(chuàng)建基本的HTML頁(yè)面和動(dòng)態(tài)的ASP、JSP頁(yè)面，還可以創(chuàng)建模板頁(yè)、CSS樣式表、XSLT、庫(kù)項(xiàng)目、JavaScript、XML以及多種專業(yè)水準(zhǔn)的頁(yè)面設(shè)計(jì)。有些保存為HTML格式的文件類型，諸如Microsoft Word文檔，則需將其導(dǎo)入Dreamweaver CS6中，而不是打開(kāi)該文檔。 A. F2 B.2. 在“文檔窗口”中可以在________、________和________三種視圖之間進(jìn)行切換。第2章 站點(diǎn)的設(shè)計(jì)擁有自己的網(wǎng)站，可以說(shuō)是每個(gè)網(wǎng)頁(yè)制作者的夢(mèng)想。本章重點(diǎn)l 建立站點(diǎn)。一般的，在規(guī)劃站點(diǎn)時(shí)應(yīng)注意以下問(wèn)題。將各種不同的內(nèi)容劃分為幾個(gè)板塊，例如，生活、旅游、健康、IT等，這樣既可以方便網(wǎng)站設(shè)計(jì)者進(jìn)行設(shè)計(jì)，又能方便用戶獲取相關(guān)信息。例如，“今日要聞”——用戶一看到該標(biāo)題文字，即可知道鏈接的內(nèi)容是當(dāng)日重要的新聞。 站點(diǎn)的創(chuàng)建本節(jié)介紹在Dreamweaver CS6中創(chuàng)建站點(diǎn)的方法。l 版本控制：設(shè)置訪問(wèn)、協(xié)議、服務(wù)器地址、存儲(chǔ)庫(kù)路徑、服務(wù)器端口、用戶名和密碼等內(nèi)容。l 啟用緩存：選中該復(fù)選框，可創(chuàng)建本地緩存，這樣有利于提高站點(diǎn)的鏈接和站點(diǎn)管理任務(wù)的速度，而且可以有效地使用“資源”面板管理站點(diǎn)資源。l FTP地址：輸入遠(yuǎn)程的FTP主機(jī)名稱。l Web URL：輸入U(xiǎn)RL地址。如果前面設(shè)置本地文件夾為Web服務(wù)器指定的目錄，則沒(méi)有必要再設(shè)置遠(yuǎn)程站點(diǎn)，因?yàn)閃eb服務(wù)器運(yùn)行在本地計(jì)算機(jī)上。l 取出名稱：輸入取出文件的人員名稱，輸入后在站點(diǎn)窗口中取出文件旁將顯示該名稱。從中設(shè)置相關(guān)選項(xiàng)，使用RDS與服務(wù)器建立連接。選中“保存”復(fù)選框，Dreamweaver即可保存該密碼。l 根目錄：輸入遠(yuǎn)程服務(wù)器上存放網(wǎng)站的目錄。l Web URL：輸入網(wǎng)站站點(diǎn)的網(wǎng)址。在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“高級(jí)設(shè)置”選項(xiàng)列表中選擇“遮蓋”選項(xiàng)，打開(kāi)與遮蓋相關(guān)的選項(xiàng)卡，如圖217所示。l 啟用上傳并共享設(shè)計(jì)備注：選中此復(fù)選框，可將“設(shè)計(jì)備注”和“文件視圖列”與其他設(shè)計(jì)人員共享。 l 對(duì)齊：在該下拉列表框中確定列中文本的對(duì)齊方式。(1) 依次選擇“站點(diǎn)”|“新建站點(diǎn)”命令，打開(kāi)“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，如圖221所示。圖224 選擇“管理站點(diǎn)”選項(xiàng)圖225 “管理站點(diǎn)”對(duì)話框(3) 打開(kāi)“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，修改相關(guān)參數(shù)，完成后單擊“保存”按鈕，如圖226所示。A. 源文件信息 B. 文檔注釋 C. 文檔的設(shè)計(jì)狀態(tài) D. 文檔的分類二、填空題1. 站點(diǎn)定義向?qū)У娜齻€(gè)基本任務(wù)包括________、________和________。35。3. “服務(wù)器模型”的服務(wù)器技術(shù)包括________、________、________、________、________、________和________。(5) 如果要?jiǎng)h除站點(diǎn)，則在“管理站點(diǎn)”對(duì)話框中單擊“刪除當(dāng)前選定的站點(diǎn)”按鈕即可。圖222 設(shè)置站點(diǎn)(3) 單擊“保存”按鈕，完成本站點(diǎn)的創(chuàng)建。l 與該站點(diǎn)所有用戶共享：選中該復(fù)選框，可與連接到遠(yuǎn)程站點(diǎn)的其他用戶共享該列。在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“高級(jí)設(shè)置”選項(xiàng)列表中選擇“文件視圖列”選項(xiàng)，打開(kāi)與文件視圖列相關(guān)的選項(xiàng)卡，如圖219所示。l 啟用遮蓋：選中此復(fù)選框，可啟用站點(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è)步驟。5. WebDAV方式以WebDAV方式定義遠(yuǎn)程站點(diǎn)，即在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“連接方法”下拉列表框中選擇WebDAV選項(xiàng)，則出現(xiàn)如圖215所示的界面，通過(guò)設(shè)置使用WebDAV協(xié)議與服務(wù)器建立連接。4. SFTP方式以SFTP方式定義遠(yuǎn)程站點(diǎn)，即在“站點(diǎn)設(shè)置對(duì)象”對(duì)話框中的“連接方法”下拉列表框中選擇SFTP選項(xiàng)，則出現(xiàn)如圖214所示的界面，通過(guò)設(shè)置與SFTP建立連接。圖213 “配置RDS服務(wù)器”對(duì)話框在“配置RDS服務(wù)器”對(duì)話框中可設(shè)置如下屬性。 提示：文件的“取出”功能在多人聯(lián)合設(shè)計(jì)的環(huán)境中特別有用，通過(guò)設(shè)置文件的只讀屬性，可以避免工作組中的其他人修改該文件。圖29 “高級(jí)”選項(xiàng)卡其設(shè)置說(shuō)明如下。(3) 設(shè)置完成后，單擊“保存”按鈕，返回到“站點(diǎn)設(shè)置對(duì)象”對(duì)話框，如圖27所示。l 端口：可以根據(jù)服務(wù)器提供商的要求來(lái)填寫(xiě)。1. FTP方式以FTP方式定義遠(yuǎn)程站點(diǎn)的操作步驟如下。 定義本地站點(diǎn) 本地站點(diǎn)就是編輯和存放站點(diǎn)文件的本地場(chǎng)所，在本地站點(diǎn)中完成站點(diǎn)的設(shè)計(jì)，才能上傳到遠(yuǎn)程服務(wù)器，供網(wǎng)絡(luò)上其他人瀏覽。l 單擊“文件”面板右側(cè)藍(lán)色的“管理站點(diǎn)”鏈接，在“管理站點(diǎn)”對(duì)話框中單擊“新建站點(diǎn)”按鈕。例如，在做一個(gè)返回搜狐首頁(yè)的鏈接時(shí)，設(shè)計(jì)者往往是添加一個(gè)我們所熟悉的小狐貍圖標(biāo)，即搜狐網(wǎng)站的標(biāo)徽。此外，要注意使用合理的文件名稱，盡量避免使用中文名稱，因?yàn)榇蠖鄶?shù)的軟件平臺(tái)都是基于英文的；有的Web服務(wù)器是區(qū)分大小寫(xiě)的，因此一般都采用小寫(xiě)字母命名站點(diǎn)中的文件。當(dāng)本地站點(diǎn)設(shè)置完成后，再利用Dreamweaver CS6將本地站點(diǎn)上的文件及文件夾上傳到遠(yuǎn)程服務(wù)器上。 站點(diǎn)的規(guī)劃 在創(chuàng)建站點(diǎn)之前，應(yīng)合理地規(guī)劃站點(diǎn)的目標(biāo)、結(jié)構(gòu)、內(nèi)容、導(dǎo)航機(jī)制以