网页设计——Dreamweaver

         在看ASP.NET视频时,讲到了一款编写HTML代码的软件——Dreamweaver。它是一款专门进行网页设置的软件,通过它可以设计出多彩的界面,相对于vs中自带的设计方式来说,他不需要知道太多的技术问题。因为在vs中设计时,有的时候我们需要通过代码去实现。

      对于Dreamweaver的安装包、安装过程在网上都有很多,我就不再介绍了,如果想要了解的话直接在网上搜就可以了。这款软件也是需要用序列号来激活,否则只有30天的试验期,你可以在网上搜序列号,激活即可。其进入界面如下:

技术分享

      

      通过这个我们可以选择我们需要的类型来创建项目,目前我们所涉及到的是HTML,所以我就以这个为例了。

      创建HTML项目,设计界面如图所示:

技术分享


      我们可以通过“表单”所在的菜单进行选择我们需要的控件,比如点击“表单”,会出现“常用”菜单,我们可以选择表格来创建表格:如图所示

技术分享

 

      我们可以通过对下方的属性来对表格的基本属性进行设计,当然如果我们想实现我们自己定义的类型,也可以通过左上角的CSS样式进行设计,关于CSS的设计在牛腩新闻发布系统中就已经学过了,就不用再介绍了。

      基本设置完成后,我们就可以保存了。但是我们想要实现将设计好的东西放到我们的vs程序中,那又该如何进行呢?

      首先,将自己设计好的文件放入我们vs程序中新建的项目所在的文件,一般都与bin文件同级别:

技术分享


      然后就在vs中引入,具体引入的方法:点击解决方案资源管理器中的“显示所有文档”菜单,找到需要的文件,而后就右键将文件包含在项目,完成之后再点击“显示所有文档”将不需要的隐藏就行,如图所示

技术分享

 

      通过此方法,我们就可以将自己设计好的文件加载到了我们的程序中。

  

      Dreamweaver的使用可以大大美化我们所要设计的界面,也能简化我们的一些操作。但是它也有一定的弊端,在生成的过程中会与我们在vs中设计的形式有一些出入,也会出现一些小错误,具体的错误见下一篇博客。

 

    总结

     通过Dreamweaver的学习,让我们对界面的设计的重要性又加深认识。同时,借助一些工具,可以大大方便我们的工作。当然我们也需要用辩证的眼光去看待问题,不能因为它有优点就不去看他的弊端。其实,无论哪种形式,只要能给我们带来方便,简化我们的工作就是最好的。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。