Web程序设计(第二版)
上QQ阅读APP看书,第一时间看更新

1.4.2 Dreamweaver

Dreamweaver是一款专业的HTML编辑器,用于Web站点、Web页和Web应用程序的设计、编码和开发。

利用Dreamweaver中的可视化编辑功能,可以快速地创建页面而无须编写任何代码,可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。

Dreamweaver还提供了功能全面的编码环境,其中包括代码编辑工具(例如代码颜色和标签生成)及有关HTML、层叠样式表(CSS)、JavaScript、ColdFusion标记语言(CFML)、Microsoft Active Server Pages(ASP)和Java Server Pages(JSP)的参考资料。

Dreamweaver还可以使用服务器技术(如CFML、ASP.NET、ASP、JSP和PHP)生成由动态数据库支持的Web应用程序。使用适合于Ajax的Spry框架,开发人员能以可视方式设计、开发和部署动态用户界面。在减少页面刷新的同时,增加了交互性、速度和可用性。Dreamweaver支持在开发环境下直接查看动态页面的生成结果,这样无须离开开发环境就能测试页面的设计正确与否,从而极大地提高了工作效率。

下面简单介绍Dreamweaver CS6的使用方法。

(1)使用Dreamweaver CS6开发调试Web应用程序,首先需要一个Web服务器。按照1.3.4节中所述的方法配置IIS,然后启动Dreamweaver CS6。Dreamweaver CS6启动后的界面如图1-7所示。

图1-7 Dreamweaver CS6的主界面示意

(2)在图1-7所示的窗口中,选择“站点”→“新建站点”命令,弹出“站点向导”对话框,按照向导的要求,逐项填写完成站点的建立。

(3)在“设计”视图下,使用Dreamweaver提供的各种设计工具完成页面设计。或在“代码”视图下直接输入代码,完成页面代码的编写。

(4)选择“文件”→“保存”命令,将文件保存到服务器站点。

(5)按【F12】键,在浏览器中即可看到运行的结果。

对于初学者,建议使用文本编辑软件来编写ASP应用程序,尽量避免使用专门的开发工具,熟悉各种语法规则后,再使用专门的开发工具来提高开发的效率。