instructor :李梅 qq : 492369160 phone: 683050

36
GDAIB Instructor 李李 QQ 492369160 Phone: 683050

Upload: callum-sampson

Post on 01-Jan-2016

64 views

Category:

Documents


5 download

DESCRIPTION

Web 程序设计. Instructor :李梅 QQ : 492369160 Phone: 683050. 课程概述. 课程内容:. 动态网站设计. 网页编程( HTML 、 CSS 、 JavaScript ). 动态网站设计技术 ( ASP.NET2.0 ). 其它(数据库 SQL Server 、语言 C# ). 参考资料. 参考资源: 参考书(英文,微软) Jesse Liberty and Dan Hurwitz(2006), ASP.NET Programming , 东南大学出版社, ISBN: 978-7-5641-0321-7 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Instructor :李梅 QQ : 492369160 Phone: 683050

GDAIB

Instructor:李梅QQ: 492369160Phone: 683050

Page 2: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

课程内容:

课程概述课程概述课程概述课程概述

网页编程( HTML 、CSS 、 JavaScript )

动态网站设计技术( ASP.NET2.0 )

其它(数据库SQL Server 、语言 C# )

动态网站设计

Page 3: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

参考资料参考资料参考资料参考资料

参考资源: 参考书(英文,微软)

• 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

Page 4: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

课程特色课程特色————项目导向,任务驱动式教学项目导向,任务驱动式教学课程特色课程特色————项目导向,任务驱动式教学项目导向,任务驱动式教学

11教师教学项目:

< 学生信息管理系统 >

22学生课堂实践项目:

< 网络教学系统 >

33学生课业项目:

< 博客系统 >

Page 5: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

学生信息管理系统学生信息管理系统学生信息管理系统学生信息管理系统

页面设计

登录 & 注册

聊天室

学生档案管理

学生成绩管理

学生信息学生信息管理系统管理系统学生信息学生信息管理系统管理系统

Page 6: Instructor :李梅 QQ : 492369160 Phone: 683050

学生信息管理系统学生信息管理系统学生信息管理系统学生信息管理系统Web Programming

Page 7: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

课程特色课程特色————项目导向,任务驱动式教学项目导向,任务驱动式教学课程特色课程特色————项目导向,任务驱动式教学项目导向,任务驱动式教学

11教师教学项目:

< 学生信息管理系统 >

22学生课堂实践项目:

< 网络教学系统 >

33学生课业项目:

< 博客系统 >

Page 8: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

网络教学系统网络教学系统网络教学系统网络教学系统

页面设计

登录 & 注册

在线答疑

在线测验

作业管理

网络教学网络教学系统系统

网络教学网络教学系统系统

Page 9: Instructor :李梅 QQ : 492369160 Phone: 683050

网络教学系统网络教学系统网络教学系统网络教学系统Web Programming

Page 10: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

课程特色课程特色————项目导向,任务驱动式教学项目导向,任务驱动式教学课程特色课程特色————项目导向,任务驱动式教学项目导向,任务驱动式教学

11教师教学项目:

< 学生信息管理系统 >

22学生课堂实践项目:

< 网络教学系统 >

33学生课业项目:

< 博客系统 >

Page 11: Instructor :李梅 QQ : 492369160 Phone: 683050

相册管理

Web Programming

博客系统(占期末成绩博客系统(占期末成绩 50%50% ))博客系统(占期末成绩博客系统(占期末成绩 50%50% ))

页面设计

登录 & 注册

心情记录

日志管理

博客系统博客系统博客系统博客系统

Page 12: Instructor :李梅 QQ : 492369160 Phone: 683050

博客系统博客系统博客系统博客系统Web Programming

Page 13: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

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

任务分解任务分解任务分解任务分解

Page 14: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

任务要求解决步骤(必要的理论知识)课堂实践要求课堂实践课业要求

任务驱动任务驱动任务驱动任务驱动

Page 15: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

Assignment( 50%)期末考试( 50%)

考核方式(考核方式( WebWeb 程序设计)程序设计)考核方式(考核方式( WebWeb 程序设计)程序设计)

Page 16: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

实训(个人作业) 新闻发布系统( 20%) 论坛( 20%)

课程设计(小组作业)( 60%) 电子商务网站 OA系统 社区游戏 其他 Web App 要求提供网站设计说明书、源程序,并演示

考核方式(网站建设与管理实训)考核方式(网站建设与管理实训)考核方式(网站建设与管理实训)考核方式(网站建设与管理实训)

Page 17: Instructor :李梅 QQ : 492369160 Phone: 683050

GDAIB

Task #1Task #1Task #1Task #1

网站开发概述

Page 18: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

学习目标学习目标学习目标学习目标

了解网站发展历史 了解网页工作原理 了解常用的网站开发工具 了解 ASP.NET2.0的功能和作用 能够使用 Visual Studio 2005创建并运行一个

ASP.NET应用程序

Page 19: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

Task1.1 Task1.1 网站发展历史网站发展历史Task1.1 Task1.1 网站发展历史网站发展历史

Page 20: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

Task1.2 Task1.2 网页工作原理网页工作原理Task1.2 Task1.2 网页工作原理网页工作原理

问题: 静态网页与动态网页的区别是什么? Web应用程序的体系结构分为哪两种?

Page 21: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

算术运算符

Text 3

Text 6Text 5

静态网页是相对于动态网页而言,就是说该文档网页文件里没有程序代码,只有 HTML标记,这种网页缀名一般为 .html; .htm; .shtml或 .xml等。

静态网页工作原理

静态网页工作原理静态网页工作原理静态网页工作原理静态网页工作原理

Page 22: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

算术运算符

Text 3

动态网页工作原理动态网页工作原理动态网页工作原理动态网页工作原理

动态网页是页面中不仅含有 HTML标记,而且含有程序代码,这种网页的后缀名一般根据不同的程序设计语言而不同,常见的有 .asp、 .jsp、 .php、 .perl、 .cgi等形式。

动态网页工作原理

Page 23: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

WebWeb 应用程序的两种体系结构 应用程序的两种体系结构 WebWeb 应用程序的两种体系结构 应用程序的两种体系结构

Page 24: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

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

用户 显示逻辑层

数据库层

两层应用架构

Page 25: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

企业应用开发架构——三层架构企业应用开发架构——三层架构企业应用开发架构——三层架构企业应用开发架构——三层架构

用户 表示逻辑层

数据库层

三层应用架构

组件层

Page 26: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

企业应用开发架构——企业应用开发架构—— NN 层架构层架构 企业应用开发架构——企业应用开发架构—— NN 层架构层架构

用户 表示逻辑层

数据库层

N层应用架构

组件层

服务层

Page 27: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

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

性能类别

平台 Web服务器 跨平台访问

ASP Windows 微软 IIS或 PWS 需要第三方引入产品

PHP Windows、 Linux、 UNIX

支持多种 Web服务器,如IIS、 Apache

可跨平台运行

JSP 绝大多数流行平台,包括Windows、 MS-DOS、 Linux及其他 UNIX系列平台产品

支持多种 Web服务器,包括Apache、 Netscape和 IIS

支持 Web环境中不同系列的计算机群,可以使用各种工具提供商提供的工具

Page 28: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

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

性能类别

易学性 速度 开销 扩展性 安全性 应用度

ASP 很容易 较快 较大 好 不好 较广泛

PHP 很容易 较快 较大 不好 好 较广泛

JSP 容易 快 小 很好 好 较广泛

Page 29: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

Task1.4 ASP.NETTask1.4 ASP.NET 简介——简介—— ASP.NETASP.NET 的特色的特色 Task1.4 ASP.NETTask1.4 ASP.NET 简介——简介—— ASP.NETASP.NET 的特色的特色

网页内容和程序代码分离多语言支持

ASP.NET目前能支持 3 种语言• C#, Visual Basic.NET 和 Jscript.NET。

执行效率更高面向对象的特性运行于 .NET平台上

Page 30: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

Task1.5 Visual Studio2005Task1.5 Visual Studio2005 的使用的使用Task1.5 Visual Studio2005Task1.5 Visual Studio2005 的使用的使用

Visual Studio 2005的安装 Visual Studio 2005的开发环境

Page 31: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

任务任务 1.11.1 :创建学生信息管理系统网站:创建学生信息管理系统网站任务任务 1.11.1 :创建学生信息管理系统网站:创建学生信息管理系统网站

任务要求: 创建学生信息管理系统网站,主页上显示一行文字“欢

迎访问学生信息管理系统网站!”。

Page 32: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

任务任务 1.11.1 :创建学生信息管理系统网站(任务分析):创建学生信息管理系统网站(任务分析)任务任务 1.11.1 :创建学生信息管理系统网站(任务分析):创建学生信息管理系统网站(任务分析)

Step1 Step2 Step3

Step5 Step4

根据用户需求进行问题分析,构思出合理的程序设计思路

创建一个新的 ASP.NET网站

设计网站包含的所有Web页面的外观

设置页面中所有控件对象的初始属性值

编写用于响应系统事件或用户事件的代码

Step6

试运行并调试程序,纠正存在的错误

Page 33: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

任务任务 1.11.1 :创建学生信息管理系统网站:创建学生信息管理系统网站任务任务 1.11.1 :创建学生信息管理系统网站:创建学生信息管理系统网站

解决步骤: 打开 Visual Studio 2005 文件新建网站 ASP.NET网站选择保存位置 命名网站为“ StudentMIS” 新建文件夹“ Task1” 创建新的 Web窗体“ 1 - 02.aspx” 添加一个 Label控件,修改属性为“欢迎访问学生信息

管理系统网站!” 保存文件 运行程序

Page 34: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

任务任务 1.11.1 结果结果任务任务 1.11.1 结果结果

Page 35: Instructor :李梅 QQ : 492369160 Phone: 683050

Web Programming

测试测试 11测试测试 11

要求: 设计一个网上教学系统的首页,要求首页上至少包括 Banner条、 Logo、导航栏(至少包括注册、在线答疑、在线测验、布置作业)、课程相关图片、课程简介以及课程新闻显示区。

可以利用教师提供的模板,也可以自己寻找模板,可以使用模板完成,也可以不适用模板,自行设计页面风格

设计工具不限,最好使用 Visual Studio 时间:两节课,下课前提交作品到《 Web程序设计》网络课程平台 此测试作为期末成绩的加分题目,按完成质量适当加分。

Page 36: Instructor :李梅 QQ : 492369160 Phone: 683050

GDAIB