当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver MX全新接触(上)

Dreamweaver
Dreamweaver 限制访问的BUG
Dreamweaver 数据库路径的使用
用Dreamweaver做搜索表单
Dreamweaver 事件简述
[Dreamweaver教程]Meta标签详解
提高 Dreamweaver行为全接触(5)
提高 Dreamweaver行为全接触(1)
提高 Dreamweaver行为全接触(3)
提高 Dreamweaver行为全接触(2)
提高 Dreamweaver行为全接触(4)
Dreamweaver MX2004视频宝典教程(7) Dreamweaver安装与启动
Dreamweaver MX2004视频宝典教程(9) 工作区结构
Dreamweaver MX2004视频宝典教程(5) 配色原则
Dreamweaver MX2004视频宝典教程(4) 网页布局
Dreamweaver MX2004视频宝典教程(8) Dreamweaver文档使用
Dreamweaver MX2004视频宝典教程(10) 菜单概述
Dreamweaver MX2004视频宝典教程(3) 网页的基本元素
Dreamweaver MX2004视频宝典教程(6) HTML与渲染
Dreamweaver MX2004视频宝典教程(1) 课程简介
Dreamweaver MX2004视频宝典教程(2) 网站与网页的概述

Dreamweaver MX全新接触(上)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 16 ::
收藏到网摘: n/a

大家想必对Flash MX已经很熟悉了吧,它是Macromedia公司MX计划的先锋官。Macromedia在推出Flash MX后不久,马不停蹄地又推出了MX家族的第二员悍将——Dreamweaver MX(下简称DW MX)。那就让我们一起来体验一下它带来的快乐,欣赏一下它的迷人风采吧。


[  图 一 ]

 从相关网站下载了Dreamweaver MX Beta 3的软件压缩包并解压,双击后一路按照默认选项点击“Next”,出现设定缺省编辑器的界面(如图1),我们可以看到,DW MX可以支持编写的网页文件已经非常多,尤其是增加了对ASP/JSP/ASP.NET/PHP这些动态网页文件的支持,这说明 DW MX已经不仅仅只局限于一个网页编辑软件的范畴,它已经可以实现完整的数据库文件的编写,把原属于Macromedia家族中Dream-weaver Ultra DEV的功能整合了进来。


图2

第一次启动DW MX,它会让你选择工作界面(如图2)。三种选择分别是DW MX风格、DW 4(Dreamweaver 4.0的简写)风格和Homesite/Coder-Style风格。其中Homesite/Coder-Style风格指的是纯代码编辑界面,适用于对网页编程有较高水平的使用者。我们选择第一种DW MX风格,即可看到DW MX的全新面容。

  熟悉DW 4编辑界面的你,很可能会为 DW MX 那漂亮的外表而惊叹。呵呵,别着急,其实原属于DW 4的那些选项都还在,只是改变了排列方式。其中,偏向于操作的设计、代码、应用程序面板等仍在屏幕右侧,但是比起DW 4来已经有所扩充,我们来一一了解。

  Design项


图3

(如图3)这里包括“Css Styles”、“Html Styles”、“Behaviors”3个选项卡。基本使用方法与DW 4中相同。

  Code项


图4

(如图4)这里包括“Tag Inspector”、“Snippets”、“Reference”选项卡,给热衷于到源代码中寻根究底的网页爱好者提供了极大的方便。其中“Tag Inspector” 选项将整个页面的HTML标签以树状形式展开,双击标签即可方便地修改它们的各项属性,“Snippets”选项提供了许多典型代码的片段,分类也很清晰,直接拖拽到页面上即可使用。“Reference”选项提供了很多网页编程语言,如HTML、ASP、JSP的参考手册,如果编程时遇到了什么疑难,可以从这里直接得到帮助。

  Application项


图5

(如图5)这里包括“Datebases”、“Bindings”、“Server Behaviors”、“Components”4个选项卡。它们的作用主要是帮助设计者完成网页后台的数据库应用程序。

  Insert项


图6

(如图6)在DW MX界面的上方,是“Insert”选项,也就是以前的“Object”选项,但它的分类已经比DW 4要全面得多,也作了很多改进,比如“Media”选项卡中的“Flash Button”和“Flash Text”已经开始支持中文。 尤其值得一提的是它的“Application”选项卡,对于DW 4的用户来说它比较陌生,但对于使用过DW Ultra DEV的人就会发现,它与DW Ultra DEV的Live很相似。它的作用有:建立记录集;选择绑定记录的表格后重复区域;将某个记录集中所有字段一次绑定在表格中,可以定制重复记录数和表格的一些参数;将记录集中的某个字段绑定到页面;翻页链接导航;当前记录数;一次生成显示页和细节页;增加记录行为;修改记录行为。这些,都是我们进行网页后台数据库设计的利器。   Properties项


图7

(如图7)在DW MX界面的下方,用来调整网页中各个对象的属性。

  File项


图8

(如图8)站点管理器给整合到了“File”选项里,双击“Define a Site”即可启动新建站点向导,同DW 4不同的是,它给出了“Sever Mode” 和“NO Sever Mode” 两种方案,如果选择“Sever Mode”,则会提供与数据库连接的向导,并提供对PHP MYSQL与ASP.net