当前位置: 主页 > 平面设计 > Dreamweaver MX 2004 试用心得

Dreamweaver MX 2004 试用心得

  • 2021-12-24
  • 来源/作者: 不详    / 佚名    
  • 4 次浏览

Dreamweaver MX 2004 试用试用心得:

  安装:


  选择工作界面(我选了默认的设计模式)


  初次启动,选择30天试用


  如果你也看到这个警告框,不用怕,因为你在旧版的DW上定义了站点,它要重新创建cache



进入界面了~~PL吧?


  在代码视力下的HTM实体,左边能直接显示实体在浏览器中的渲染结果


  Ctrl+J弹出的页面属性设置,集成了很多设置,最后生成的代码也改进成了Css


  链接(A)的设置(还是在页面属性设置的对话框中)


4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>这是上面两图设置后生成的CSS代码:

<style type="text/css">
<!--
body,td,th {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}
body {
 background-color: #FFFFFF;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
a {
 font-size: 12px;
 color: #333333;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #000000;
}
a:hover {
 text-decoration: none;
 color: #999999;
}
a:active {
 text-decoration: none;
 color: #CCCCCC;
}
-->
</style>


  代码显示的字体问题也解决了,再也不用对着难看的宋体英文了


  这就是用了Courier New字体的英文代码


  这是Design面板组,看看少了什么?Behavior面板没了,其实是跑到下面的tag面板组了。

Code面板,主要是提供各语言的参考,很齐全了,而且带有例子和浏览器版本支持情况


  Application面板除了这里,其他地方好象没什么改进


  多了个Tag Inspector面板组(下分属性,行为,相关CSS三个子面板),可以监视检测代码的的属性设置,在这里也可以修改属性,有分类视图和列表视图两种方式,比属性面板功能更强


4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>最后是站点文件夹,支持直接拖拉编辑,相当方便


  现在的多窗口切换标签在上面了,不大习惯;视图方式中也包含了Live Data View


  不选中任何对象时属性面板显示的是页面设置,跟Flash相似了


  可以自定义工具条


  表格无疑是网页设计人最重要的排版手段,让我们来看看2004在表格上有什么改进

  插入表格:Insert>>Table(快捷键Ctrl+Alt+T)

  可以看到,对话框中多了很多参数(旧参数就不用解释了),Header那一栏有四种表格视图,第一个是插入不带表格标题列(TH)的表格,其余三个分别为插入左、上、和上左为表格标题列的表格,Accessibility一栏有三个参数:caption(指定表格的简要描述)、align caption(顾名思义,是设置caption的对齐方式的)、Summary(设置或获取对象的描述和/或结构,需IE6的支持),其实,在Code面板上的Reference都可以查到这些标签的解释说明,还有样例的,看下图右边


4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>


  鼠标移上相应代码时会给出具体的兼容性提示


  选中刚才插入的表格,看看表格周围出现了什么?


  点击"200"的向下箭头,出现下拉菜单,主要是注意第四项(其它的看字面就可以理解了,所以不多作解释),"Make All Widths Consistent"固定所有单元格的宽(第一行),这个解决了以往版本的均分表格问题,如果不小心点了第五项,可以在"View>>Visual Aids"里把"Table Widths"前的勾重新打上


  再看看表格列的设置,随便点一列的下三角,出现下图一样的下拉菜单,四选项的意思分别为 选择此列(Select Column)、清除列宽(Clear Column Width)、在当前列左边插入一列(Insert Column Left)、在当前列右边插入一列(Insert Column Right),又是一大改进


4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>再次选中表格,看看"Tag Inspector>Attributes"面板(属性面板没什么改进),看到什么了?bordercolorlight和bordercolordark!自从DW4之后消息的表格暗边框和亮边框又回来了(虽然MX也支持,不过只限于代码手写状态下有提示)!现在做细线表格又容易多了


  再看"Tag Inspector>Behaviors"面板,在这里可以直接设置表格的事件及事件触发的函数


  "Tag Inspector>Relevan CSS"面板,有了它,就不用象以前一样每次都得调出庞大的CSS编辑器了,遗憾的是还不支持border-collapse属性,期待下个版本...


4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>"Commands>>Format Table"弹出下面的对话框,这是设置各单元格的颜色的命令,有不同样式可选



  确定后的表格:


  "Commands>>Sort Table"是设置表格数据的排序方式的,旧版本DW中也有,不过用途不大,数据的排序一般交给后台程序来完成,除非是纯静态网页


  未完待续……
4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>
4230评论点ID>6数量>Dreamweaver MX 2004 试用心得主题>主题地址>36298作者笔名>简短内容>发表时间>评论>34624作者笔名>简短内容>发表时间>评论>28957作者笔名>简短内容>发表时间>评论>27591作者笔名>简短内容>发表时间>评论>25679作者笔名>简短内容>发表时间>评论>25127作者笔名>简短内容>发表时间>评论>评论文章列表>