第一章Dreamweaver8概述.doc

第一章Dreamweaver8概述1-1 Dreamweaver8簡介Dreamweaver8是Macromedia公司最新推出的一款功能強(qiáng)大的網(wǎng)頁制作軟件,它繼承了以前版本易學(xué)易用的特點(diǎn),同時又增加了許多特點(diǎn),比如圖形的編輯、CSS樣式表、表格的嵌入、FTP上傳與支持建立網(wǎng)站應(yīng)用程序等新功能。它將可視布局工具，應(yīng)用程序開發(fā)功能和代碼編輯支持組合為一個功能強(qiáng)大的工具系統(tǒng)，使每個級別的開發(fā)人員和設(shè)計人員都可利用它快速地創(chuàng)建網(wǎng)頁界面。Dreamweaver8支持ActiveX、Javascript、Flash、ShockWave等特性。用于對Web站點(diǎn)，Web頁面和Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。由于Dreamweaver采用了Roundtrip HTML技術(shù)。這項技術(shù)使得網(wǎng)頁在Dreamweaver和HTML代碼編輯器之間可以進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習(xí)慣的同時，充分享受到可視化編輯帶來的益處。由于其強(qiáng)大的功能特性，它已成為一款不可多得的網(wǎng)頁制作利器。1-2 Dreamweaver8的新功能1 改進(jìn)的工作流程2 擴(kuò)展的CSS支持3 快速的文件傳輸4 對XML/XSLT的遠(yuǎn)景支持5 樣式渲染工具欄6 放大工具7 改進(jìn)的站點(diǎn)同步和登記/注銷8 比較文件9 特殊粘貼1-3 Dreamweaver8的界面簡介1 選擇工具界面當(dāng)?shù)谝淮螁覦reamweaver8時，將出現(xiàn)“工作區(qū)設(shè)置”，左邊是“設(shè)計器”，右邊是“編碼器”工作區(qū)布局。我們選擇設(shè)計器工作區(qū)模式?！霸O(shè)計器”工作區(qū)布局采用多文檔界面形式，將所有文檔窗口以及面板模式集合到主窗口中，并將面板組疊放在窗口的右邊，以方便用戶操作?！霸O(shè)計器”默認(rèn)一開始是彈出標(biāo)尺的，如果您不習(xí)慣，可以在標(biāo)尺上點(diǎn)擊右鍵，隱藏標(biāo)尺，或者快捷鍵Ctrl+Alt+R.“編碼器”工作模式主要針對喜歡用代碼編寫網(wǎng)頁的用戶而設(shè)計的。 2 Dreamweaver8的窗口組成它由七個部分組成：標(biāo)題欄、菜單欄、快捷插入面板、工具欄、文檔窗口、屬性面板和面板組組成。3 標(biāo)題欄和菜單欄除了通過標(biāo)題欄欄和菜單欄對網(wǎng)頁做編輯外，還可以通過使用空白區(qū)域鼠標(biāo)右鍵的快捷方式進(jìn)行操作。4 快捷插入面板快捷插入面板由多個快捷工具欄組成，按照功能的不同，主要分為8類。(1). 常用快捷欄：超鏈接、電子郵件鏈接、命名錨點(diǎn)、插入表格、插入DIV標(biāo)簽、媒體、日期、注釋、模板、標(biāo)簽選擇器(2). 布局快捷欄：標(biāo)準(zhǔn)、擴(kuò)展、布局(3). 表單快捷欄：表單、文本字段、隱藏字段、文本區(qū)域、復(fù)選框、單選按鈕、列表/菜單、跳轉(zhuǎn)菜單、圖象字段、文件字段、按鈕、標(biāo)簽、字段集(4). 文本快捷欄：字體標(biāo)簽編輯器、粗體、斜體、加強(qiáng)、強(qiáng)調(diào)、段落、塊引用、以排版格式、標(biāo)題1、標(biāo)題2、標(biāo)題3、項目列表、編號列表、列表項、定義列表、定義術(shù)語、定義說明、縮寫、首字母縮寫詞、字符(5). HTML快捷欄：水平線、文件頭、表格、框架、腳本(6). 應(yīng)用程序：動態(tài)網(wǎng)頁內(nèi)容(7). Flash元素：圖象查看器(8). 收藏夾：自定義收藏夾內(nèi)容(9). 顯示為制表圖5 工具欄(1). 文檔工具欄：代碼、拆分、設(shè)計、標(biāo)題、瀏覽器驗證、文件管理、在瀏覽器中預(yù)覽/調(diào)試、刷新設(shè)計視圖、視圖選項、可視化助手。(2). 標(biāo)準(zhǔn)工具欄：在快捷工具欄右擊選擇標(biāo)準(zhǔn)。6. 文檔窗口文檔窗口又稱為文檔編輯區(qū)，主要用來顯示或編輯文檔，有三種模式：代碼視圖、拆分視圖與設(shè)計視圖。6 面板組在Dreamweaver8中，面板組都嵌入到了操作界面中去。在面板中對相應(yīng)文檔進(jìn)行操作時，對文檔的改變也會同時在窗口中顯示，使效果更加直觀。F4隱藏面板！1-3 Dreamweaver8參數(shù)設(shè)置1 常規(guī)參數(shù)設(shè)置在Dreamweaver8中，通過設(shè)置參數(shù)可以改變Dreamweaver界面的外觀及面板、站點(diǎn)、字體、狀態(tài)欄等對象的屬性特征。執(zhí)行“編輯-首選參數(shù)”命令，可以打開“首選參數(shù)”對話框，選擇“分類”列表中“常規(guī)”選項。也可以使用快捷鍵 Ctrl+U.(1).顯示起始頁：在啟動時顯示可選功能界面(2).啟動時重新打開文檔：確定以前編輯過的文檔在再此啟動時是否重新打開(3).移動文件時發(fā)出警告：如果是只讀文件，那么做出提示。(4).移動文件時更新鏈接：用來設(shè)置移動文件時是否更新鏈接(5).插入對象時顯示對話框：插入物件時提示(6).允許雙字節(jié)內(nèi)聯(lián)輸入：可以在文檔窗口直接輸入雙字節(jié)文本。(7).允許多個連續(xù)的空格：連續(xù)空格(8).HTML標(biāo)記取代(9).使用CSS而不是HTML標(biāo)簽(10).標(biāo)簽警告(11).歷史步驟最多次數(shù)(12).拼寫字典2 設(shè)置字體參數(shù)在Dreamweaver8中，可以為新文件設(shè)置默認(rèn)字體或者對新字體進(jìn)行編輯。選擇“分類”列表中的“字體”選項。(1).字體設(shè)置：Dreamweaver8文件中可以使