第一章Dreamweaver8概述.doc

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