Dreamweaver MX全新接觸_Dreamweaver教程

[ 圖 一 ]
從相關(guān)網(wǎng)站下載了Dreamweaver MX Beta 3的軟件壓縮包并解壓,雙擊后一路按照默認(rèn)選項點擊“Next”,出現(xiàn)設(shè)定缺省編輯器的界面(如圖1),我們可以看到,DW MX可以支持編寫的網(wǎng)頁文件已經(jīng)非常多,尤其是增加了對ASP/JSP/ASP.NET/PHP這些動態(tài)網(wǎng)頁文件的支持,這說明 DW MX已經(jīng)不僅僅只局限于一個網(wǎng)頁編輯軟件的范疇,它已經(jīng)可以實現(xiàn)完整的數(shù)據(jù)庫文件的編寫,把原屬于Macromedia家族中Dream-weaver Ultra DEV的功能整合了進來。

圖2
第一次啟動DW MX,它會讓你選擇工作界面(如圖2)。三種選擇分別是DW MX風(fēng)格、DW 4(Dreamweaver 4.0的簡寫)風(fēng)格和Homesite/Coder-Style風(fēng)格。其中Homesite/Coder-Style風(fēng)格指的是純代碼編輯界面,適用于對網(wǎng)頁編程有較高水平的使用者。我們選擇第一種DW MX風(fēng)格,即可看到DW MX的全新面容。
熟悉DW 4編輯界面的你,很可能會為 DW MX 那漂亮的外表而贊嘆。呵呵,別著急,其實原屬于DW 4的那些選項都還在,只是改變了排列方式。其中,偏向于操作的設(shè)計、代碼、應(yīng)用程序面板等仍在屏幕右側(cè),但是比起DW 4來已經(jīng)有所擴充,我們來一一了解。
Design項
圖3
(如圖3)這里包括“Css Styles”、“Html Styles”、“Behaviors”3個選項卡�;臼褂梅椒ㄅcDW 4中相同。
Code項
圖4
(如圖4)這里包括“Tag Inspector”、“Snippets”、“Reference”選項卡,給熱衷于到源代碼中尋根究底的網(wǎng)頁愛好者提供了極大的方便。其中“Tag Inspector” 選項將整個頁面的HTML標(biāo)簽以樹狀形式展開,雙擊標(biāo)簽即可方便地修改它們的各項屬性,“Snippets”選項提供了許多典型代碼的片段,分類也很清楚,直接拖拽到頁面上即可使用。“Reference”選項提供了很多網(wǎng)頁編程語言,如HTML、ASP、JSP的參考手冊,假如編程時碰到了什么疑難,可以從這里直接得到幫助。
Application項
圖5
(如圖5)這里包括“Datebases”、“Bindings”、“Server Behaviors”、“Components”4個選項卡。它們的作用主要是幫助設(shè)計者完成網(wǎng)頁后臺的數(shù)據(jù)庫應(yīng)用程序。
Insert項![]()
圖6
(如圖6)在DW MX界面的上方,是“Insert”選項,也就是以前的“Object”選項,但它的分類已經(jīng)比DW 4要全面得多,也作了很多改進,比如“Media”選項卡中的“Flash Button”和“Flash Text”已經(jīng)開始支持中文。 尤其值得一提的是它的“Application”選項卡,對于DW 4的用戶來說它比較生疏,但對于使用過DW Ultra DEV的人就會發(fā)現(xiàn),它與DW Ultra DEV的Live很相似。它的作用有:建立記錄集;選擇綁定記錄的表格后重復(fù)區(qū)域;將某個記錄集中所有字段一次綁定在表格中,可以定制重復(fù)記錄數(shù)和表格的一些參數(shù);將記錄集中的某個字段綁定到頁面;翻頁鏈接導(dǎo)航;當(dāng)前記錄數(shù);一次生成顯示頁和細節(jié)頁;增加記錄行為;修改記錄行為。這些,都是我們進行網(wǎng)頁后臺數(shù)據(jù)庫設(shè)計的利器。 Properties項
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX全新接觸
。