Instructor ：李梅 QQ ： 492369160 Phone: 683050

1. Web程序设计 Instructor：李梅 QQ：492369160 Phone: 683050

2. 课程概述 • 课程内容： • 动态网站设计 网页编程（HTML、 CSS、JavaScript） 动态网站设计技术 （ASP.NET2.0） 其它（数据库 SQL Server、语言C#）

3. 参考资料 • 参考资源： • 参考书（英文，微软） • Jesse Liberty and Dan Hurwitz(2006), ASP.NET Programming, 东南大学出版社，ISBN: 978-7-5641-0321-7 • Patrick Carey, Creating Web Pages with HTML, XHTML, and XML, Course Technology, ISBN: 0-619-26801-8 • 微软公司，面向.NET的Web应用程序设计，高等教育出版社 • 网上资源 • http://www.asp.net/ • http://www.LibertyAssociates.com • http://www.course.com • http://www.w3school.com.cn/ • http://211.66.88.187/course/index.do?method=getIndex&cid=03765686-A87A-9C76-A393-3D984481F1F0

4. 教师教学项目： • <学生信息管理系统> 1 • 学生课堂实践项目： • <网络教学系统> 2 • 学生课业项目： • <博客系统> 3 课程特色——项目导向，任务驱动式教学

5. 学生信息 管理系统 学生信息管理系统 页面设计 登录&注册 聊天室 学生档案管理 学生成绩管理

6. 学生信息管理系统

7. 教师教学项目： • <学生信息管理系统> 1 • 学生课堂实践项目： • <网络教学系统> 2 • 学生课业项目： • <博客系统> 3 课程特色——项目导向，任务驱动式教学

8. 网络教学 系统 网络教学系统 页面设计 登录&注册 在线答疑 在线测验 作业管理

9. 网络教学系统

10. 教师教学项目： • <学生信息管理系统> 1 • 学生课堂实践项目： • <网络教学系统> 2 • 学生课业项目： • <博客系统> 3 课程特色——项目导向，任务驱动式教学

11. 博客系统 博客系统（占期末成绩50%） 页面设计 登录&注册 心情记录 日志管理 相册管理

12. 博客系统

13. 任务分解 • 网站开发概述 • 使用HTML+CSS+JavaScript创建静态页面 • 使用ASP.NET服务器控件创建前台页面 • 使用ASP.NET内置对象实现状态管理 • 使用ADO.NET访问数据库 • 使用数据控件管理数据库 • 使用ASP.NET技术操作文件 • 配置和部署ASP.NET Web应用程序

14. 任务驱动 • 任务要求 • 解决步骤（必要的理论知识） • 课堂实践要求 • 课堂实践 • 课业要求

15. 考核方式（Web程序设计） • Assignment（50%） • 期末考试（50%）

16. 考核方式（网站建设与管理实训） • 实训（个人作业） • 新闻发布系统（20%） • 论坛（20%） • 课程设计（小组作业）（60%） • 电子商务网站 • OA系统 • 社区游戏 • 其他Web App • 要求提供网站设计说明书、源程序，并演示

17. Task #1 网站开发概述

18. 学习目标 • 了解网站发展历史 • 了解网页工作原理 • 了解常用的网站开发工具 • 了解ASP.NET2.0的功能和作用 • 能够使用Visual Studio 2005创建并运行一个ASP.NET应用程序

19. Task1.1 网站发展历史

20. Task1.2 网页工作原理 • 问题： • 静态网页与动态网页的区别是什么？ • Web应用程序的体系结构分为哪两种？

21. 静态网页工作原理 静态网页是相对于动态网页而言，就是说该文档网页文件里没有程序代码，只有HTML标记，这种网页缀名一般为.html；.htm；.shtml或.xml等。 算术运算符 Text 3 Text 6 Text 5 静态网页工作原理

22. 动态网页工作原理 动态网页是页面中不仅含有HTML标记，而且含有程序代码，这种网页的后缀名一般根据不同的程序设计语言而不同，常见的有.asp、.jsp、.php、.perl、.cgi等形式。 算术运算符 Text 3 动态网页工作原理

23. Web应用程序的两种体系结构

24. 企业应用开发架构——两层架构

25. 企业应用开发架构——三层架构 组件层 数据库层 表示逻辑层 三层应用架构 用户

26. 企业应用开发架构——N层架构 组件层 服务层 数据库层 N层应用架构 表示逻辑层 用户

27. Task1.3 常用的网站开发工具

28. Task1.3 常用的网站开发工具

29. Task1.4 ASP.NET简介——ASP.NET的特色 • 网页内容和程序代码分离 • 多语言支持 • ASP.NET目前能支持3种语言 • C#，Visual Basic.NET和Jscript.NET。 • 执行效率更高 • 面向对象的特性 • 运行于.NET平台上

30. Task1.5 Visual Studio2005的使用 • Visual Studio 2005的安装 • Visual Studio 2005的开发环境

31. 任务1.1：创建学生信息管理系统网站 • 任务要求： • 创建学生信息管理系统网站，主页上显示一行文字“欢迎访问学生信息管理系统网站！”。

32. 任务1.1：创建学生信息管理系统网站（任务分析）任务1.1：创建学生信息管理系统网站（任务分析） Step1 Step2 Step3 根据用户需求进行 问题分析，构思出 合理的程序设计思 路 设计网站包含的所 有Web页面的外观 创建一个新的ASP .NET网站 Step4 Step5 Step6 编写用于响应系 统事件或用户事 件的代码 设置页面中所有 控件对象的初始 属性值 试运行并调试程 序，纠正存在的 错误

33. 任务1.1：创建学生信息管理系统网站 • 解决步骤： • 打开Visual Studio 2005 • 文件新建网站ASP.NET网站选择保存位置 • 命名网站为“StudentMIS” • 新建文件夹“Task1” • 创建新的Web窗体“1－02.aspx” • 添加一个Label控件，修改属性为“欢迎访问学生信息管理系统网站！” • 保存文件 • 运行程序

34. 任务1.1结果

35. 测试1 • 要求： • 设计一个网上教学系统的首页，要求首页上至少包括Banner条、Logo、导航栏（至少包括注册、在线答疑、在线测验、布置作业）、课程相关图片、课程简介以及课程新闻显示区。 • 可以利用教师提供的模板，也可以自己寻找模板，可以使用模板完成，也可以不适用模板，自行设计页面风格 • 设计工具不限，最好使用Visual Studio • 时间：两节课，下课前提交作品到《Web程序设计》网络课程平台 • 此测试作为期末成绩的加分题目，按完成质量适当加分。

36. Thank You !