基于ASP.NET的Web应用开发技术实用教程[方玉燕][电子教案] 项目1：我的第一个网站
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
实战演练
4
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
Visual Studio 2008的安装环境
操作系统:Windows XP Professional 以上 硬件最低要求 ：1.6 GHz CPU、384 MB RAM、1024×768显示器、5400 RPM 硬盘
项目1：我的第一个网站
技能目标:
能安装配置IIS WEB服务器； 能安装与配置Visual Studio 2008集成开发 环境； 能用FTP方式创建、生成并调试ASP.NET Web网站项目。
4
Click to add Title
项目1：我的第一个网站
教学建议:本项目计划总学时 6学时 （1）情境介绍 0.5学时 （2）任务1 1.5学时 （3）任务2 2学时 （4）任务3 2学时
Click to add Title
任务2 认识开发环境
为完成本任务，要完成以下几个方面的工作： 1．掌握Visual Studio 2008的安装过程； 2．掌握IIS的安装与配置； 3．了解.NET开发平台模型的结构； 4．初步掌握Visual Studio 2008开发环境的应用； 5．了解ASP.NET开发网站的基本步骤。
4wk.baidu.com
文件系统站点 FTP部署的站点 本地IIS站点
4
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
课外练习：安装Visual Studio 2008
完成安装Visual Studio 2008 ； 完成安装MSDN； 打开Visual Studio 2008并新建一个网站，写出 开发环境的主要窗口，练习各主要窗口的打开、 关闭和选择停靠方式； ； 了解MSDN关于Web开发的帮助文档 ； 时间：50分钟 4
任务1 网站建设的需求分析
任务1-1 认识网站
实战演练 15分钟
4
Click to add Title
任务1 网站建设的需求分析
任务1-1 认识网站
网站类型
不同网站可能属于不同的类型，即使相同类 型的网站也可能在内容、服务和风格上千变 万化、各不相同，但作为一个完整的功能实 体，它们又具有很多相同的特征。如信息提 供型、电子商务型、政府企业门户型 。目前 在互联网中常见的网站还有：导航网站、教 育网站 、财经网站 、娱乐网站
4
Click to add Title
情境介绍
教师项目演示 20分钟
4
Click to add Title
任务1 网站建设的需求分析
为完成本任务，要完成以下几个方面的工 作： 1．了解网站的基本结构； 2．了解网站的组成要素； 3．了解如何建设一个好的网站。
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-2建立Web页面
课内练习：样式管理工具的使用
通达新建样式面板，分别选择不同的类别，进 行样式设计； 通过管理样式对各个样式进行管理； 在页面中选择其他标记在“运用样式”面板中 进行选择
时间：30分钟
4
Click to add Title
任务2 认识开发环境
任务3-3创建事件处理程序
任务1-1 认识网站
网站建设的基本原则 确定网站的总体目标 分析网站的用户群 分析网站的功能 估算网站的响应时间 网站的易访问性 网站的易维护性
4
Click to add Title
任务1 网站建设的需求分析
任务1-1 认识网站
课内练习：浏览各类网站并开展讨论
分析LOGO的设计特点； 分析各类网站的页面结构，进行归纳总结所浏 览页面的结构类型； 分析网站中的基本元素； 分析并例出不同网站的用户群； 分析各类网站的主要功能； 比较并写出不同网站的响应时间 4 时间：25分钟 Click to add Title
Aspnet_regiis -i
4
Click to add Title
任务2 认识开发环境
任务2-2 IIS的安装与配置
课外练习：练习IIS的安装与配置
完成安装与配置IIS；
时间：20分钟
4
Click to add Title
任务2 认识开发环境
任务3 网站的创建、调试与发布
为完成本项目，需要完成以下任务： 1．创建FTP站点； 2．建立Web页面； 3．创建事件处理程序； 4．网站的调试与发布。
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
总结与回顾
经过本项目的训练与学生，学生应该对什 么是WEB项目有了一个初步的了解。同时对 Visual Studio 2008的开发环境也有了一个感 性的认识。
4
Click to add Title
课后练习参考：
1．上网查看各类网站，了解打开网站首页与点开子 页的地址栏中有哪些不同点？同时单击网站的超连接 后，文件的后缀名都有哪些？上网查询这些后缀名都 有什么含义？ 2．上网对门户型网站、政府网站、企业网站、个人 网站、娱乐网站、宣传网站及功能性的网站进行查看， 说说这些不同种类网站的设计风格、色彩等方面有哪 些相同和不同之处，各自有什么特点？ 4
Click to add Title
任务2 认识开发环境
任务2-2 IIS的安装与配置
实战演练
4
Click to add Title
任务2 认识开发环境
任务2-2 IIS的安装与配置
. ASP.NET修复IIS映射
使用本地IIS站点方式建立网站，如果先安 装了Visual Studio再安装IIS，就不能正 常使用。因此，要为ASP.NET修复IIS映 射，修复命令是：
项目1：我的第一个网站
知识目标:
掌握网站设计的基本概念； 熟悉网站建设的流程； 了解如何在站点结构、站点风格等方面规 划网站，初步了解网站架构模式 ； 掌握创建站点的基本步骤及站点的管理； 理解ASP.NET常用的网站集成开发环境 Visual Studio 2008； 掌握安装和配置ASP .NET开发环境。 4 Click to add Title
4
Click to add Title
任务1 网站建设的需求分析
任务1-1 认识网站
网页基本元素
网页的基本元素包括标题、网站LOGO、 页眉、页脚、主体内容、功能区、导航 区、广告栏等
网页的整体布局结构
可以归纳为：左右对称结构布局、“同” 字型结构布局、“回”字型结构布局、 4 Click to add Title “匡”字型结构布局、“丁”字型结构 布局、自由式结构布局、“另类”结构 布局等。 任务1 网站建设的需求分析
页 ，。静态网页文件一般以 htm 或 html 为后缀， 动 态 网 页 有 不 同 后 缀 的 网 页 文 件 ， 4 Click to add Title 如.ASP、.ASPX、.PHP、.JSP等。
任务1 网站建设的需求分析
多媒体演示 客户端和服务端事件
4
Click to add Title
4
消息队列服务
Click to add Title
COM+
IIS
WMI
Win32
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
. ASP.NET概述
ASP.NET技术是.NET框架技术的一个重要组 成部分，是.NET框架提供的一个统一的 Web 开发模型，它为创建动态Web网站提供了简易 的方法。 每一个正式版本的.NET框架都会有一个与之 对应的高度集成的开发环境，微软称之为 Visual Studio。 目前Visual Studio 2008一共有三种版本： 4 Click to add Title Visual Studio 2008 Standard、Visual Studio 2008 Professional和Visual Studio 2008 Team。 任务2 认识开发环境
<asp:Button ID="Button1" runat="server" onclick="Button1_Click1" Text="确定" 4 Click to add onload="Button1_Load" Title />
任务3 网站的创建、调试与发布
任务3-4 网站的调试与发布
Click to add Title
课后练习参考：
1．上网查看各类网站，了解打开网站首页与点开子 页的地址栏中有哪些不同点？同时单击网站的超连接 后，文件的后缀名都有哪些？上网查询这些后缀名都 有什么含义？ 2．上网对门户型网站、政府网站、企业网站、个人 网站、娱乐网站、宣传网站及功能性的网站进行查看， 说说这些不同种类网站的设计风格、色彩等方面有哪 些相同和不同之处，各自有什么特点？ 4
任务2-1 Visual Studio 2008的安装
. ASP.NET概述
Web 窗体 开发工具 Windows 窗体 开发工具
多语言支持
Visual Studio 2008
错误处理
Web 服务 开发工具
数据访问
Click to add Title
4
设计
开发
调试
部署
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装 . Visual Web Developer网站类型
4
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
.NET框架开发模型
Visual Basic
C++
C#
Perl
Python
用户界面
…
XML Web Service ASP.NET
ADO.NET 和 XML
.NET Framework基础类库 公共语言运行库 (CLR)
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-3创建事件处理程序
创建事件处理程序
ASP.NET Web服务器控件可以引发多种事件，许多事 件是用户在浏览器中进行某些操作触发的。 默认事件通过双击自动生成。 非默认事件，通过选择“属性”面板上的事件来 生成。 生成事件后代码如：
Click to add Title
课后练习：
3．www.sina.com.cn和www.163.com这两个网址中都 有“com”，它们之间有什么不同？ 4．目前网页的常用CSS样式表布局，请问CSS样式 表作用有哪些？ 5．请谈谈动态网页与静态网页在工作原理上有什么不 同？ 6．.NET平台的核心技术是什么？在Visual Studio .NET中，解决方案资源管理器的作用是什么？ 4
级联样式表（CSS）设置功能
Visual Studio 2008提供了可以轻松实现对网页的美化 和排版并为设置这些功能提供了一组工具，可用来 创建、应用、管理样式和级联样式表。 “应用样式”窗口用于创建、修改和应用样式 “管理样式”窗口中可以改变样式的组别 “CSS属性”窗口显示网页中当前选定内容使用的 样式。 ； “直接样式应用”工具栏，可通过它应用或移除基 于类或 ID 的样式，并创建和应用新的样式。 4 Click to add Title
任务1 网站建设的需求分析
任务1-2 网站的要素
实战演练 20分钟
4
Click to add Title
任务1 网站建设的需求分析
任务1-2 网站的要素
网址：IP地址、域名地址、URL Web服务器 ：常见有IIS、Apache、Tomcat 浏览器 ：Internet Explorer、Firefox等 网页： 网页可以笼统地分为动态网页和静态网
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-1 创建FTP站点
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-2建立Web页面
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-2建立Web页面
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
实战演练
4
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
Visual Studio 2008的安装环境
操作系统:Windows XP Professional 以上 硬件最低要求 ：1.6 GHz CPU、384 MB RAM、1024×768显示器、5400 RPM 硬盘
项目1：我的第一个网站
技能目标:
能安装配置IIS WEB服务器； 能安装与配置Visual Studio 2008集成开发 环境； 能用FTP方式创建、生成并调试ASP.NET Web网站项目。
4
Click to add Title
项目1：我的第一个网站
教学建议:本项目计划总学时 6学时 （1）情境介绍 0.5学时 （2）任务1 1.5学时 （3）任务2 2学时 （4）任务3 2学时
Click to add Title
任务2 认识开发环境
为完成本任务，要完成以下几个方面的工作： 1．掌握Visual Studio 2008的安装过程； 2．掌握IIS的安装与配置； 3．了解.NET开发平台模型的结构； 4．初步掌握Visual Studio 2008开发环境的应用； 5．了解ASP.NET开发网站的基本步骤。
4wk.baidu.com
文件系统站点 FTP部署的站点 本地IIS站点
4
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
课外练习：安装Visual Studio 2008
完成安装Visual Studio 2008 ； 完成安装MSDN； 打开Visual Studio 2008并新建一个网站，写出 开发环境的主要窗口，练习各主要窗口的打开、 关闭和选择停靠方式； ； 了解MSDN关于Web开发的帮助文档 ； 时间：50分钟 4
任务1 网站建设的需求分析
任务1-1 认识网站
实战演练 15分钟
4
Click to add Title
任务1 网站建设的需求分析
任务1-1 认识网站
网站类型
不同网站可能属于不同的类型，即使相同类 型的网站也可能在内容、服务和风格上千变 万化、各不相同，但作为一个完整的功能实 体，它们又具有很多相同的特征。如信息提 供型、电子商务型、政府企业门户型 。目前 在互联网中常见的网站还有：导航网站、教 育网站 、财经网站 、娱乐网站
4
Click to add Title
情境介绍
教师项目演示 20分钟
4
Click to add Title
任务1 网站建设的需求分析
为完成本任务，要完成以下几个方面的工 作： 1．了解网站的基本结构； 2．了解网站的组成要素； 3．了解如何建设一个好的网站。
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-2建立Web页面
课内练习：样式管理工具的使用
通达新建样式面板，分别选择不同的类别，进 行样式设计； 通过管理样式对各个样式进行管理； 在页面中选择其他标记在“运用样式”面板中 进行选择
时间：30分钟
4
Click to add Title
任务2 认识开发环境
任务3-3创建事件处理程序
任务1-1 认识网站
网站建设的基本原则 确定网站的总体目标 分析网站的用户群 分析网站的功能 估算网站的响应时间 网站的易访问性 网站的易维护性
4
Click to add Title
任务1 网站建设的需求分析
任务1-1 认识网站
课内练习：浏览各类网站并开展讨论
分析LOGO的设计特点； 分析各类网站的页面结构，进行归纳总结所浏 览页面的结构类型； 分析网站中的基本元素； 分析并例出不同网站的用户群； 分析各类网站的主要功能； 比较并写出不同网站的响应时间 4 时间：25分钟 Click to add Title
Aspnet_regiis -i
4
Click to add Title
任务2 认识开发环境
任务2-2 IIS的安装与配置
课外练习：练习IIS的安装与配置
完成安装与配置IIS；
时间：20分钟
4
Click to add Title
任务2 认识开发环境
任务3 网站的创建、调试与发布
为完成本项目，需要完成以下任务： 1．创建FTP站点； 2．建立Web页面； 3．创建事件处理程序； 4．网站的调试与发布。
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
总结与回顾
经过本项目的训练与学生，学生应该对什 么是WEB项目有了一个初步的了解。同时对 Visual Studio 2008的开发环境也有了一个感 性的认识。
4
Click to add Title
课后练习参考：
1．上网查看各类网站，了解打开网站首页与点开子 页的地址栏中有哪些不同点？同时单击网站的超连接 后，文件的后缀名都有哪些？上网查询这些后缀名都 有什么含义？ 2．上网对门户型网站、政府网站、企业网站、个人 网站、娱乐网站、宣传网站及功能性的网站进行查看， 说说这些不同种类网站的设计风格、色彩等方面有哪 些相同和不同之处，各自有什么特点？ 4
Click to add Title
任务2 认识开发环境
任务2-2 IIS的安装与配置
实战演练
4
Click to add Title
任务2 认识开发环境
任务2-2 IIS的安装与配置
. ASP.NET修复IIS映射
使用本地IIS站点方式建立网站，如果先安 装了Visual Studio再安装IIS，就不能正 常使用。因此，要为ASP.NET修复IIS映 射，修复命令是：
项目1：我的第一个网站
知识目标:
掌握网站设计的基本概念； 熟悉网站建设的流程； 了解如何在站点结构、站点风格等方面规 划网站，初步了解网站架构模式 ； 掌握创建站点的基本步骤及站点的管理； 理解ASP.NET常用的网站集成开发环境 Visual Studio 2008； 掌握安装和配置ASP .NET开发环境。 4 Click to add Title
4
Click to add Title
任务1 网站建设的需求分析
任务1-1 认识网站
网页基本元素
网页的基本元素包括标题、网站LOGO、 页眉、页脚、主体内容、功能区、导航 区、广告栏等
网页的整体布局结构
可以归纳为：左右对称结构布局、“同” 字型结构布局、“回”字型结构布局、 4 Click to add Title “匡”字型结构布局、“丁”字型结构 布局、自由式结构布局、“另类”结构 布局等。 任务1 网站建设的需求分析
页 ，。静态网页文件一般以 htm 或 html 为后缀， 动 态 网 页 有 不 同 后 缀 的 网 页 文 件 ， 4 Click to add Title 如.ASP、.ASPX、.PHP、.JSP等。
任务1 网站建设的需求分析
多媒体演示 客户端和服务端事件
4
Click to add Title
4
消息队列服务
Click to add Title
COM+
IIS
WMI
Win32
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
. ASP.NET概述
ASP.NET技术是.NET框架技术的一个重要组 成部分，是.NET框架提供的一个统一的 Web 开发模型，它为创建动态Web网站提供了简易 的方法。 每一个正式版本的.NET框架都会有一个与之 对应的高度集成的开发环境，微软称之为 Visual Studio。 目前Visual Studio 2008一共有三种版本： 4 Click to add Title Visual Studio 2008 Standard、Visual Studio 2008 Professional和Visual Studio 2008 Team。 任务2 认识开发环境
<asp:Button ID="Button1" runat="server" onclick="Button1_Click1" Text="确定" 4 Click to add onload="Button1_Load" Title />
任务3 网站的创建、调试与发布
任务3-4 网站的调试与发布
Click to add Title
课后练习参考：
1．上网查看各类网站，了解打开网站首页与点开子 页的地址栏中有哪些不同点？同时单击网站的超连接 后，文件的后缀名都有哪些？上网查询这些后缀名都 有什么含义？ 2．上网对门户型网站、政府网站、企业网站、个人 网站、娱乐网站、宣传网站及功能性的网站进行查看， 说说这些不同种类网站的设计风格、色彩等方面有哪 些相同和不同之处，各自有什么特点？ 4
任务2-1 Visual Studio 2008的安装
. ASP.NET概述
Web 窗体 开发工具 Windows 窗体 开发工具
多语言支持
Visual Studio 2008
错误处理
Web 服务 开发工具
数据访问
Click to add Title
4
设计
开发
调试
部署
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装 . Visual Web Developer网站类型
4
Click to add Title
任务2 认识开发环境
任务2-1 Visual Studio 2008的安装
.NET框架开发模型
Visual Basic
C++
C#
Perl
Python
用户界面
…
XML Web Service ASP.NET
ADO.NET 和 XML
.NET Framework基础类库 公共语言运行库 (CLR)
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-3创建事件处理程序
创建事件处理程序
ASP.NET Web服务器控件可以引发多种事件，许多事 件是用户在浏览器中进行某些操作触发的。 默认事件通过双击自动生成。 非默认事件，通过选择“属性”面板上的事件来 生成。 生成事件后代码如：
Click to add Title
课后练习：
3．www.sina.com.cn和www.163.com这两个网址中都 有“com”，它们之间有什么不同？ 4．目前网页的常用CSS样式表布局，请问CSS样式 表作用有哪些？ 5．请谈谈动态网页与静态网页在工作原理上有什么不 同？ 6．.NET平台的核心技术是什么？在Visual Studio .NET中，解决方案资源管理器的作用是什么？ 4
级联样式表（CSS）设置功能
Visual Studio 2008提供了可以轻松实现对网页的美化 和排版并为设置这些功能提供了一组工具，可用来 创建、应用、管理样式和级联样式表。 “应用样式”窗口用于创建、修改和应用样式 “管理样式”窗口中可以改变样式的组别 “CSS属性”窗口显示网页中当前选定内容使用的 样式。 ； “直接样式应用”工具栏，可通过它应用或移除基 于类或 ID 的样式，并创建和应用新的样式。 4 Click to add Title
任务1 网站建设的需求分析
任务1-2 网站的要素
实战演练 20分钟
4
Click to add Title
任务1 网站建设的需求分析
任务1-2 网站的要素
网址：IP地址、域名地址、URL Web服务器 ：常见有IIS、Apache、Tomcat 浏览器 ：Internet Explorer、Firefox等 网页： 网页可以笼统地分为动态网页和静态网
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-1 创建FTP站点
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-2建立Web页面
实战演练
4
Click to add Title
任务3 网站的创建、调试与发布
任务3-2建立Web页面