网 站 设 计 与 建 设Website design and developments 第第16章章 网站开发设计工具网站开发设计工具第三部分 网站设计技术 16.1 网站开发设计方法n手工编写HTMLn现在已有很多工具可以帮助开发者轻松设计网站，¨使用设计工具对HTML、CSS、DHTML，JavaScript和Java Applets等进行可视化设计，可以大大提高设计速度和效率，并且可以大量减少页面布局和测试的时间，n理想的网站开发设计方法应该是大量使用设计工具再加上少量的手工编码 16.2 所见即所得设计工具特点nWYSIWYG设计工具(What You See Is What You Get，所见即所得) 1．网站设计工具独特功能n①站点管理：通过使用各种视图、可视化对象、属性设置、统计报表和网站发布等，可以很容易地进行站点的管理n②页面布局和设计：可视化工具使开发者直观地看到所设计的页面，因此简化了Web页面设计，另外，开发者也很容易地使用表格、框架或者CSS进行页面布局定位n③数据连接：产生带有动态数据的内容已成为网站常用的技术，对数据库的连接和数据管理在网站设计中是非常重要的事情。
通过网站设计工具自带的数据连接和数据管理功能，设计人员可以方便快捷地创建、增加、检索以及删除数据等 2．网站设计工具优点n①节省时间n②易 用 性：不需要深入了解HTML也可以使用可视化工具，依靠下拉菜单和使用鼠标，非常容易设计HTML、CSS、DHTML、JavaScript或Java Appletsn③面向设计： WYSIWYG n④提升速度：网站设计者不需要学习并记住不同的程序语言以及规则 3．网站设计工具缺点n①缺乏控制：需要借助选项菜单n②非一致性：¨各种设计工具创建的HTML代码不完全一致n③缺乏功能：¨网站设计工具能提供服务扩展，但是需要服务器方面的支持，而设计工具以附件形式提供服务器扩展或者根本就不提供如果没包括这类功能，网站开发者必须使用另外的扩展程序来完善站点n④不统一性：¨每个设计工具有其特有的工作环境，如果要使用另一种设计工具，就必须学习使用不同的环境 16.3 知名网站开发设计工具nDreamWeaver、nFrontPage、nIBM RAD、nIBM Portal、nBea Weblogic Workshop、nBea Weblogic Portal、neclipsenAdobe GoLivenNetObjects Fusion v10nNamo WebEditornHotDog PageWiz等。
1．．Adobe Dreamweaver CS3 n()n基于基于Mac和和Windows系统nDreamweaver是从新手到专业人员的非常好的选择是从新手到专业人员的非常好的选择n支持代码编辑，还可以代码窗口和可视化窗口同时展现，支持代码编辑，还可以代码窗口和可视化窗口同时展现，n利用对领先利用对领先 Web 开发技术开发技术 (包括包括 HTML、、XHTML、、CSS、、XML、、JavaScript、、Ajax、、PHP、、Adobe ColdFusion、、ASP、、ASP.NET 和和 JSP) 的支持n使用使用 XSL 或适合于或适合于 Ajax 的的 Spry(活泼的活泼的) 框架，快速集框架，快速集成成 XML 内容nFLV 支持支持 无需任何无需任何 Flash 知识，知识， 7．．Eclipse n(http://www.eclipse.org/)n一种基于一种基于 Java 的可扩展开源开发平台的可扩展开源开发平台¨它只是一个框架和一组服务，用于通过插件组件构建开发环境它只是一个框架和一组服务，用于通过插件组件构建开发环境¨Eclipse 附带了一个标准的插件集，包括为人熟知的附带了一个标准的插件集，包括为人熟知的 Java 开发工开发工具（具（Java Development Tools，，JDT）。
nEclipse 当作当作 Java 集成开发环境（集成开发环境（IDE）来使用）来使用nEclipse 还包括插件开发环境（还包括插件开发环境（Plug-in Development Environment，，PDEn基于基于 Eclipse 的应用程序的一个突出例子是的应用程序的一个突出例子是 IBM® Rational® Application Developer (RAD)，它构成了，它构成了 IBM Java 开发工具系列的基础开发工具系列的基础 16.4 HTML文本编辑器特点文本编辑器特点 1．．HTML文本编辑器优点：文本编辑器优点：n①完全控制HTMLn②速度提升：使用一个HTML文本编辑器创建网站比纯手工编码要快的多，n③多语言支持：许多HTML文本编辑器支持其他语言和技术，例如JavaScript、PHP、ASP、JSP、Perl、Java和CSS等设计者能够使用一个而不是很多工具来设计动态网站2．．HTML文本编辑器缺点：文本编辑器缺点：n①页面布局和设计：一些一些HTML编辑器没有像WYSIWYG编辑器那样能让网站设计人员直接看到所创建页面的设计视图设计者必须保存他们的页面并直接在浏览器中查看，使设计进程缓慢。
n②具备HTML知识 16.5 知名HTML文本编辑器n①①Macromedia HomeSite：：¨基于Windows，¨其方便的鼠标右键功能菜单和强大的多文件查找替换功能，使用户可以在整个目录下替换所有文件中指定的一段文字¨它也能创建JavaScript弹出窗口，动态可扩充轮廓和页面转变n②eWebEditor：：¨实现许多桌面编辑软件（如：Word）所具有的强大可视编辑功能，¨不需要在计算机上安装任何的客户端软件¨具有很强的后台管理功能，能够对编辑器多种功能进行各种有效的自定义¨ n③③FCKeditor：：¨开源¨网页编辑的功能，功能强大，支持多种浏览器，无平台限制，可以和多种WEB语言融合，多语言支持，操作简单n④④FlexSite：：¨基于Windows¨可以进行分屏, 一边编写代码, 一边查看效果n⑤⑤HotDog Professional：：¨基于Windows¨为经验丰富的网站设计人员出品的HTML编辑工具，支持最新的Web标准和扩展¨针对专业网站管理员，提供全面的网站开发工具组合，几乎涵盖了网站制作和管理所需的所有工具。