RSS
热门关键字:  csf  c语言  CSS  数据结构  asp
当前位置 : 主页»WEB开发»DIV+CSS»

关于网页设计软件对CSS支持的比较

来源:Internet 作者:admin 时间:06-22 17:35:13 浏览:
设计基于CSS布局页面的时候,Dreamweaver和Expression Web哪个软件更好用?因此在这里谈几点个人的体会。
1.可视化方式并不高效

网页制作本质上就是写编写代码,因此实际上任何文本编辑器都可以编写,我们这里谈的是“可视化”的网页编辑软件。但实际上使用纯文本编辑进行设计和开发工作的人是很多的,尤其是一些“高手”。实际上必须承认,鼠标和对话框对于很多软件,就是给初学者用的东西,使用同一个软件,如果键盘用得好,工作效率能高很多。我个人就接触过一些非常鄙视用鼠标的高手,键盘使用的炉火纯青,工作效率确实高很多。

2.可视化软件曾经很重要

网页制作这项工作出现的时间还并不长,因此存在大量的入门选手,使用可视化的方式更适合入门,因此有很大的市场需求。此外,一个重要原因是以前大都使用表格布局,给设计师提供了不用理解代码,直接在软件中拖拽就可以制作网页的可能,因此Dreamweaver软件就得到了极大的普及。就好像如果我们都要先学会无线电原理才能看电视,那么电视机就不会像现在这样普及了。

3.CSS的出现改变了现状

然而CSS布局方式出现以后,情况又有所变化了,软件能给设计提供的辅助支持实际上大大降低了,尽管软件中有CSS设置的面板,可以在里面选择并输入CSS的属性值,但是如果你不理解这些属性的含义和作用,这些都没有意义。问题的另一个方面是,如果你真的已经都理解了这些属性的原理,你会发现,用那些属性面板来设置,实在是多此一举,直接输入代码既方便,又快捷。这就好像在小孩刚开始学数数的时候,大人都告诉他用手指头帮着数,然而等长大了之后,谁还会用手指头来数数呢?这和表格布局是很不一样的,因为一个复杂的布局表格,要计算出表格HTML代码,是很花时间的,而软件可以生成出非常精确的代码,因此软件的作用就很大了,但是CSS完全不是这样的。

4.可视化软件的作用

那么这些软件就完全没有用处了吗?当然不是,在我看来还是有两个主要的作用。一个是在输入代码的时候的代码提示功能,和错误提示。也就是说,你输入一个属性的名称的第一个字母,就会列出可能的属性,这样选一个即可,一来避免拼写错,二来可以提高效率,此外还可以对你拼写错误给出提示,这都是很有用的功能。第二个是尽管预览试图钟的效果和实际浏览器中的效果有一定的差距,但是毕竟还是有些提示作用。

5.如何看待可视化软件

因此对待可视化的软件,主要是Dreamweaver 和 Expression Web,别太依靠它,关键还是要自己把CSS彻底搞明白,然后根据自己的习惯,看看他们能在那些方面对你有所帮助,你就可以用它来提高工作效率了。

6.长远看可视化软件应该如何支持CSS

读者问到哪个软件对CSS支持的好,这个问题要看你问的是怎么支持?支持应该有三个层次:

1:代码视图的支持,即支持编写CSS代码,这个基本上任何文本编辑软件都支持,只是哪个软件更方便好用一些,这个基本上已经都做到了。

2:设计试图的支持,完善的可视化预览,我觉得比较理想的应该是可以精确地模拟若干种主流浏览器,比如写了一个页面,在设计视图,用户可以选择按照IE 6显示,IE 7显示,还是按照Firefox显示等等,当然这个是很难做到的,毕竟浏览器种类很多,而且都不是Adobe公司开发的,不过在这一点上,我觉得Expression Web会比较有优势,毕竟IE就是微软自家的产品,里面的细节一清二楚,保证在设计视图逼真模拟IE 浏览器应该是可以做到的。

3:自动生成的支持,这个就是更高层次的支持了,也就是用户设定若干条件后,自动生成精确的、正确的、有效的、符合逻辑的CSS代码,就像Fireworks自动生成表格代码一样,如果这个实现了,那么对设计师来说就太方便了,又回到不需要懂得原理就可以制作的年代,不过另一方面是这个工作的价值就会大大降低了。不过目前这个层次的支持,大概还是可望不可及的。

7.可视化软件的比较

至于Dreamweaver和Expression Web中,哪个更好用,我个人的使用感觉,差别不很明显。设置CSS的面板和对话框这些功能我个人基本上都不用。对于代码提示功能,我感觉Expression Web更好一些,作的更完善一些,另外Dreamweaver的代码提示经常弹不出来,不知是什么原因,而Expression Web只要该出来的时候一定会弹出来。关于在设计视图中的预览效果,我这贴出两个图,大家可以看一下大致上的效果,我感觉如果你的网页比较“规矩”,效果还可以接受。

第一张是在浏览器中的最终效果,第二张是在Expression Web中的效果,第三章是在Dreamweaver中的效果。

浏览器中的效果

 

浏览器中的效果

Expression Web 中的效果

Expression Web 中的效果

Dreamweaver 中的效果

Dreamweaver 中的效果

总体来说,Expression Web渲染出来的页面更好看一些,margin和padding都有用不同颜色和方向的斜线表示出来,在Dreamweaver中只有轮廓线,margin和padding在某个元素被选中以后,会显示出来。

总体来说,如果给Expression打8分的话,Dreamweaver可以打6分吧。


最新评论共有 5 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名评论
立即注册账号