《web站点规划与设计课程单元教学设计》由会员分享，可在线阅读，更多相关《web站点规划与设计课程单元教学设计（88页珍藏版）》请在金锄头文库上搜索。
1、漯河职业技术学院计算机与信息工程系漯河职业技术学院计算机与信息工程系课程单元教学设计方案课程单元教学设计方案WEBWEB 站点规划与设计站点规划与设计课程单元设计课程单元设计教务处2013 年 03 月 4 日2WEBWEB 站点规划与设计站点规划与设计课程单元教学设计美仑装饰材料公司网站需求分析美仑装饰材料公司网站需求分析1教案首页设计本次课标题：美仑材料装饰公司网站需求分析授课班级学 时2时 间场所能力（技能）目标知识目标 教学目标能明确用户系统需求、业务需求能读懂需求分析文档能对相关信息进行收集能阅读相关新技术资料网站开发流程企业工作流程面向对象程序设计思想能力训练任务及案例分析网站开发
2、流程分析美仑材料装饰公司网站的用户功能性需求分析美仑材料装饰公司网站用户界面需求分析网站其他需求（服务器需求、运行需求等）撰写简要的需求分析说明书 5参考资料优秀教材资源ASP.NET 项目开发案例全程实录张领，清华大学出版社，2012精通 ASP.NET刘乃丽，人民邮电出版社，2011ASP.NET 程序设计情境式教程 朱香卫，电子工业出版社，2011网站及论坛资源http:/ fireworks 自带的“切片”工具实现布局的步骤有哪些？ 4面向对象程序设计的特征。在前面的静态网页设计课程中我们对网站的美工布局进行了训练，并对WEB 站点规划与设计课程的前导课程和相关课程进行了简单回顾，为顺
3、利进入WEB 站点规划与设计课程打下良好的基础。方法：讲授（口述）手段：课件3教学内容教学内容与操作流与操作流程程（掌握初步或基本能力）1课程项目介绍及展示贯穿课程项目：美仑材料装饰公司网站2分小组讨论网站开发流程及网站开发团队中的角色 3教师归纳总结软件开发流程可行性研究与计划：软件开发方与需求方共同讨论，主要确定软件的开发目1标及其可行性。需求分析：分析用户需求，弄清楚“做什么” 。2概要设计：把网站的功能分解成许多基本的功能模块，确定它们之间的联系，规定它们的功能和处理流程，即确定系统“怎么做” 。详细设计、编码：在网站总体设计的基础上，将设计方案进一步具体化、条理化和规范化。测试：在网
4、站设计完成后要经过严密的测试，以发现网站在整个设计过程中存在的问题并加以纠正。维护：网站投入使用后，如网站不能继续适应用户的要求，要延续网站的使用寿命，就必须对网站进行维护，包括纠错性维护和改进性维护。4学生思考日常接触过的网站一般包括哪几块一般网站包括 2 大块：网站前台信息显示页面与网站后台管理页面，其中前台页面一般包括首页、列表页、内容页；后台页面一般包括后台登录页、后台主页、增、删、改等页面。5小组讨论分析美仑材料装饰公司网站的用户功能性需求网站开发的总体任务是实现网站的美观大方、系统化和规范化。美仑材料装饰公司网站需要完成的功能主要有：前台首页；公司简介；新闻中心；入住单位；网上订购
5、；联系我们；装饰论坛；以及在线留言。在数据库方面，利用关系数据库功能强大的查询语言对各类信息入库保存，按要求及时处理。网站需集信息显示、添加、维护、和各种处理为一体，各种操作可以通过后台进行管理，操作快捷、方便，性能高效、强大；网站还需能够提供友好美观前台界面、良好的运行效率、可维护性。6、小组讨论分析前台界面需求前台界面应从信息展示的角度，反映网站的整体功能，设计原则：前台界面美观大方、布局合理：前台界面风格一致性；网页配色原则（色彩 1基础、色相、饱和度、色彩模式等） ；网页布局的类型（表格布局、div+css 布局、用 fireworks 自带的“切片”工具）; 前台页面特效的实现（界面
6、操作要完整、正确地处理实际的数据，提示的操作要真正处理） 前台功能信息的显示：网站后台操作对前台信息显示的影响，做到“后台对前台信息显示实现管理”。7、小组讨论分析网站其他需求（服务器需求、运行需求等）8教师引导，小组讨论撰写简要需求分析说明书9教师巡回指导，对问题进行解答教师示范或课件演示学生模仿4任务实施任务实施（加深对基本能力的体会）分析网站开发流程分析美仑材料装饰公司网站的用户功能性需求分析美仑材料装饰公司网站用户界面需求分析网站其他需求（服务器需求、运行需求等）撰写简要的需求分析说明书 5启发 诱导重点讲解个别指导学生实际操作集体操作归纳归纳（知识和能力）1.网站开发流程2.需求分析
7、的主要任务3.美仑材料装饰公司网站的用户需求及网站功能需求讲授训练训练撰写简要的美仑材料装饰公司网站需求说明书学生操作检查与评检查与评价价能力、知识、技巧重点、注意事项教师讲授或提问作业作业美仑材料装饰公司网站需求说明书访问网站：http:/ 站点规划与设计站点规划与设计课程单元教学设计美仑装饰材料公司网站总体分析美仑装饰材料公司网站总体分析1教案首页设计本次课标题：美仑材料装饰公司网站总体设计授课班级学 时2时 间场所能力（技能）目标知识目标教学目标能读懂数据流图会划分功能模块会绘制整体结构图养成良好的文档习惯具有良好的沟通能力网站的概要设计模块划分及各个模块之间的关系B/S 应用程序结构能
8、力训练任务及案例划分网站功能模块绘制网站功能结构图阅读 B/S 结构相关文档配置 Visual Studio 2010 集成开发环境配置 SQL Server2008 数据库参考资料优秀教材资源ASP.NET 项目开发案例全程实录张领，清华大学出版社，2012精通 ASP.NET刘乃丽，人民邮电出版社，2011ASP.NET 程序设计情境式教程 朱香卫，电子工业出版社，2011网站及论坛资源http:/ 美仑材料装饰公司网站的用户需求是什么？在前面的单元中我们对网站进行了需求分析，弄清楚了网站 “做什么” ，这个单元要把网站的功能分解成许多基本的功能模块，确定它们之间的联系，规定它们的功能和处
9、理流程，即确定网站“应该如何实现” 。方法：讲授（口述）手段：课件6教学内容教学内容与操作流与操作流程程（掌握初步或基本能力）1.教师阐述本系统设计目标网站属于中型的企业类网站，主要实现以下目标：网站属于动态网站，界面美观大方，布局合理，数据存储安全可靠。实现从后台向数据库中动态添加、修改、删除信息、前台从数据库查询信息，实现网站实时更新。对布局合理规划，实现网站页面美观大方。实现从后台对网站内容的管理。实现网站前、后台功能代码。网站最大限度地实现易维护性和易操作性。2.小组讨论：什么是模块化？应如何为网站划分模块？3.小组回答，教师点评并归纳总结。模块化就是把程序划分成独立命名且可独立访问的
10、模块，每个模块完成一个子功能，把这些模块集成起来构成一个整体，可以完成指定的功能满足用户的需求。模块划分原则：模块独立性最大原则：划分模块最重要最基本原则，要求模块高内聚，低耦合。模块规模应该适中尽可能消除重复的工作，建立公用模块，以减少冗余的原则降低模块接口的复杂程度设计单入口单出口的模块：一个模块应该只有一个入口点和一个出口点，这样的模块易于调试，也不容易出错。4.小组讨论网站前台、后台、数据库三者之间的关系？美仑装饰公司网站一般分为三大块内容：数据库、前台、后台。数据库、前台、后台三者之间的关系数据库：实现对网站信息内容的存储。后台模块：有时也称为网站管理后台，是指用于管理网站前台的一系
11、列操作，如产品、企业信息的增加、更新、删除等。通过网站管理后台，可以有效的管理网站供浏览者查阅的信息。前台模块：网站前台是面向网站访问用户的，通俗的说也就是给访问网站的人看的内容和页面，网站前台访问可以浏览公开发布的内容，如产品信息、新闻信息、企业介绍、企业联系方式、提交留言等操作，管理可以通过密码进到后台的网页，来发布新闻、查看留言等操作。6. 教师巡视并加以指导，引入组织结构图的绘制方法7. 小组讨论系统功模块能结构图的绘制，.教师巡视各小组完成情况并加以评价网站的前台功能模块的设计教师示范或课件演示学生模仿78教师阐述考试管理系统实现技术实现技术：采用面向对象的软件开发方法来实现考试管理
12、系统，系统开发工具选择能够跨平台的开发工具 Visual Studio 2010。在前台操作与后台数据库处理的连接上，主要采用 ADO.NET 技术和 SQL Server2008 数据库，运用客户机服务器模式（C/S）配合功能强大的 SQL 查询语言实现预定的功能需求。9.学生自主阅读 C/S 结构相关文档，讨论问题：C/S 结构特点日常接触到的软件有哪些是采用 C/S 结构的？10学生回答，教师归纳总结C/S 系统最本质的特点在于：客户机运行数据库应用（界面处理），数据库服务器运行全部或大部分 DBMS（数据处理）。服务器运行 SQL，将查询结构传送到客户端，减少了网络信息的传输，系统采用
13、参照完整性、存储过程、触发器等数据库技术保证数据完整一致准确。C/S 之间通过任意的协议通信，一般要求有特定的客户端。比如 QQ 就是 C/S 模式，PC 桌面上的 QQ 就是腾讯公司的特定的客户端，而服务器就是腾讯的服务器。再比如网络电视 PPLIVE 等，这些软件都是 C/S 模式的，他们要求在用户有特定的客户端。11.学生练习配置 Visual Studio 2010 集成开发环境12.学生练习配置 SQL Server2008 数据库13.教师巡视，对共性问题进行解答8任务实施任务实施（加深对基本能力的体会）划分系统功能模块绘制系统功能结构图阅读 C/S 结构相关文档启发 诱导重点讲解
14、个别指导学生实际操作集体操作归纳归纳（知识和能力）1.系统设计的目标2.考试管理系统模块划分 3. 3. C/S 结构特点讲授训练训练配置 Visual Studio 2010 集成开发环境配置 SQL Server2008 数据库学生操作检查与评检查与评价价能力、知识、技巧重点、注意事项教师讲授或提问作业作业1.上网收集校园里招聘 IT 专业毕业生的信息，并对企业资料进行分析2. 访问重要或著名的 IT 公司网站，试着找到所使用的系统开发方法的信息3. 上网搜索 B/S 结构知识，比较 C/S 和 B/S 结构的差别后记C/SC/S 结构项目开发结构项目开发课程单元教学设计考试管理系统数据库设计考试管理系统数据库设计1教案首页设计本次课标题：考试管理系统数据库设计授课班级学 时4时 间场所能力（技能）目标知识目标教学目标能绘制 E-R 图能读懂数据库设计文档能进行数据库设计会创建数据
