1.3 选择要使用的制作工具_网络技术·商业网站全程开发情景案例教学-QQ阅读男生都市网

上QQ阅读APP看本书，新人免费读10天

设备和账号都新为新人

1.3 选择要使用的制作工具

要想快速高效地做好一个网站，离不开好的设计与开发工具，选择一套好的开发工具，不但可以起到事半功倍的效果，而且对于网站后期的维护以及以后网站模块的扩展也会起到非常重要的作用。下面就网站的前台、后台及美化工具一一进行详细介绍。

1.3.1 界面设计工具

在众多的网页设计工具中，微软推出的Visual Studio 2008独树一帜，它集成了ASP.NET 3.5，以其友好的界面和方便的操作深受用户欢迎。Visual Studio 2008具有以下特点。

● 快速开发新突破：从构建前台页面，再到建模，再到编码，最后到调试，Visual Studio 2008提供了增强的设计器、编程语言、编辑器以及和数据相关的新功能，可以帮助开发者体验到前所未有的新突破。

● 创建杰出的用户体验：Visual Studio 2008为开发人员提供了新的工具，通过使用最新的平台，如Web 2007，Office System、SQL Server 2008、Windows Mobile等，开发人员可以快速创建个性化很强的用户体验以及互动的应用程序。

● 跨越开发周期的协作：Visual Studio 2008可以让设计人员、开发人员、测试人员、系统架构工程师以及项目经理通过共享工具的方式，实现协同工作，减少了解决方案所花费的时间。

● 采用统一整合的方式处理数据：Visual Studio 2008可以显著改进开发人员处理数据的方法。传统方式中，开发人员必须根据数据的存储位置和用户的连接方法，对数据进行不同操作。通过语言级集成查询（Language INtegrated Query, LINQ），开发人员可以使用单独的模型来查询并转换XML，Microsoft SQL Server和对象数据，而不需要学习或使用特定的编程语言，这样就降低了开发的复杂度和缩短了开发周期，提高了工作效率。

● 在开发人员和设计人员之间实现无缝协作：Microsoft针对设计人员发布了Microsoft Expression工具。在Visual Studio 2008中，来自于Microsoft Expression Web中的设计元素可以在不更改后台代码的情况下，进行导入导出操作。这就意味着开发人员和设计人员可以进行实时的无缝协作。

1.3.2 图像制作工具

在网页制作过程中，需要制作网页的背景图片、图标、按钮等平面图像，这就要求用户学会使用平面设计软件。此类平面处理软件，现在数不胜数，功能各有侧重。下面主要介绍几种当今比较主流的图像处理软件，让读者有一个感性的认识。

● Adobe公司的Photoshop系列软件：有Adobe Photoshop 7.0、Adobe Photoshop 8.0（也就是Adobe Photoshop CS1）、Adobe Photoshop CS2、Adobe Photoshop CS3、Adobe Photoshop CS4等几个不同的版本，可以运行在Win9x/NT/2000/XP/2003/Vista/7上，它由美国Adobe公司出品，在修饰和处理摄影作品和绘画作品时，具有非常强大的功能，也是当今最主要的平面处理软件之一。

● Adobe公司的Adobe Illustrator系列软件：有Adobe Illustrator CS1、Adobe Illustrator CS2、 Adobe Illustrator CS3、Adobe Illustrator CS4等不同版本，可以运行在大多数Windows操作系统上，它是一款强大且完善的绘图软件，常被用来进行网页制作。它整合了功能强大的向量绘图工具、完整的PostScript输出，并和能Photoshop紧密地结合。Adobe Illustrator CS4增加了诸如Arc、矩型网格线（Rectangular Grid）以及坐标网格线（Polar Grid）等新工具，还新增了裁切图像的功能。

● FireWorks系列绘图软件：FireWorks是著名的网页三剑客之一，最先由Macromedia生产，随着与Adobe公司的合并，其功能也得到了增强。它可以运行在大多数Windows操作系统上。它的环境可以定制，可以用于创建网页图像。它的优化工具可以在最佳图像品质和最小压缩大小之间实现平衡。使用FireWorks的可视化工具，不需要代码即可创建具有专业品质的网页图形和动画。

● Coledrew系列绘图软件：基于矢量图形的设计软件，主要应用于徽标设计等平面矢量图设计工作（矢量图的最大特点是放大不失真）。

以上我们介绍了几款比较优秀的平面处理软件，其中Adobe公司的Photoshop系列软件以其友好的操作界面，功能强大的图像处理功能，在众多的平面处理软件中独树一帜，成为大多数人制作网页图像的首选。下面以Photoshop CS4为例，介绍一下如何设计网页中的背景图像以及图标、按钮等。如图1.3所示是使用Photoshop CS4设计的Logo图标。

图1.3 使用Photoshop CS4设计制作网站Logo图标

1.3.3 动画制作工具

随着网络技术的不断发展，网络上出现了越来越多的动画作品。一个吸引浏览者的优秀网站是离不开动画的，有了动画才能让网站动感十足。无论是标题、按钮还是网站宣传动画等，都需要使用相关制作软件来制作。动画已经成为当今网站必不可少的重要部分，精美的动画能够为网页增色不少，从而吸引更多的浏览者。下面就几款比较主流的动画处理软件做一下介绍。

制作动画的软件包括平面动画制作软件和三维动画制作软件两大类。

● 平面动画制作软件：如Macromedia Flash、Adobe Premiere Pro等平面动画软件。其中Flash遵循交互式矢量图和Web动画标准，使用Flash能创建漂亮的、可改变尺寸的导航界面和其他特效。Premiere Pro图像处理软件是通过在不同的时间显示不同的图层来实现动画效果的。它比Flash操作更为直观而简便，只要掌握好图层的编辑方法就能轻松编辑动画。

● 三维动画制作软件：如Autodesk公司的3ds Max和Maya，用它们制作的模型和场景都是三维立体的。在动画编辑方面，这些软件提供了大量的相关功能，通过关键帧的控制、时间控制器的应用及丰富多彩的场景渲染效果，可以制作各种类型的复杂动画。

在上面所述的动画处理软件中，根据网站制作的需要，我们主要采用Adobe Flash CS4处理二维的平面动画，来制作网站的标题、按钮和宣传动画，如图1.4所示就是一幅宣传动画。

图1.4 使用Flash CS4设计制作动画

1.3.4 站点管理工具

在前台界面的设计制作中，我们采用微软最新开发的Microsoft Visual Studio 2008，该工具本身就带有一个强大的站点管理工具Visual Web Developer，因此，就不必再重新安装站点管理工具了。为让读者了解更多的相关内容，下面我们介绍几款经典的站点管理工具。

● Dreamweaver CS4站点管理器：Dreamweaver CS4在原来的Dreamweaver CS3的基础上，功能进行了进一步强化，它内置的动态服务器技术，还有允许在本机调试以后再上传的功能，使其在众多的站点管理工具中独树一帜。

● 微软的IIS信息服务器：微软内置的IIS 7.0，以其易于操作的用户界面和机动灵活的站点管理功能，深受用户的喜爱。

1.3.5 后台开发工具

在前面已经确定了我们将采用微软的ASP.NET 3.5作为开发语言，相应的前台与后台开发工具都采用Microsoft Visual Studio 2008的Microsoft Visual Web Developer Express。下面，简要介绍一下ASP.NET 3.5的有关新特性和Microsoft Visual Studio 2008的特点及其安装步骤。

ASP.NET 3.5在ASP.NET 2.0的基础上增加了许多新控件，使Web程序的设计更加简单。ASP.NET 3.5运行在NET.Framework 3.5的平台之上，因此ASP.NET 3.5自然能够享用NET.Framework 3.5版的各种强化功能。除了底层的NET.Framework 3.5之外，Microsoft Visual Studio 2008与Microsoft Visual Web Developer Express也改良了Web开发环境并提供了许多实用的新功能。

下面简单描述一下ASP.NET 3.5的各种新功能。

● ListView控件：ListView控件是ASP.NET 3.5新增加的一个控件，它绑定从数据源返回的数据项，然后再呈现出来。它集成了许多已有的数据控件的功能，是一个最新的全方位的数据控件。

● DataPager控件：如果某个控件可以实现IpageableitemContainer接口，那么就可以使用DataPager控件来赋予其分页功能。而实际上DataPager控件可以实现ListView控件的分页功能，之所以能够如此，就是因为ListView本身就是一个实现了IpageableitemContainer接口的控件。

● LinqDataSource控件：LinqDataSource控件的主要特点，就是可通过ASP.NET数据源控件的架构将LINQ功能提供给Web开发人员使用。LINQ提供了一个统一的程序设计模型，来访问与更新各种不同类型数据源的数据，并且将数据访问功能直接扩展到Visual Basic和Visual C# 程序设计语言中。LINQ通过将面向对象程序设计的项目对应到关系型数据，从而简化了两者之间的互动。

如果要创建一个用于读取和修改数据的网页，而且希望采用LINQ所提供的程序设计模型，那么应该使用LinqDataSource控件。由于LinqDataSource控件会自动创建程序代码来与数据进行交互，因此与SqlDataSource和ObjectDataSource控件相比，LinqDataSource执行相同操作的时候，所需要编写的程序代码会少得多。使用LinqDataSource控件的另一个好处是，只需要学习一种程序设计模型，就能够与各种不同类型的数据源进行交互。

可以使用声明标记来创建一个LinqDataSource控件，用来连接到一个数据库或内存中的集合对象。可以指定在LinqDataSource控件声明标记中要如何显示、筛选、排序与分组数据。如果数据源是一个SQL数据库的数据表，还可以设置LinqDataSource控件以决定要如何新建、修改与删除数据。重要的是，不需要编写复杂的SQL命令就能完成这些操作。此外，LinqDataSource类还提供了一个事件模型让用户可以自定义显示与更新的行为。

● ASP.NET合并工具：是一种ASP.NET预编译工具，可以使用它来合并与处理所创建的组件。其实合并工具在ASP.NET 3.5之前就曾经以Visual Studio 2005加载宏的方式推出过，而现在被完全整合到了ASP.NET 3.5中。

ASP.NET 3.5 Web应用程序可以即时编译，主要用于快速开发模式中。除了即时编译之外，还可以使用ASP.NET预编译工具来预先编译，以便将项目部署到一个目标位置（通常就是部署至实际运行的Web中）服务器。

● ASP.NET 3.5能够与IIS 7.0完美结合。可以使用ASP.NET服务（例如窗体验证）缓存所有类型的内容，而不仅仅是ASP.NET网页（.aspx文件）。这一切都是因为ASP.NET与IIS7.0使用相同的请求管道。统一的请求处理管道就可以让开发者使用托管的程序代码来开发能够处理IIS中所有请求的HTTP管道模块。此外，IIS 7.0与ASP.NET模块以及处理程序也支持统一的配置设置。

● 全新的CSS设计工具：打开Visual Studio 2008就可以发现，Visual Studio 2008提供了全新的网页设计与开发界面，有“设计”、“拆分”与“源”三种视图。这就使得不管是设计者还是开发者都能够以更灵活的方式来编辑网页与编写代码。

网页设计人员都希望网页的外观抢眼，以便使用户愿意多浏览一段时间。一直以来，CSS样式表不论在网页的外观、定位还是在显示效果上都扮演着主要角色，过去如此，现在也如此。为了让网页开发人员更容易为网页应用CSS样式，网页设计工具提供了全新的“CSS属性窗口”（如图1.5所示）。

图1.5 使用全新的CSS属性窗口

● 功能更完善的Web应用程序项目：在ASP.NET 3.5中，Web应用程序项目已经被完全整合在一起。借助于Web应用程序项目模型，开发者可以将网站编译成Bin文件夹中的单一组件并明确定义项目资源。

● 在ASP.NET 3.5模型中，没有项目文件，并且目录中的所有文件都是项目的一部分。而在一个Web应用程序项目中，只有文件在方案的项目文件中明确加以引用时，才会是项目的一部分。这些项目会显示在“解决方案资源管理器”中，而且在生成期间被编译的文件，也就只有这些文件。

上面介绍了ASP.NET 3.5的一些新增功能，下面主要介绍一下ASP.NET 3.5的运行环境及开发环境，也就是Microsoft Visual Studio 2008的安装步骤。

1.安装ASP.NET 3.5运行环境

支持ASP.NET 3.5运行的系统有Windows 2000、Windows XP、Windows Server 2003、Windows Vista、Windows 7等，ASP.NET 3.5运行的必要组件有IIS 5.0（最低为IIS 5.0，也可以为IIS 5.1或者IIS 6.0或者IIS 7.0）和NET.Framework 3.5、SDK 3.5.，IIS的安装我们将在后续章节详细介绍，这里就不做赘述。

2.安装ASP.NET 3.5开发环境（即安装Visual Studio 2008）

Microsoft Visual Studio 2008是基于ASP.NET 3.5框架的集成开发环境，其中支持Visual Basic、Visual C++、Visual C#和Visual J#等语言，可以开发Windows应用程序和ASP.NET Web应用程序。Microsoft Visual Studio 2008简体中文版的安装程序包可以在微软的官方站点下载到，也可以在国内的许多知名下载网站如天空软件、太平洋下载中心等上面下载，这里我们就不一一详细介绍了。下面我们介绍一下Visual Studio 2008的安装步骤。

（1）打开安装文件包，双击setup.exe安装文件，进入到如图1.6所示的安装界面。

（2）单击“安装Visual Studio 2008”链接，进入加载安装组件界面，加载Visual Studio 2008的安装组件，如图1.7所示。加载安装组件完成后的界面如图1.8所示。