DreamWeaver和VS2010结合开发技巧分享-职坐标

DreamWeaver和VS2010结合开发技巧分享

沉沙 2018-05-30 来源：阅读 1343 评论 0

摘要：目前的网页设计，有两个主要的工具软件：Dreamweaver（简称DW）和VS.NET2003-2008（（简称VS)。但由于两个软件的设计理念不同，DW主要用于页面的设计，可以做出很好的页面，它将HTML布局文件与代码放在一个文件中；VS的强项是后台的代码，它将HTML布局文件与代码分开存放，便于代码编程，但设计出的页面却不是很完美。如何将两个软件结合一起，发挥各自的强项？

目前的网页设计，有两个主要的工具软件：Dreamweaver（简称DW）和VS.NET2003-2008（（简称VS)。但由于两个软件的设计理念不同，DW主要用于页面的设计，可以做出很好的页面，它将HTML布局文件与代码放在一个文件中；VS的强项是后台的代码，它将HTML布局文件与代码分开存放，便于代码编程，但设计出的页面却不是很完美。如何将两个软件结合一起，发挥各自的强项？

· 1、用VS生成待编辑ASPX文件。此时HTML页面文件与Codebehind编程逻辑代码已经分离（以DEFAULT文件为例）有三个：Default.aspx、Default.aspx.cs、Default.aspx.designer.cs。后两个文件不要用DW修改。

· 2、用DW打开Default.aspx文件进行页面布局。注意：由于DW与VS的软件设计理念不同，所以一些控件是不通用，所以在DW设计时，在将放置控件的位置用占位符（大小也要一致）表示，然后在VS中用实际的控件替换掉即可。此后，如果还需要用DW修改文件的话，注意不要用DW修改VS控件的属性。

· 3、用DW完成页面布局后，就可以在VS中打开Default.aspx文件，将占位符换成相应的控件。此时双击控件，即可打开Default.aspx.cs文件进行代码编辑。

· 补充：可以将DW和VS同时打开，在任何一个软件中修改并保存后，在另一个软件中都会提示有更新，这时确定即可查看。

本文由职坐标整理并发布，了解更多内容，请关注职坐标常用软件Dreamweaver频道！

web页面开发工具用Dreamweaver做的 dreamweaver做网页

本文由 @沉沙发布于职坐标。未经许可，禁止转载。