动态网页设计(Dreamweaver CS3+ASP.NET)-电子教案-张德芬 动态网页设计课件 第2章 搭建ASP.NET开发和运行环境

主 编 张德芬 副主编 邓之宏,中国水利水电出版社,第2章 搭建ASP.NET开发和运行环境,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,3,第2章 搭建ASP.NET开发和运行环境,2.5 Dreamweaver CS3动态网页制作基础,2.4 ASP.NET开发工具,2.3 搭建ASP.NET网站运行环境,2.2 ASP.NET简介,2.1 任务概述,2.6 任务实现,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,4,本章要点,ASP.NET概述 ASP.NET运行环境的建立 Dreamweaver CS3的安装和设置 Dreamweaver CS3的工作环境 在Dreamweaver CS3中建立站点 在Dreamweaver CS3中建立和运行ASP.NET程序,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,5,2.1 任务概述：使用Dreamweaver CS3制作ASP.NET个人主页首页,个人主页就是一种最简单的个人网站。一个图文并茂的“个人主页”可以充分地向其他人展示自己的才华，让别人知道你的长处。可以说你的“个人主页”就是你最好的简历。 本章我们学习如何用Dreamweaver CS3制作个人主页首页，并将首页程序保存为ASP.NET格式，来体验一下Dreamweaver CS3作为ASP.NET动态网页制作利器的使用过程。不过这里制作的是静态网页，真正的动态网页制作将在后面的章节中逐步展开。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,6,2.2 ASP.NET简介,2.2.1 ASP.NET发展历史 早期的动态网页开发需要编写繁杂的代码，编程效率低下。ASP使用简单的脚本语言，将代码进接嵌入到HTML中，简化了WEB开发。 1996年，ASP1.0诞生。ASP的强大功能得益于它的ADO（ActiveX Data object），开发者利用ADO可以很容易地在一个数据库中建立和打开记录集。 1998年，微软推出了ASP2.0，与ASP1.0的主要区别是ASP2.0支持外部组件的调用，应用程序可以在单独的内存空间中运行组件，并且可以进行事务处理。 2000年，ASP 3.0和IIS 5.0一同出现。在ASP 3.0中提供了更加完善的组件支持，以及更强的稳定性。 2001年，ASP.NET正式推出。ASP.NET是微软新一代体系结构Microsoft.NET的重要组成部分。ASP.NET一经发布，迅速成为Windows系统下Web服务端的主流开发技术。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,7,2.2 ASP.NET简介,2.2.2 ASP.NET与ASP的区别 1、开发语言不同 ASP仅局限于使用脚本语言来开发，容易导致代码杂乱。而ASP.NET允许用户选择并使用功能完善的编程语言，也允许使用潜力巨大的.NET Framework。 2、运行机制不同 ASP是解释运行的编程框架，所以执行效率较低。而ASP.NET是编译执行，程序效率得到提高。 3、开发方式 ASP把界面设计和程序设计混在一起，维护困难。而ASP.NET把界面设计和程序设计以不同的文件分离开，复用性和维护性得到了提高。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,8,2.2 ASP.NET简介,2.2.3 ASP.NET的工作原理 浏览器向WEB服务器发送HTTP请求； WEB服务器分析HTTP请求，如果所请求的网页文件名的后缀是aspx，则说明客户端请求执行ASP.NET程序；如果以前没有执行过该程序，则进行编译，然后执行该程序；否则直接执行已编译好的该程序。得到HTML结果； WEB服务器将HTML结果传回用户浏览器，作为HTTP响应； 客户机浏览器收到这个响应后，将HTML结果显示成WEB网页。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,9,2.3 搭建ASP.NET网站运行环境,WINDOWS操作系统下建立ASP.NET的运行环境需要安装如下软件： IIS MDAC .NET Framework,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,10,2.3 搭建ASP.NET网站运行环境,2.3.1 IIS的安装和设置 安装IIS,图2.2 “Windows 组件向导”对话框,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,11,2.3 搭建ASP.NET网站运行环境,2.3.1 IIS的安装和设置 IIS虚拟目录设置,图2.9 新建虚拟目录,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,12,2.3 搭建ASP.NET网站运行环境,2.3.2 安装数据访问组件MDAC,图2.16 在IIS中访问虚拟目录中的ASP.NET文件,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,13,2.3 搭建ASP.NET网站运行环境,2.3.3 安装.NET Framework 1、.NET Framework软件开发工具包（SDK） .NET Framework软件开发工具包（SDK） 包括开发人员编写、生成、测试和部署 .NET Framework 应用程序时所需要的一切，如文档、示例以及命令行工具和编译器等。下载的文件名是setup.exe，文件较大。.NET Framework SDK 1.1版有110多MB，2.0版本更是多达400MB以上。 安装成功后，在WINDOWS的开始菜单中会出现“程序Microsoft .NET Framework SDK” 程序组。程序组中包括了“概述”、“工具”、“示例与快速入门文档”和“文档”。在“概述”、 “示例与快速入门文档”和“文档”中都提供了大量的ASP.NET学习资料。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,14,2.3 搭建ASP.NET网站运行环境,2.3.3 安装.NET Framework 2、.NET Framework .NET Framework可再发行组件包是微软提供的.NET运行平台，其中包括运行那些使用 .NET Framework 开发的应用程序时所需要的一切。下载的文件名是dotnetfx.exe，20 MB左右。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,15,2.3 搭建ASP.NET网站运行环境,2.3.3 安装.NET Framework 2、.NET Framework,图2.18 启动.NET Framework安装向导,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,16,2.4 ASP.NET开发工具,2.4.1 文本编辑工具 2.3.1 文本编辑工具 ASP.NET文件的扩展名是*.aspx，是文本文件，因此可以用任何文本编辑器编写。可以用WINDOWS操作系统自带的记事本来编写ASP.NET程序代码，另外，一些专门的文本编辑软件，如UltraEdit和EditPlus等，也可以用来编写ASP.NET程序代码。,图2.22 UltraEdit 文本编辑器,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,17,2.4 ASP.NET开发工具,2.4.1 文本编辑工具 2.3.2 Visual Studio.NET Visual Studio.NET是微软公司提供的一款重量级.NET开发工具，集开发环境、源程序编辑、编译、链接及项目管理和程序发布等于一体。它提供多种语言支持，包括VB .NET、C#、C+、C+.NET等。主要功能包括： 可视化设计器 代码识别编辑器 集成的编译和调试功能 项目管理功能。 但是，使用Visual Studio.NET也要面对一些问题，比如Visual Studio.NET安装比较麻烦，占用空间很大，对机器要求也较高。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,18,2.4 ASP.NET开发工具,2.4.1 文本编辑工具 2.3.3 Dreamweaver CS3 Dreamweaver CS3是由Adobe公司在并购Macromedia之后推出的最新版本，它是一款专业的Web站点开发软件，可用于Web站点、Web页和Web应用程序的设计、编码和开发工作。 在对ASP.NET支持方面，Dreamweaver内置了功能强大的可视化开发环境，从网页的编写到数据库技术的运用，提供了完整的解决方案。 Dreamweaver CS3+ASP.NET是一种轻量级的实现可视化ASP.NET动态网页制作的新途径，它降低了ASP.NET的学习门槛，有助于揭开ASP.NET的神秘面纱，快速进入ASP.NET的精彩世界。,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,19,2.5 Dreamweaver CS3动态网页制作基础,2.5.1 Dreamweaver CS3的安装和设置,图2.23 Dreamweaver CS3许可协议,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,20,2.5 Dreamweaver CS3动态网页制作基础,2.5.1 Dreamweaver CS3的安装和设置,图2.27 Dreamweaver CS3起始页,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,21,2.5 Dreamweaver CS3动态网页制作基础,2.5.2 Dreamweaver CS3的工作环境,图2.28 Dreamweaver CS3的工作区,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,22,2.5 Dreamweaver CS3动态网页制作基础,2.5.3 在Dreamweaver CS3中建立站点,图2.33 新建站点,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,23,2.5 Dreamweaver CS3动态网页制作基础,2.5.3 在Dreamweaver CS3中建立站点,图2.40 站点定义成功,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,24,2.5 Dreamweaver CS3动态网页制作基础,2.5.4 在Dreamweaver CS3中建立和运行ASP.NET程序,图2.43 在拆分视图中输入文字,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,25,2.5 Dreamweaver CS3动态网页制作基础,2.5.4 在Dreamweaver CS3中建立和运行ASP.NET程序,图2.45 test.aspx的运行结果,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,26,2.6任务实现：使用Dreamweaver CS3 制作ASP.NET个人主页首页,图2.46个人主页首页的效果图,2019/5/25,动态网页设计（Dreamweaver CS3+ASP.NET）,27,本章结束 再见！,