Web程序设计(第三版)_第2章

1、Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:9787121131509“十一五十一五”国家级规划教材国家级规划教材Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:9787121131509第第 1 章章 WEB编程基础知识编程基础知识 第第 2 章章 WEB应用程序开发环境应用程序开发环境 第第 3 章章 HTML与与XML 第第 4 章章 脚本语言脚本语言 第第 5 章章 页面设计页面设计第第 6 章章 ASP程序设计程序设计 第第 7 章章 ASP.NET程序设计程序设计 第第 8 章章 WEB数据库程

2、序设计数据库程序设计 第第 9 章章 综合应用实例综合应用实例 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:9787121131509第第 2 2 章章 WEBWEB应用程序开发环境应用程序开发环境2.1 服务器端开发环境服务器端开发环境 2.2 客户端开发环境客户端开发环境 2.3 网页设计工具网页设计工具Dreamweaver MX 2.4 Visual Studio.NET 开发工具开发工具Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.1 服务器端开发环境服务器端开发环

3、境 用户可在本地计算机上构建用户可在本地计算机上构建Web服务器，如安装服务器，如安装Windows系统的系统的IIS（Internet信息服务）组件，然后通过信息服务）组件，然后通过网络连接，为其他用户提供服务。网络连接，为其他用户提供服务。 但如果没有条件和技术，可以在本地计算机上编写制作但如果没有条件和技术，可以在本地计算机上编写制作Web网页后，将其上传到托管或代理服务器上，利用专业网页后，将其上传到托管或代理服务器上，利用专业服务器为用户构建的平台，完成服务器为用户构建的平台，完成Web网页的发布。网页的发布。 现在许多网站可以提供发布空间服务，用户只要按照网现在许多网站可以提供发布

4、空间服务，用户只要按照网站的使用要求，即可轻松完成站的使用要求，即可轻松完成Web网页的上传和发布。网页的上传和发布。Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.1 服务器端开发环境服务器端开发环境 服务器端的编程，常用服务器端的编程，常用ASP、Perl和和PHP，还有微软公司，还有微软公司近期推出的新一代近期推出的新一代ASP.NET。 如果仅用如果仅用Access作为服务器端数据库，可以先在本地建作为服务器端数据库，可以先在本地建立数据库，然后上传到服务器上，不必设定立数据库，然后上传到服务器上，不必设定ODBC

5、连接，连接，直接用目录文件方式操作数据库，这样服务器上的工作就直接用目录文件方式操作数据库，这样服务器上的工作就简化些。简化些。 如果采用如果采用SQL Server、Oracle等其他类型的数据库作为等其他类型的数据库作为服务器端数据库，就必须在服务器上创建数据库，还要进服务器端数据库，就必须在服务器上创建数据库，还要进行行ODBC的连接、设定等工作。的连接、设定等工作。 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.2 客户器端开发环境客户器端开发环境 HTML语言语言 相关的软件：相关的软件： Web网页制作工具：

6、网页制作工具： Dreamweaver MX及及FrontPage 2003等。等。 Web网页动画工具：网页动画工具： Flash MX、Cool3D 3.0、3DS MAX R3、ImageReady 3.0和和Fireworks MX等。等。 图形、图像设计及处理的工具：图形、图像设计及处理的工具：Photoshop 6.0、CorelDRAW 9.0、Fireworks MX、Freehand 9.0、Illustrator 8.0、PhotoExpress 3.0等。等。 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315

7、092.3 网页设计工具网页设计工具Dreamweaver MX Dreamweaver是是Macromedia公司开发的网页制作公司开发的网页制作工具，它与工具，它与Macromedia公司的另外两项产品公司的另外两项产品Firework和和Flash一起组成一套功能强大的网页创作一起组成一套功能强大的网页创作系统，分别覆盖了网页制作，网页图形、图像处理和系统，分别覆盖了网页制作，网页图形、图像处理和矢量动画这三个主要的网络创作领域。矢量动画这三个主要的网络创作领域。2.3.1 Dreamweaver MX概览概览 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，201

8、1，ISBN:97871211315092.3 网页设计工具网页设计工具Dreamweaver MX （1）精确性。）精确性。DW采用采用Roundtrip HTML技术实现对技术实现对HTML源代码的精确控制，它能生成简洁和高效的源代码的精确控制，它能生成简洁和高效的HTML代码。代码。（2）易用性。）易用性。DW的编辑界面友好，且操作简单。通过的编辑界面友好，且操作简单。通过各种工具面板，可以非常方便地控制页面各种元素的属各种工具面板，可以非常方便地控制页面各种元素的属性。在不用手工输入一行代码的情况下，就可以制作出性。在不用手工输入一行代码的情况下，就可以制作出各种特效，比如动画、动态按

9、钮、索引条、分层等。各种特效，比如动画、动态按钮、索引条、分层等。（3）兼容性。）兼容性。兼容性是兼容性是DW的一个非常优秀的特性，用的一个非常优秀的特性，用它制作的页面能在各种浏览器上正确地显示。它制作的页面能在各种浏览器上正确地显示。2.3.2 Dreamweaver MX的特性的特性 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.3 网页设计工具网页设计工具Dreamweaver MX 2.3.3 Dreamweaver MX界面介绍界面介绍 创建或调入文件创建或调入文件4个区域：个区域：单击中部的单击中部的创建新

10、项创建新项目目，建立相应类型的新，建立相应类型的新文件；文件；单击中部的单击中部的从范例创从范例创建建，建立多种形式的新，建立多种形式的新文件；文件；双击右部的双击右部的文件文件列表列表中的文件名，调入指定中的文件名，调入指定目录中的文件；目录中的文件；单击左部的单击左部的打开最近打开最近项目项目，可调入编辑过的，可调入编辑过的文件。文件。 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.3 网页设计工具网页设计工具Dreamweaver MX 2.3.3 Dreamweaver MX界面介绍界面介绍 Dreamweave

11、r MX文文件编辑界面件编辑界面 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.NET 开发工具开发工具 Visual Studio. NET是是Microsoft公司于公司于2002年正式推年正式推出的一个集成开发环境，它集源程序编辑、编译、链接出的一个集成开发环境，它集源程序编辑、编译、链接及项目管理和程序发布于一体，是开发及项目管理和程序发布于一体，是开发ASP.NET应用程应用程序强大的工具。序强大的工具。 用用Visual Studio. NET可以创建可以创建 Windows

12、平台下的平台下的 Windows 应用程序和应用程序和Web应用程序，或者创建网络服应用程序，或者创建网络服务、智能设备应用程序和务、智能设备应用程序和Office 插件。插件。 Microsoft公司先后推出过公司先后推出过2002、2003、2005等多个等多个版本，目前的最新版是版本，目前的最新版是Visual Studio 2010。 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.NET 开发工具开发工具 系统配置要求系统配置要求（1）操作系统）操作系统 ：Microsoft Wi

13、ndows XP ；Microsoft Windows Server 2003 ；Windows Vista。（2）硬件配置）硬件配置最低要求：最低要求：1.6 GHz CPU、384 MB RAM、1024768 显示器、显示器、5400 rpm 硬盘。硬盘。建议配置：建议配置：2.2 GHz 或速度更快的或速度更快的 CPU、1024 MB 或更大容量的或更大容量的 RAM、12801024显示器、显示器、7200 rpm 或更高转速的硬盘。或更高转速的硬盘。另外，还需准备足够的磁盘空间。因为将另外，还需准备足够的磁盘空间。因为将Visual Studio 2008完全完全安装在系统分区（

14、推荐），至少需要占用安装在系统分区（推荐），至少需要占用4GB的空间，包括的空间，包括MSDN的安装。如果用户安装在非系统分区，安装工作要求系统的安装。如果用户安装在非系统分区，安装工作要求系统分区达到分区达到1.5 GB左右的空间，目标分区左右的空间，目标分区 2 GB左右的空间。左右的空间。2.4.1 Visual Studio 2008的安装的安装 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.NET 开发工具开发工具 安装步骤安装步骤 （1）将）将Visual Studio 200

15、8安装光盘放入光盘驱动器。光盘运行后自动进入安装光盘放入光盘驱动器。光盘运行后自动进入安装程序界面。如果光盘不能自动运行，双击安装程序界面。如果光盘不能自动运行，双击setup.exe可执行文件即可。可执行文件即可。2.4.1 Visual Studio 2008的安装的安装 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.NET 开发工具开发工具 安装步骤安装步骤 （2）单击）单击“安装安装Visual Studio 2008”之后，安装向导将执行收集所需文件、之后，安装向导将执行收集所需

16、文件、验证安装包的完整性等操作。完成之后，单击验证安装包的完整性等操作。完成之后，单击“下一步下一步”按钮继续安装。按钮继续安装。在安装界面中，设置安装功能和安装路径等参数，推荐采用默认设置。设在安装界面中，设置安装功能和安装路径等参数，推荐采用默认设置。设置好以后，单击置好以后，单击“安装安装”按钮。一段时间后，系统显示安装成功。按钮。一段时间后，系统显示安装成功。 2.4.1 Visual Studio 2008的安装的安装 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.NET 开发工

17、具开发工具 Visual Studio 2008集成开发环境集成开发环境 （IDE）与）与Microsoft公司的其他应用公司的其他应用程序界面类似，它由以下若干界面元素组成：标题栏、菜单栏、工具栏、程序界面类似，它由以下若干界面元素组成：标题栏、菜单栏、工具栏、工具箱、文档窗口、解决方案资源管理器窗口和属性窗口等。工具箱、文档窗口、解决方案资源管理器窗口和属性窗口等。 2.4.2 Visual Studio 2008集成开发环境集成开发环境 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.

18、NET 开发工具开发工具 用用Visual Studio2008创建创建ASP .NET应用程序，可以应用程序，可以分为以下分为以下5个主要步骤：个主要步骤：创建一个网站。创建一个网站。在网站中添加一个空白的在网站中添加一个空白的ASP .NET应用程序页应用程序页面文件。面文件。设计应用程序界面。设计应用程序界面。编写应用程序控件的事件代码。编写应用程序控件的事件代码。调试和运行应用程序。调试和运行应用程序。2.4.3 Visual Studio 2008集成开发环境的使用集成开发环境的使用 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871

19、211315092.4 Visual Studio.NET 开发工具开发工具 【例例2-1】设计一个如图设计一个如图2-12所示的登录界面程序。单击所示的登录界面程序。单击“登录登录”按钮，若输入密码为按钮，若输入密码为“123”，显示，显示“你已成功登你已成功登录！录！”，如图，如图2-13所示；否则，显示所示；否则，显示“登录失败！登录失败！”。 2.4.3 Visual Studio 2008集成开发环境的使用集成开发环境的使用 图图2-12 程序登录界面程序登录界面 图图2-13 程序运行结果程序运行结果 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，

20、ISBN:97871211315092.4 Visual Studio.NET 开发工具开发工具 （1）新建网站）新建网站 选择选择“文件文件”菜单的菜单的“新建新建”命令，在下级菜单中，单击命令，在下级菜单中，单击“网站网站”命令，出命令，出现现 “新建网站新建网站”对话框。选中对话框。选中“ASP.NET网站网站”模板，在模板，在“位置位置”框中选择框中选择“文件系统文件系统”。单击。单击“浏览浏览”按钮，输入要保存网站的网页文件夹名（如按钮，输入要保存网站的网页文件夹名（如D:我我的文档的文档Visual Studio 2008WebSitesexample）。单击）。单击“语言语言”列

21、表中列表中 “Visual Basic”项，最后单击项，最后单击“确定确定”按钮。按钮。VS .NET将创建一个名为将创建一个名为example的新网站，同时自动创建一个名为的新网站，同时自动创建一个名为“default.aspx” 的主页面文件。默认以的主页面文件。默认以“源源”视图方式显示该页，在该视图下可以查看到页面的视图方式显示该页，在该视图下可以查看到页面的 HTML 元素。元素。 2.4.3 Visual Studio 2008集成开发环境的使用集成开发环境的使用 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092

22、.4 Visual Studio.NET 开发工具开发工具 （2）利用工具箱中的相关控件设计应用程序界面）利用工具箱中的相关控件设计应用程序界面 单击单击“视图视图”选项卡切换到选项卡切换到“设计设计”视图。在工具箱中单击视图。在工具箱中单击“标准标准”类别。根据图类别。根据图2-12所示的界面，在所示的界面，在“文档文档”窗口合适的位置放置两个窗口合适的位置放置两个label控件（控件（label1和和label12）、两个）、两个Textbox控件（控件（Textbox1和和Textbox2）和一个）和一个Button控件（控件（Button1）。）。 单击单击label1控件，此时该控件

23、四周出现一个有选中标志的框，在控件，此时该控件四周出现一个有选中标志的框，在“属属性性”窗口选中窗口选中“Text”属性，将其值修改为属性，将其值修改为“用户名用户名”。选定。选定label2控件，控件，修改修改“Text”属性值为属性值为“密码密码”。选定。选定Button1控件，修改控件，修改“Text”属性值属性值为为“登录登录”。2.4.3 Visual Studio 2008集成开发环境的使用集成开发环境的使用 Web程序设计程序设计(第第3版版)，电子工业出版社，电子工业出版社，2011，ISBN:97871211315092.4 Visual Studio.NET 开发工具开发工具 （3）编写程序代码）编写程序代码 在在“设计设计”视图中，双击视图中，双击 Button1