《第6章 Dreamewaver》由會(huì)員分享，可在線閱讀，更多相關(guān)《第6章 Dreamewaver（49頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、要制作一個(gè)漂亮、直觀的要制作一個(gè)漂亮、直觀的Web網(wǎng)頁(yè)，除了要了解網(wǎng)頁(yè)，除了要了解HTML語(yǔ)言知識(shí)外，一般來(lái)說(shuō)，還需要掌握一種語(yǔ)言知識(shí)外，一般來(lái)說(shuō)，還需要掌握一種Web網(wǎng)網(wǎng)頁(yè)可視化制作軟件，如頁(yè)可視化制作軟件，如DreamWeawer、FrontPage等，等，這樣可以提高程序設(shè)計(jì)的效率，縮短軟件研發(fā)周期。這樣可以提高程序設(shè)計(jì)的效率，縮短軟件研發(fā)周期。DreamWeawer和和FrontPage在功能上各有千秋。在功能上各有千秋。DreamWeaver功能更強(qiáng)大一些，冗余代碼少，站點(diǎn)管功能更強(qiáng)大一些，冗余代碼少，站點(diǎn)管理、特效實(shí)現(xiàn)等輕而易舉。理、特效實(shí)現(xiàn)等輕而易舉。DreamWeaver有多個(gè)
2、不同有多個(gè)不同的版本，本節(jié)我們將詳細(xì)介紹的版本，本節(jié)我們將詳細(xì)介紹的使用方法。的使用方法。6.3 Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)6.3.1 之后進(jìn)入該界面之后進(jìn)入該界面 3、插入欄插入欄文檔窗口文檔窗口標(biāo)簽檢查器標(biāo)簽檢查器屬性檢查器屬性檢查器面板組面板組文件面板文件面板 4、 Dreamweaver菜單包括文件，編輯，查看，插入，修菜單包括文件，編輯，查看，插入，修改，文本，命令，站點(diǎn)，窗口，幫助。改，文本，命令，站點(diǎn)，窗口，幫助。文件：文件：包括對(duì)文件的各種操作。包括對(duì)文件的各種操作。編輯：編輯：包含了對(duì)文件的復(fù)制，粘貼，查找與替換等命令。包含了對(duì)文件的復(fù)制，粘貼，查找與替換等命令。
3、查看：查看：使用查看菜單可以查看文檔的相關(guān)內(nèi)容。使用查看菜單可以查看文檔的相關(guān)內(nèi)容。插入：插入：用于將對(duì)象插入文檔中。用于將對(duì)象插入文檔中。修改：修改：可以使用修改菜單更改選定頁(yè)面元素的屬性?？梢允褂眯薷牟藛胃倪x定頁(yè)面元素的屬性。文本：文本：可以設(shè)置文本的格式，如段落格式，字體等?？梢栽O(shè)置文本的格式，如段落格式，字體等。命令：命令：提供各種命令的訪問(wèn)。提供各種命令的訪問(wèn)。站點(diǎn)：站點(diǎn)：提供用于管理站點(diǎn)以及上傳和下載文件的菜單項(xiàng)。提供用于管理站點(diǎn)以及上傳和下載文件的菜單項(xiàng)。窗口：窗口：提供提供對(duì)對(duì)Dreamweaver中的所有面板，檢查器和窗口的中的所有面板，檢查器和窗口的訪問(wèn)。訪問(wèn)。幫助：幫助
4、：提供了對(duì)提供了對(duì)Dreamweaver文檔文檔的訪問(wèn)。的訪問(wèn)。1.首選參數(shù)的設(shè)置首選參數(shù)的設(shè)置編輯編輯首選參數(shù)首選參數(shù)6.3.2 網(wǎng)頁(yè)前的準(zhǔn)備網(wǎng)頁(yè)前的準(zhǔn)備2 建立基本站點(diǎn)建立基本站點(diǎn) 1、新建并保存網(wǎng)頁(yè)、新建并保存網(wǎng)頁(yè)6.3.3 頁(yè)面制作頁(yè)面制作在編輯網(wǎng)頁(yè)之前，可以對(duì)網(wǎng)頁(yè)的一些參數(shù)進(jìn)行設(shè)置，在編輯網(wǎng)頁(yè)之前，可以對(duì)網(wǎng)頁(yè)的一些參數(shù)進(jìn)行設(shè)置，這些參數(shù)將會(huì)影響到整個(gè)網(wǎng)頁(yè)。這些參數(shù)將會(huì)影響到整個(gè)網(wǎng)頁(yè)。按按“Ctrl+J”鍵或單擊屬性檢查器上的鍵或單擊屬性檢查器上的“頁(yè)面屬性頁(yè)面屬性”按鈕，將彈出頁(yè)面屬性對(duì)話框。按鈕，將彈出頁(yè)面屬性對(duì)話框。外觀：外觀：頁(yè)面字體、文本顏色、背景色、背景圖片頁(yè)面字體、文本顏
5、色、背景色、背景圖片鏈接：鏈接：鏈接字體、顏色、已訪問(wèn)的鏈接顏色等。鏈接字體、顏色、已訪問(wèn)的鏈接顏色等。標(biāo)題標(biāo)題/編碼：編碼：標(biāo)題瀏覽時(shí)顯示在標(biāo)題欄中；編碼為文標(biāo)題瀏覽時(shí)顯示在標(biāo)題欄中；編碼為文檔所使用的編碼，一般為檔所使用的編碼，一般為“簡(jiǎn)體中文簡(jiǎn)體中文”。2、頁(yè)面設(shè)置、頁(yè)面設(shè)置插入的圖片插入的圖片導(dǎo)航條導(dǎo)航條Flash鏈接鏈接嵌入音樂(lè)嵌入音樂(lè)Flash頁(yè)面屬性頁(yè)面屬性3、插入文本、插入文本文本包括文本包括普通文字普通文字，特殊符號(hào)特殊符號(hào)，時(shí)間日期時(shí)間日期，注釋注釋語(yǔ)句語(yǔ)句等內(nèi)容。等內(nèi)容?？梢灾苯釉诳梢灾苯釉?DreamWeaver 文檔窗口中鍵入文本；文檔窗口中鍵入文本；也可以使用也可以
6、使用“剪貼板剪貼板”工具復(fù)制文本。工具復(fù)制文本。注意：注意：DreamWeaver 一般不保留在其他應(yīng)用程一般不保留在其他應(yīng)用程序中應(yīng)用的文本格式，但它保留換行符。序中應(yīng)用的文本格式，但它保留換行符。4、 設(shè)置文本格式設(shè)置文本格式（2）插入日期）插入日期 （3）插入特殊字符）插入特殊字符 （4）在字符之間添加空格）在字符之間添加空格 5、設(shè)置段落格式和文檔結(jié)構(gòu)設(shè)置段落格式和文檔結(jié)構(gòu) （4）使用水平線）使用水平線 （5）創(chuàng)建項(xiàng)目列表）創(chuàng)建項(xiàng)目列表 6.3.4 圖像和多媒體圖像和多媒體 圖片的環(huán)繞圖片的環(huán)繞圖像映射圖像映射/ /圖像地圖圖像地圖2、為頁(yè)面添加聲音、為頁(yè)面添加聲音| 鏈接到音頻文件鏈
7、接到音頻文件 （步驟）（步驟） 2、為頁(yè)面添加聲音、為頁(yè)面添加聲音| 嵌入聲音文件嵌入聲音文件 3、添加視頻、添加視頻 其操作方法與添加聲音文件類似。其操作方法與添加聲音文件類似。4、插入、插入Flash對(duì)象對(duì)象 （3）插入）插入 Flash 內(nèi)容內(nèi)容 6.3.5 鏈接與導(dǎo)航鏈接與導(dǎo)航 2、插入跳轉(zhuǎn)菜單、插入跳轉(zhuǎn)菜單 3、使用導(dǎo)航條、使用導(dǎo)航條 3、使用導(dǎo)航條、使用導(dǎo)航條 3、使用導(dǎo)航條、使用導(dǎo)航條 ；6.3.6 圖圖 層層1、圖、圖 層層 的的 創(chuàng)創(chuàng) 建建2、圖層的主要操作、圖層的主要操作拖動(dòng)圖層邊界的控點(diǎn)或修改圖層的高度和寬度屬性。拖動(dòng)圖層邊界的控點(diǎn)或修改圖層的高度和寬度屬性。如插入圖片、
8、文本等。如插入圖片、文本等。6.3.7 表格的應(yīng)用表格的應(yīng)用 表格表格(Table)是網(wǎng)頁(yè)制作中安排布局最好的工具，因是網(wǎng)頁(yè)制作中安排布局最好的工具，因?yàn)楸砀癫坏梢院芎玫陌才盼谋净驁D像的顯示位置，而為表格不但可以很好的安排文本或圖像的顯示位置，而且還可以任意的進(jìn)行背景和前景顏色的設(shè)置。且還可以任意的進(jìn)行背景和前景顏色的設(shè)置。用筆勾畫(huà)網(wǎng)頁(yè)的輪廓草圖及布局安排。用筆勾畫(huà)網(wǎng)頁(yè)的輪廓草圖及布局安排。上圖北京希望電子出版社上圖北京希望電子出版社BHP網(wǎng)站網(wǎng)頁(yè)設(shè)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)草圖之一。計(jì)草圖之一。利用表格進(jìn)行版面布局示例利用表格進(jìn)行版面布局示例在單元格內(nèi)就在單元格內(nèi)就可以插圖、做背可以插圖、做背景、寫文字
9、等。景、寫文字等。 選擇菜單選擇菜單“插入插入”“表格表格” 或在或在“插入插入”欄的欄的“常常用用”類別中，單擊類別中，單擊“表格表格”按鈕；按鈕； 1. “修改修改”“表格表格” “插入行插入行|插入列插入列|插入行或列插入行或列” 2.“插入插入”“表格對(duì)象表格對(duì)象” 1.“修改修改”“表格表格”“刪除行刪除行|刪除列刪除列”。2.“編輯編輯”“清除清除”3.Delete鍵鍵 6.3.8 框框 架架示例示例1：網(wǎng)頁(yè)設(shè)計(jì)大賽的頁(yè)面網(wǎng)頁(yè)設(shè)計(jì)大賽的頁(yè)面示例示例2：網(wǎng)絡(luò)技術(shù)學(xué)習(xí)平臺(tái)的頁(yè)面網(wǎng)絡(luò)技術(shù)學(xué)習(xí)平臺(tái)的頁(yè)面目目錄錄主主內(nèi)內(nèi)容容LOGO和分欄和分欄詳細(xì)內(nèi)容詳細(xì)內(nèi)容 創(chuàng)建框架集有兩種方法：使用預(yù)定
10、義的框架集和自己設(shè)計(jì)創(chuàng)建框架集有兩種方法：使用預(yù)定義的框架集和自己設(shè)計(jì)框架集。框架集。（1）使用預(yù)定義的框架集使用預(yù)定義的框架集（兩種方法兩種方法）| 創(chuàng)建新的空預(yù)定義框架集創(chuàng)建新的空預(yù)定義框架集 1、建、建 立立 框框 架架 （2）設(shè)計(jì)框架集設(shè)計(jì)框架集2、保、保 存存 框框 架架在瀏覽器中框架集前，必須保存框架集文件以及在框架在瀏覽器中框架集前，必須保存框架集文件以及在框架中顯示的所有文檔。中顯示的所有文檔。| 要保存框架集要保存框架集-“文件文件” | 要保存框架中顯示的文檔要保存框架中顯示的文檔-“文件文件” | 要保存與框架相關(guān)聯(lián)的所有文件，選擇要保存與框架相關(guān)聯(lián)的所有文件，選擇“文件文件” 6.3.9 創(chuàng)創(chuàng) 建建 表表 單單表單是瀏覽者同網(wǎng)站進(jìn)行交互的重要手段。它的主要功能就是搜集網(wǎng)站所需要的信息。表單對(duì)象：文本框、隱藏域、按鈕、復(fù)選框、單選按鈕、列表/菜單、跳轉(zhuǎn)菜單、文本域。創(chuàng)創(chuàng) 建建 表表 單單 本本 章章 結(jié)結(jié) 束束再再 見(jiàn)見(jiàn)
第6章 Dreamewaver
