DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver 8 新功能圖文實例講解
Dreamweaver 8 新功能圖文實例講解
編輯:Dreamweaver相關      日期:2016/12/27 11:04:30

  第一部分:Dreamweaver 8 新功能概述

  和Macromedia Studio 8套件中其它軟件一樣,Dreamweaver 8也增加了許多讓我們欣喜不已的新功能,比如更加先進的工作流程,重新設計的CSS工具,改良後的後台FTP,轉換XML文件的工具,文檔放大功能,插入Flash視頻和FlashPaper,代碼折疊功能等等。

  今天我們先對Dreamweaver 8的新功能進行簡單的介紹。

  點擊這裡下載Dreamweaver 8 (59.7MB)

  一、工作流程的改進

  工作流程的改進可以提高網頁設計師的工作效率,比如將所有打開的文檔放置在一個面板中,只需單擊文檔標簽就互相切換文檔。另外,我們還可以將面板的排列保存為“Workspace layout”(工作區布局),以適應不同網頁的設計需要。

  除了上述功能以外,Dreamweaver 8還提供了以下的新功能:

  1.放大工具

  使用放大工具可以幫助我們更容易地對齊圖像、選擇較小的對象以及查看較小的文本,如圖1所示。

Dreamweaver 8 新功能圖文實例講解
 
圖1

  2.輔助線

  拖動頁面垂直或水平方向的輔助線可以更精確地定位對象的位置,如圖2所示。

Dreamweaver 8 新功能圖文實例講解
 
圖2

  3.Flash視頻的支持

  現在我們可以直接在Dreamweaver8中插入Flash視頻文件了,就像類似VCR一樣的控制方式一樣控制Flash視頻文件,如圖3所示。

Dreamweaver 8 新功能圖文實例講解
 
圖3

  二、擴展的CSS支持

   Dreamweaver 8在CSS方面同樣也提供了更強的支持,增強了復雜樣式表信息的顯示。CSS面板現在完全重新設計為一個統一的面板,將Dreamweaver MX 2004的眾多CSS面板集中到了一個位置,如圖4所示。

Dreamweaver 8 新功能圖文實例講解

圖4

  我們還可以使用新增的可視化設置功能來幫助我們查看復雜的CSS布局,如圖5所示。

Dreamweaver 8 新功能圖文實例講解

圖5

  在CSS面板中新增加入了一個摘要視圖,有助於我們快速確認應用於當前選定元素的CSS屬性,如圖6所示。

Dreamweaver 8 新功能圖文實例講解

圖6

  三、文件傳輸功能

  在使用Dreamweaver 8以前的版本向服務器傳送文件時,用戶不能在Dreamweaver中進行其它工作,現在好了,新版的Dreamweaver允許我們在傳輸文件的同時,可以進行其它工作,這樣可以大大提高工作效率。文件的傳送界面如圖7所示。

Dreamweaver 8 新功能圖文實例講解

圖7

  四、支持XML/XSLT

  新的XML/XSLT創作功能簡化了用於Web浏覽的XML文件的格式化過程。我們可以創建XSLT文件,並完全使用CSS格式,將其轉換成難於理解的XML文件,可以附加到本地文件中,也可以附近互聯網的遠端文件,如圖8所示。

Dreamweaver 8 新功能圖文實例講解

圖8

  五、其它新功能

  除了上述新功能之外,Dreamweaver 8其它功能做了一些改進,比如Starter Pages、插入Flash Paper、背景圖像的可控性等等,在後面的介紹中我們將詳細說明它們的使用方法。

  

第二部分:Dreamweaver 8 新功能實例講解

  我們以制作一個網站首頁文件的過程來體驗Dreamweaver8的新功能。

  一、建立站點

  啟動Dreamweaver 8,執行“站點/新建站點”菜單命令,在彈出的對話

123456下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved