成人免费无遮挡无码视频,国产无遮挡18禁网站免费,免费无码又爽又刺激软件下载

<nav id="ygnmy"></nav>
<form id="ygnmy"></form>

  • 首頁 > 設計 > 軟件應用 > 正文

    Dreamweaver 2.0全接觸

    2018-10-16 21:05:32
    字體:
    來源:轉載
    供稿:網友

     Dreamweaver 2.0是多媒體制作軟件行業的老大Macromedia生產的經典網頁制作工具。其強大的網頁設計功能是以往的網頁設計工具所不能匹敵的。Dreamweaver 2.0有幾大特點:
     
     
        * 具有強大的站點管理功能,內置FTP軟件可以直接上傳主頁。

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

        * 支持Styles Sheet樣式表單,創造豐富的頁面效果。

        * 支持Layer層,并可使用Timeline時間軸制作動態網頁。

        * 內置Behavior行為,為網頁增加交互功能。

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

        * 支持外部插件,提供無限的擴展能力。

        Dreamweaver魅力是無窮的,在下面的教學中我們將逐步深入,全面接觸這個超COOL的網頁制作軟件。

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

        (1)Dreamweaver 2.0的組成

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

        頁面編輯器是一個可視化的網頁編輯器,網頁制作都是在頁面編輯器中完成的。

        站點管理器管理網站內的文件和目錄,檢驗連接情況,并控制站內文件的上傳。在做站點時推薦先建立好站點,再開始網頁的制作,這樣可以保證頁面內文件連接的正確性。

        (2)Dreamweaver 2.0的操作界面

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

        * 對象工具欄:工具欄中的圖標分別對應各種頁面中的元素,諸如圖片、表格、水平條等等。

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

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

        * Timeline時間軸面板:用于制作網頁上的動畫。通過時間軸,可以實現一幅圖片在網頁上飛舞等非凡的動態效果。

        * Behavior行為面板:為網頁增加交互功能,例如光標移到某個圖片上就彈出一個窗口等等。

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

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

        二、Dreamweaver 2.0一招速成

        在了解了Dreamweaver2.0的操作界面后,現在我們可以開始Dreamweaver2.0的一招速成了。各位讀者可以根據自己的需要實現的功能,按照標題選擇想看的內容。

        * 建立站點

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

        * 文字設定

        在頁面中選中相應的文字后,在屬性面板中可以設定文字的屬性。文字屬性和word文字工具類似。是一個調色板,可以選擇文字的顏色。

        * 插入圖片

        選擇對象工具欄中的,選中相應的圖片。就完成圖片的插入,如果插入的是站點外部的圖片文件,系統會要求用戶將圖片復制到站點中去。

        * 表格制作

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

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

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

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

        * 建立超級連接:

        選中要超級連接的文字和圖片,可以在屬性面板中的Link域中直接填寫相關頁面的地址,也可以單擊按鈕選擇一個頁面進行連接。如果連接地址中填寫的是mailto:+郵件地址。如mailto:rudolf@21cn.com。則瀏覽頁面時,單擊該連接會打開郵件程序。

        * 建立書簽

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

        * 制作可點圖Image Map

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

        * 創建幀式結構

        共有兩種方法:

        方法1:在頁面中選擇菜單Modify/Frameset。在菜單中有四個子選項。Split Frame left向左分幀;Split Frame right向右分 幀;Split Frame Up向上分幀;Split Frame down向下分幀。根據需要,選擇不同的選項就可以制作出復雜的幀式結構了。

        方法2:在頁面中選擇菜單View /Frame Borders,窗口四周會出現一個幀邊框。按住Alt鍵不放,鼠標拖拽幀邊框也可以拖拽出幀的結構。

        * 幀中間的超級連接

        在幀內制作超級連接常常會遇到這樣的情況。比方說現在有一個左右幀式結構的站點。左邊是欄目選項,右邊是內容。要求點左邊的超鏈,超鏈對應的頁面顯示在右邊的幀中。具體操作時,方法是這樣的:

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

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

        * 插入活動按鈕

        活動按鈕是一種可以對鼠標進行響應的按鈕。當光標移動到按鈕圖片上時,自動切換另外一張圖片??梢宰龀錾鷦拥陌粹o效果。例如按鈕原來是凸起的,光標移到按鈕上去時突然凹陷下去。制作方法:選擇對象工具欄中的。系統彈出對話框,在Original Image框中選擇第一幅圖片。Rollover Image框中選擇鼠標移動到圖片上方時切換成為什么圖片。Link框中設定連接到什么網頁上去。一個活動按鈕就做好了。

        * 制作表單

        單擊對象工具欄上方的,選中其中的Forms表單選項。對象工具欄中的所有按鈕都換成表單元素。選中相應的元素就可以將其插入到頁面中。限于篇幅這里就不再一一做介紹。 本文作者:
    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    成人免费无遮挡无码视频,国产无遮挡18禁网站免费,免费无码又爽又刺激软件下载