网 站 设 计 与 建 设 Website design and developments

Presentation on theme: "网 站 设 计 与 建 设 Website design and developments"— Presentation transcript:

1 网 站 设 计 与 建 设 Website design and developments

2 第三部分 网站设计技术 第18章 网站开发设计工具

3 18.1 网站开发设计方法 手工编写HTML 现在已有很多工具可以帮助开发者轻松设计网站，
使用设计工具对HTML、CSS、DHTML，JavaScript和Java Applets等进行可视化设计，可以大大提高设计速度和效率，并且可以大量减少页面布局和测试的时间， 理想的网站开发设计方法应该是大量使用设计工具再加上少量的手工编码。。

4 18.2 所见即所得设计工具特点 WYSIWYG设计工具(What You See Is What You Get，所见即所得)
1．网站设计工具独特功能 ①站点管理：通过使用各种视图、可视化对象、属性设置、统计报表和网站发布等，可以很容易地进行站点的管理。 ②页面布局和设计：可视化工具使开发者直观地看到所设计的页面，因此简化了Web页面设计，另外，开发者也很容易地使用表格、框架或者CSS进行页面布局定位。 ③数据连接：产生带有动态数据的内容已成为网站常用的技术，对数据库的连接和数据管理在网站设计中是非常重要的事情。通过网站设计工具自带的数据连接和数据管理功能，设计人员可以方便快捷地创建、增加、检索以及删除数据等。

5 2．网站设计工具优点 ①节省时间 ②易 用 性：不需要深入了解HTML也可以使用可视化工具，依靠下拉菜单和使用鼠标，非常容易设计HTML、CSS、DHTML、JavaScript或Java Applets。 ③面向设计： WYSIWYG 。 ④提升速度：网站设计者不需要学习并记住不同的程序语言以及规则

6 3．网站设计工具缺点 ①缺乏控制：需要借助选项菜单 ②非一致性： ③缺乏功能： ④不统一性： 各种设计工具创建的HTML代码不完全一致。
网站设计工具能提供服务扩展，但是需要服务器方面的支持，而设计工具以附件形式提供服务器扩展或者根本就不提供。如果没包括这类功能，网站开发者必须使用另外的扩展程序来完善站点。 ④不统一性： 每个设计工具有其特有的工作环境，如果要使用另一种设计工具，就必须学习使用不同的环境。

7 18.3 知名网站开发设计工具 DreamWeaver、 FrontPage、 IBM RAD、 IBM Portal、
Bea Weblogic Workshop、 Bea Weblogic Portal、 eclipse Adobe GoLive NetObjects Fusion v10 Namo WebEditor HotDog PageWiz等。

8 Dreamweaver是从新手到专业人员的非常好的选择 支持代码编辑，还可以代码窗口和可视化窗口同时展现，
1．Adobe Dreamweaver CS3 ( 基于Mac和Windows系统。 Dreamweaver是从新手到专业人员的非常好的选择 支持代码编辑，还可以代码窗口和可视化窗口同时展现， 利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。 使用 XSL 或适合于 Ajax 的 Spry(活泼的) 框架，快速集成 XML 内容。 FLV 支持 无需任何 Flash 知识， ColdFusion完全从一个功能齐全的动态Web服务器转变为一个J2EE应用服务器

9 Eclipse 当作 Java 集成开发环境（IDE）来使用
( 一种基于 Java 的可扩展开源开发平台 它只是一个框架和一组服务，用于通过插件组件构建开发环境。 Eclipse 附带了一个标准的插件集，包括为人熟知的 Java 开发工具（Java Development Tools，JDT）。 Eclipse 当作 Java 集成开发环境（IDE）来使用 Eclipse 还包括插件开发环境（Plug-in Development Environment，PDE 基于 Eclipse 的应用程序的一个突出例子是 IBM® Rational® Application Developer (RAD)，它构成了 IBM Java 开发工具系列的基础。

10 18.4 HTML文本编辑器特点 1．HTML文本编辑器优点： ①完全控制HTML
③多语言支持：许多HTML文本编辑器支持其他语言和技术，例如JavaScript、PHP、ASP、JSP、Perl、Java和CSS等。设计者能够使用一个而不是很多工具来设计动态网站。 2．HTML文本编辑器缺点： ①页面布局和设计：一些HTML编辑器没有像WYSIWYG编辑器那样能让网站设计人员直接看到所创建页面的设计视图。设计者必须保存他们的页面并直接在浏览器中查看，使设计进程缓慢。 ②具备HTML知识

11 18.5 知名HTML文本编辑器 ①Macromedia HomeSite： ②eWebEditor： 基于Windows，
其方便的鼠标右键功能菜单和强大的多文件查找替换功能，使用户可以在整个目录下替换所有文件中指定的一段文字。 它也能创建JavaScript弹出窗口，动态可扩充轮廓和页面转变。 ②eWebEditor： 实现许多桌面编辑软件（如：Word）所具有的强大可视编辑功能， 不需要在计算机上安装任何的客户端软件。 具有很强的后台管理功能，能够对编辑器多种功能进行各种有效的自定义。

12 ⑤HotDog Professional：
③FCKeditor： 开源 在线网页编辑的功能，功能强大，支持多种浏览器，无平台限制，可以和多种WEB语言融合，多语言支持，操作简单。 ④FlexSite： 基于Windows 可以进行分屏, 一边编写代码, 一边查看效果。 ⑤HotDog Professional： 基于Windows。 为经验丰富的网站设计人员出品的HTML编辑工具，支持最新的Web标准和扩展。 针对专业网站管理员，提供全面的网站开发工具组合，几乎涵盖了网站制作和管理所需的所有工具。