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