Dreamweaver 2.0全接觸

2024-09-04 21:30:01

字體：大中小

供稿：網(wǎng)友

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

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

    * 所見即所得的頁面編輯方式。

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

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

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

    * 提供模板和庫可以加速頁面的生成和制作

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

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

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

    (1)Dreamweaver 2.0的組成

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

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

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

    (2)Dreamweaver 2.0的操作界面

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

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

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

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

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

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

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

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

    二、Dreamweaver 2.0一招速成

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

    * 建立站點(diǎn)

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

    * 文字設(shè)定

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

    * 插入圖片

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

    * 表格制作

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

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

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

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

    * 建立超級連接:

    選中要超級連接的文字和圖片，可以在屬性面板中的Link域中直接填寫相關(guān)頁面的地址，也可以單擊按鈕選擇一個頁面進(jìn)行連接。如果連接地址中填寫的是mailto:+郵件地址。如mailto:[email protected]。則瀏覽頁面時，單擊該連接會打開郵件程序。

    * 建立書簽

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

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

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

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

    共有兩種方法：

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

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

    * 幀中間的超級連接

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

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

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

    * 插入活動按鈕

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

    * 制作表單

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

上一篇：Dreamweaver 簡介

下一篇：Dreamweaver 3 使用常見問題指南