NET网站开发项目化教程PPT单元设计1-3 创建简单的Web网站

PAGEPAGE1《ASP.Net应用开发》课程单元教学设计1_3教学单元创建简单的Web网站授课班级授课学时课时授课日期年月日第周周第节授课教师授课地点教学目标知识目标1.Web开发环境的使用；2.Web程序开发的步骤及相关注意事项；能力目标1.能新建网站项目；2.掌握ASP.NET程序的开发步骤及两种编码方式素质目标规范管理能力;自我学习能力;相互协作能力。教学重点新建网站项目教学难点ASP.NET程序的开发步骤及两种编码方式的理解能力训练任务或案例创建简单的Web网站教学策略(教学方法与组织形式)1.课件：根据本节课程设计的内容及教学计划，逐步展现知识点。2.板书：针对学生在学习和练习过程中出现的问题，进行补充讲解。调节课堂节奏，给学生思考的时间。3.教师程序编写：让学生观摩创建简单Web网站的创，与所学知识点一一对应，加深理解。4.问答：就一些知识点的灵活性与学生进行问答互动。5.就（3）和（4）中同学们的表现给出部分平时分，为了鼓励同学们的参与积极性，参与者加1分，答对者加2-3分。课后练习复习并巩固网站项目、用两种编码方式进行ASP.NET程序的开发(用几种不同方式新建一个Web站点)教学后记教学过程教学引入：请某位同学列举日常常用的5个网站，并总结这些网站的特点，询问网页是通过怎么开发的。教学内容：1.5VisualStudio使用基础1.5.1VisualStudioWeb开发环境VisualStudio产品系列共用一个集成开发环境。集成开发环境包括：菜单栏、标准工具栏、以及停靠或自动隐藏在左侧、右侧、底部和编辑器空间中的各种工具窗口。图1-23VisualStudioWeb开发设置的集成开发环境布局注意：工具窗口、菜单和工具栏是否可用取决于所处理的项目或文件类型。基于用户的自定义设置，IDE中的工具窗口及其他元素的布置会有所不同。MicrosoftVisualWebDeveloper内置完备的开发套件，可以快速开发Web应用。MicrosoftVisualWebDeveloper支持所见即所得的拖曳界面，可以创建出美观、易用的网站。MicrosoftVisualWebDeveloper支持页面模板，从而统一管理网页的排版与布局。MicrosoftVisualWebDeveloper内置近百种控件、上百段代码片段，可以大幅度降低创建互动式Web应用的时间。MicrosoftVisualWebDeveloper支持IntelliSense，可以更快地访问资源库和方法。通过CommonTasks和SmartTags，可以调用最常用的Web开发功能。图1-23为MicrosoftVisualStudioWeb开发设置的集成开发环境布局。VisualStudioWeb开发环境最常用的窗口和工具包括以下几种。工具栏。提供用于格式化文本、查找文本等的命令。注意：一些工具栏只有在“设计”视图下才可用。“解决方案资源管理器”窗口。显示网站中的文件和文件夹。“文档”窗口。显示正在选项卡式窗口中处理的文档。“属性”窗口。用于设置HTML元素、控件及其他对象的属性。视图选项卡。用于显示同一文档的不同视图，可在下列选项中切换：“设计”视图。一种近似WYSIWYG(What-You-See-Is-What-You-Get：所见即所得）的编辑界面，一般用于界面布局设计。“源”视图。Web页面内容的HTML编辑器，用于直接编辑源码。“拆分”视图。可同时显示文档的“设计”视图和“源”视图。工具箱。包括按功能分组的控件和HTML元素，可以拖到Web页面上。服务器资源管理器/数据库资源管理器。用于显示数据库连接。注意：VisualStudioWeb开发环境的窗口和工具栏均可移动位置或关闭。如果关闭了某窗口，则可通过“视图”菜单的子菜单重新显示。例如，如果未显示“服务器资源管理器”，可以通过“视图”|“服务器资源管理器”菜单命令，重新显示“服务器资源管理器”。1.5.2ASP.NET网站基本构建流程ASP.NET应用程序的结构如图1-24所示。这是典型的B/S架构：Web客户端（浏览器Browser）通过MicrosoftInternet信息服务（InternetInformationServices，IIS）与ASP.NET应用程序通信，大多数Web应用程序使用数据库服务器存储数据。图1-24ASP.NET应用程序的结构在学习ASP.NET应用程序开发之前，有必要了解构建一个ASP.NET网站的基本流程。构建一个ASP.NET网站的基本流程如图1-25所示。图1-25构建一个ASP.NET网站的基本流程任务实施：创建简单的Web网站1.任务描述：以“新知图书”网站管理系统为例，介绍使用VisualStudio2017创建ASP.NET网站的具体过程