Dreamweaver 2.0全接觸

2024-09-04 21:30:01

字體：大中小

供稿：網(wǎng)友

Dreamweaver 2.0是多媒體制作軟件行業(yè)的老大Macromedia生產(chǎn)的經(jīng)典網(wǎng)頁(yè)制作工具。其強(qiáng)大的網(wǎng)頁(yè)設(shè)計(jì)功能是以往的網(wǎng)頁(yè)設(shè)計(jì)工具所不能匹敵的。Dreamweaver 2.0有幾大特點(diǎn):

    * 具有強(qiáng)大的站點(diǎn)管理功能，內(nèi)置FTP軟件可以直接上傳主頁(yè)。

    * 所見(jiàn)即所得的頁(yè)面編輯方式。

    * 支持Styles Sheet樣式表單，創(chuàng)造豐富的頁(yè)面效果。

    * 支持Layer層，并可使用Timeline時(shí)間軸制作動(dòng)態(tài)網(wǎng)頁(yè)。

    * 內(nèi)置Behavior行為，為網(wǎng)頁(yè)增加交互功能。

    * 提供模板和庫(kù)可以加速頁(yè)面的生成和制作

    * 支持外部插件，提供無(wú)限的擴(kuò)展能力。

    Dreamweaver魅力是無(wú)窮的，在下面的教學(xué)中我們將逐步深入，全面接觸這個(gè)超COOL的網(wǎng)頁(yè)制作軟件。

    一、Dreamweaver 2.0的組成和操作界面

    (1)Dreamweaver 2.0的組成

    首先我們來(lái)認(rèn)識(shí)一下Dreamweaver的組成。Dreamweaver由兩大部分組成。頁(yè)面編輯器和站點(diǎn)管理器。

    頁(yè)面編輯器是一個(gè)可視化的網(wǎng)頁(yè)編輯器，網(wǎng)頁(yè)制作都是在頁(yè)面編輯器中完成的。

    站點(diǎn)管理器管理網(wǎng)站內(nèi)的文件和目錄，檢驗(yàn)連接情況，并控制站內(nèi)文件的上傳。在做站點(diǎn)時(shí)推薦先建立好站點(diǎn)，再開(kāi)始網(wǎng)頁(yè)的制作，這樣可以保證頁(yè)面內(nèi)文件連接的正確性。

    (2)Dreamweaver 2.0的操作界面

    Dreamweaver的操作界面十分簡(jiǎn)捷，重要功能全部集結(jié)在功能面板工具欄中。

    * 對(duì)象工具欄:工具欄中的圖標(biāo)分別對(duì)應(yīng)各種頁(yè)面中的元素，諸如圖片、表格、水平條等等。

    * 屬性工具面板:是頁(yè)面編輯中比較重要的面板。主要設(shè)置頁(yè)面元素的屬性，比如文字的大小、圖片的高寬、表格的對(duì)齊方式等等。對(duì)于不同的元素，面板中的參數(shù)是不同的。

    * Styles樣式面板:Style Sheet 樣式定義面板，可以輕松定義出諸如9pt字體等CSS效果。

    * Timeline時(shí)間軸面板:用于制作網(wǎng)頁(yè)上的動(dòng)畫(huà)。通過(guò)時(shí)間軸，可以實(shí)現(xiàn)一幅圖片在網(wǎng)頁(yè)上飛舞等非凡的動(dòng)態(tài)效果。

    * Behavior行為面板:為網(wǎng)頁(yè)增加交互功能，例如光標(biāo)移到某個(gè)圖片上就彈出一個(gè)窗口等等。

    * Library&Templates庫(kù)和模板面板:庫(kù)的作用是將重復(fù)使用的圖片文字等元素放進(jìn)庫(kù)中，以后可以方便地直接從庫(kù)中調(diào)用元素。模板的作用類(lèi)似于FrontPage98中的Theme主題，可以將固定的頁(yè)面版面格式保存為模板，快速地制作大批量格局相同的網(wǎng)頁(yè)。

    *Dreamweaver2.0還提供了導(dǎo)航條幫助用戶快速地打開(kāi)以上面板。（圖9)其中的<HTML>按鈕可以直接打開(kāi)HTML源代碼編輯器，用戶可以直接修改當(dāng)前頁(yè)面的HTML源代碼。在頁(yè)面編輯器的右下角也提供了類(lèi)似的導(dǎo)航條供用戶使用。

    二、Dreamweaver 2.0一招速成

    在了解了Dreamweaver2.0的操作界面后，現(xiàn)在我們可以開(kāi)始Dreamweaver2.0的一招速成了。各位讀者可以根據(jù)自己的需要實(shí)現(xiàn)的功能，按照標(biāo)題選擇想看的內(nèi)容。

    * 建立站點(diǎn)

    在開(kāi)始制作站內(nèi)的頁(yè)面之前，先要定義一個(gè)站點(diǎn)。站點(diǎn)的實(shí)質(zhì)就是硬盤(pán)上的一個(gè)目錄，站內(nèi)的文件存放在該目錄之中。選擇菜單File/New Site。系統(tǒng)彈出對(duì)話框，在 “Local Root”選項(xiàng)中填寫(xiě)站點(diǎn)文件所在的目錄。選中“Cache”選項(xiàng)就OK了。“Cache”的作用是跟蹤站內(nèi)文件的連接情況，加速站點(diǎn)管理操作。

    * 文字設(shè)定

    在頁(yè)面中選中相應(yīng)的文字后，在屬性面板中可以設(shè)定文字的屬性。文字屬性和word文字工具類(lèi)似。是一個(gè)調(diào)色板，可以選擇文字的顏色。

    * 插入圖片

    選擇對(duì)象工具欄中的，選中相應(yīng)的圖片。就完成圖片的插入，如果插入的是站點(diǎn)外部的圖片文件，系統(tǒng)會(huì)要求用戶將圖片復(fù)制到站點(diǎn)中去。

    * 表格制作

    選擇對(duì)象工具欄中的，設(shè)定行數(shù)（Rows），列數(shù)（Colums），邊框厚度(Border)即可。邊框厚度為0時(shí)表格無(wú)邊框。

    * 表格單元格的合并與分割:

    選中要合并的單元格，在屬性面板中選擇按鈕即可將單元格合并。反之，在一個(gè)單元格內(nèi)選擇屬性面板中的可以分割單元格。

    * 插入水平條:單擊對(duì)象工具條中的，即可插入。

    * 建立超級(jí)連接:

    選中要超級(jí)連接的文字和圖片，可以在屬性面板中的Link域中直接填寫(xiě)相關(guān)頁(yè)面的地址，也可以單擊按鈕選擇一個(gè)頁(yè)面進(jìn)行連接。如果連接地址中填寫(xiě)的是mailto:+郵件地址。如mailto:rudolf@21cn.com。則瀏覽頁(yè)面時(shí)，單擊該連接會(huì)打開(kāi)郵件程序。

    * 建立書(shū)簽

    選擇菜單Insert /Named Anchor，在系統(tǒng)彈出的對(duì)話框中填入書(shū)簽的名稱(chēng)，就建立好了一個(gè)書(shū)簽（在Dreamweaver中叫做錨點(diǎn)）。在頁(yè)面中書(shū)簽的符號(hào)是。在頁(yè)面中制作指向書(shū)簽的超級(jí)連接十分簡(jiǎn)單。選中相應(yīng)的文字后，在屬性面板中選擇瞄準(zhǔn)器，將瞄準(zhǔn)器拖拽到上就可以完成連接制作。

    * 制作可點(diǎn)圖Image Map

    首先插入一幅圖片，單擊圖片，同時(shí)選中屬性工具面板中的按鈕。系統(tǒng)彈出可點(diǎn)圖編輯器窗口。在窗口左側(cè)工具欄中相應(yīng)的形狀工具，在圖面中畫(huà)出可點(diǎn)區(qū)域。同時(shí),在下面的Link連接域中指定相應(yīng)的連接。圖片上的可點(diǎn)區(qū)域就制作完成了。

    * 創(chuàng)建幀式結(jié)構(gòu)

    共有兩種方法：

    方法1：在頁(yè)面中選擇菜單Modify/Frameset。在菜單中有四個(gè)子選項(xiàng)。Split Frame left向左分幀;Split Frame right向右分幀;Split Frame Up向上分幀;Split Frame down向下分幀。根據(jù)需要，選擇不同的選項(xiàng)就可以制作出復(fù)雜的幀式結(jié)構(gòu)了。

    方法2：在頁(yè)面中選擇菜單View /Frame Borders，窗口四周會(huì)出現(xiàn)一個(gè)幀邊框。按住Alt鍵不放，鼠標(biāo)拖拽幀邊框也可以拖拽出幀的結(jié)構(gòu)。

    * 幀中間的超級(jí)連接

    在幀內(nèi)制作超級(jí)連接常常會(huì)遇到這樣的情況。比方說(shuō)現(xiàn)在有一個(gè)左右?guī)浇Y(jié)構(gòu)的站點(diǎn)。左邊是欄目選項(xiàng)，右邊是內(nèi)容。要求點(diǎn)左邊的超鏈，超鏈對(duì)應(yīng)的頁(yè)面顯示在右邊的幀中。具體操作時(shí)，方法是這樣的：

    1. 給幀命名。按Ctrl+F10打開(kāi)幀面板。單擊幀面板中的左邊一幀，在屬性面板中將幀的名稱(chēng)設(shè)定為“left”。同理，將右邊幀名稱(chēng)設(shè)定為“right”。

    2. 在左邊幀中制作超級(jí)連接時(shí)，選定連接的頁(yè)面后，還要將屬性面板中的Target目標(biāo)設(shè)定為“right”，也就是剛才命名為“right”的右邊幀。這樣才能實(shí)現(xiàn)選左邊的超鏈，對(duì)應(yīng)頁(yè)面出現(xiàn)在右邊。關(guān)于超級(jí)連接中的Target選項(xiàng)，沒(méi)有定義幀的時(shí)候有四個(gè)默認(rèn)選項(xiàng)。“_blank”指的是新開(kāi)一個(gè)窗口顯示鏈接內(nèi)容。“_parent”指的是上一級(jí)窗口中顯示鏈接內(nèi)容。“_self”在同一個(gè)窗口顯示內(nèi)容。“_top”在頂端窗口顯示內(nèi)容。如果在操作中為具體的幀設(shè)定了名字，像本例中的“left”“right”，就會(huì)出現(xiàn)在“target”中供選擇。

    * 插入活動(dòng)按鈕

    活動(dòng)按鈕是一種可以對(duì)鼠標(biāo)進(jìn)行響應(yīng)的按鈕。當(dāng)光標(biāo)移動(dòng)到按鈕圖片上時(shí)，自動(dòng)切換另外一張圖片。可以做出生動(dòng)的按鈕效果。例如按鈕原來(lái)是凸起的，光標(biāo)移到按鈕上去時(shí)突然凹陷下去。制作方法：選擇對(duì)象工具欄中的。系統(tǒng)彈出對(duì)話框，在Original Image框中選擇第一幅圖片。Rollover Image框中選擇鼠標(biāo)移動(dòng)到圖片上方時(shí)切換成為什么圖片。Link框中設(shè)定連接到什么網(wǎng)頁(yè)上去。一個(gè)活動(dòng)按鈕就做好了。

    * 制作表單

    單擊對(duì)象工具欄上方的，選中其中的Forms表單選項(xiàng)。對(duì)象工具欄中的所有按鈕都換成表單元素。選中相應(yīng)的元素就可以將其插入到頁(yè)面中。限于篇幅這里就不再一一做介紹。本文作者:

上一篇：Dreamweaver 簡(jiǎn)介

下一篇：Dreamweaver 3 使用常見(jiàn)問(wèn)題指南