Dreamweaver MX全新接觸_Dreamweaver教程

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

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