《网站规划课程设计》教学大级纲课程编号：课程名称：网站规划课程设计英文名称：CourseDesignForWebSitePlanning课程类型：专业必修课总学时：30理论学时：10实验学时：20适用对象：信息系统与信息管理专业（本科）课程简介：《网站规划课程设计》作为独立的教学环节，是信息管理与信息系统专业集中实践性环节系列之一，是课程教学的必经步骤。该课程设计将使学生全面了解网站建设、网页设计与编程的基本概念，基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设，并能够对网站进行管理和维护。一、课程性质、目的和任务1、课程性质：卫生信息系统与信息管理专业学生的一门必修课。2、课程目的：（1）熟悉网站建设的思路和步骤，锻炼良好的设计风格（2）熟悉网站程序的设计思想，熟悉Dreamweaver等网站设计软件的基本操作知识。（3）熟悉网站服务器（WIN+IIS)的搭建，锻炼界面设计和程序调试能力。3、课程任务：通过综合运用网页制作的各种工具软件，按照网页设计的基本步骤完成具体网站的前台与后台规划建设，提高学生的网页设计与制作能力。同时，培养学生的协作和独立工做能力，创新能力和表达能力。二、教学基本要求通过本课程的学习，学生应能达到下列要求：(1)餐掌握网站建设、网页设计的基本理论、思路和步骤。(2)掌握HTML标记语言、CSS层叠样式表、JavaScript网页制作技术。(3）熟悉Dreamweaver等网站设计软件的基本操作方法。（4）掌握ASP访问数据库技术。(5）掌握网站规划需求分析、界面设计、程序编写、服务器搭建和网站运行测试的方法。三、教学内容及要求（一）网站规划概述【掌握】1．掌握网站建设、网页设计的基本理论和概念：2.掌握网站规划的思路和步骤。（二）需求分析【掌握】1掌握需求分析的任务和过程2.掌握网站设计需求分析的方法：1
1 《网站规划课程设计》教学大纲 课程编号: 课程名称：网站规划课程设计 英文名称：Course Design For Web Site Planning 课程类型：专业必修课 总学时：30 理论学时：10 实验学时：20 适用对象：信息系统与信息管理专业（本科） 课程简介： 《网站规划课程设计》作为独立的教学环节，是信息管理与信息系统专业集中实践性环 节系列之一，是课程教学的必经步骤。该课程设计将使学生全面了解网站建设、网页设计与 编程的基本概念，基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程， 掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设，并能够对网站进行管 理和维护。 一、课程性质、目的和任务 1、课程性质：卫生信息系统与信息管理专业学生的一门必修课。 2、课程目的： （1）熟悉网站建设的思路和步骤，锻炼良好的设计风格。 （2）熟悉网站程序的设计思想，熟悉 Dreamweaver 等网站设计软件的基本操作知识。 （3）熟悉网站服务器(WIN+IIS)的搭建，锻炼界面设计和程序调试能力。 3、课程任务：通过综合运用网页制作的各种工具软件，按照网页设计的基本步骤完成具体 网站的前台与后台规划建设，提高学生的网页设计与制作能力。同时，培养学生的协作和独 立工做能力，创新能力和表达能力。 二、教学基本要求 通过本课程的学习，学生应能达到下列要求： （1） 掌握网站建设、网页设计的基本理论、思路和步骤。 （2） 掌握 HTML 标记语言、CSS 层叠样式表、JavaScript 网页制作技术。 （3） 熟悉 Dreamweaver 等网站设计软件的基本操作方法。 （4） 掌握ASP 访问数据库技术。 （5） 掌握网站规划需求分析、界面设计、程序编写、服务器搭建和网站运行测试的 方法。 三、教学内容及要求 （一）网站规划概述 【掌握】 1. 掌握网站建设、网页设计的基本理论和概念； 2. 掌握网站规划的思路和步骤。 （二）需求分析 【掌握】 1. 掌握需求分析的任务和过程； 2. 掌握网站设计需求分析的方法；
3.掌握数据与数据库需求分析方法。【熟悉】1.熟悉不同类型网站的需求分析：2.熟悉网站主页html设计。（三）网站相关技术【掌握】1.HTML标记语言、CSS层叠样式表、JavaScript网页制作技术：2.ASP访问数据库技术。【熟悉】1.Dreamweaver等网页设计软件的基本操作方法。（四）网站结构设计【掌握】1.掌握网站目录结构设计的方法和原则。【熟悉】1.熟悉网站栏目设计的方法和原则。（五）网站详细设计【掌握】掌握网页布局设计基本原则和技术：1.2.掌握网页布局设计类型和设计元素。【熟悉】1.熟悉页面布局、CSS定义、首页制作、二级页面制作、页面内容设计：2.熟悉Asp数据库连接。（六）网站测试、发布与管理【掌握】掌握IIS的安装；1.2.3掌握虚拟目录的建立；3.掌握网站在本地机的测试。【了解】1．了解站点的管理方法：四、课程设计项目内容项目一网上医院类网站）项目类别：设计性、开发性项目。（二）项目目的：2
2 3. 掌握数据与数据库需求分析方法。 【熟悉】 1. 熟悉不同类型网站的需求分析； 2. 熟悉网站主页 html 设计。 （三）网站相关技术 【掌握】 1. HTML 标记语言、CSS 层叠样式表、JavaScript 网页制作技术； 2. ASP 访问数据库技术。 【熟悉】 1. Dreamweaver 等网页设计软件的基本操作方法。 （四）网站结构设计 【掌握】 1. 掌握网站目录结构设计的方法和原则。 【熟悉】 1. 熟悉网站栏目设计的方法和原则。 （五）网站详细设计 【掌握】 1. 掌握网页布局设计基本原则和技术； 2. 掌握网页布局设计类型和设计元素。 【熟悉】 1. 熟悉页面布局、CSS 定义、首页制作、二级页面制作、页面内容设计； 2. 熟悉 Asp 数据库连接。 （六）网站测试、发布与管理 【掌握】 1. 掌握 IIS 的安装； 2. 掌握虚拟目录的建立； 3. 掌握网站在本地机的测试。 【了解】 1. 了解站点的管理方法； 四、课程设计项目内容 项目一 网上医院类网站 （一） 项目类别：设计性、开发性项目。 （二） 项目目的：
1.掌握网上医院类网站设计和开发方法。2.掌握网站整体规划和设计思想。（三）项目内容：1.建立网站的站点2.主页制作（1）主页视觉设计简洁明了，采用国字形的布局结构；(2）主页上需要设计和该网站相应的LOGO，可以有机构简介、专项体检、就医指南、专家门诊、医疗设备、人才需求、联系我们等几个导航按钮可以连接到二级页面；（3）先后制作主页上的中心简介、体验导航、专项体检、健康知识、中心公告、友情链接等栏目。其中中心公告栏目必须要有。3.二级页面分别制作和导航按钮相关的二级页面。4.主页和二级页面的制作要使用HTML+CSS+JavaScript技术，后台采用ASP数据库连接技术。5.系统测试、发布（四）实验学时：20。项目二新闻类网站（一）项目类别：设计性、开发性项目。（二）项目目的：1.掌握新闻类网站设计和开发方法。2.掌握网站整体规划和设计思想。（三）项目内容：1.建立网站的站点2.主页制作（1）主页视觉设计简洁明了，大方、沉稳：（2）主页上需要设计和该网站相应的LOGO，可以有首页、国际新闻、国内新闻、新闻中心、热点新闻、专栏、图片新闻等导航按钮可以连接到二级页面：（3）先后制作主页上的国际新闻、国内新闻、新闻中心、热点新闻、专栏、图片新闻等栏目。3.二级页面分别制作和导航按钮相关的二级页面。4.主页和二级页面的制作要使用HTML+CSS+JavaScript技术，后台采用ASP数据库连接技术。5.系统测试、发布（四）实验学时：20。项目三企业类网站（一）项目类别：设计性、开发性项目。3
3 1. 掌握网上医院类网站设计和开发方法。 2. 掌握网站整体规划和设计思想。 （三）项目内容： 1．建立网站的站点 2．主页制作 (1) 主页视觉设计简洁明了，采用国字形的布局结构； (2) 主页上 需要设计和该网站相应的 LOGO，可以有机构简介、专项体检、就医指南、 专家门诊、医疗设备、人才需求、联系我们等几个导航按钮可以连接到二级页面； (3) 先后制作主页上的中心简介、体验导航、专项体检、健康知识、中心公告、友情链 接等栏目。其中中心公告栏目必须要有。 3．二级页面 分别制作和导航按钮相关的二级页面。 4．主页和二级页面的制作要使用 HTML+CSS+JavaScript 技术，后台采用 ASP 数据库 连接技术。 5．系统测试、发布 （四）实验学时：20。 项目二 新闻类网站 （一）项目类别：设计性、开发性项目。 （二）项目目的： 1. 掌握新闻类网站设计和开发方法。 2. 掌握网站整体规划和设计思想。 （三）项目内容： 1. 建立网站的站点 2. 主页制作 （1） 主页视觉设计简洁明了，大方、沉稳； （2） 主页上 需要设计和该网站相应的 LOGO，可以有首页、国际新闻、国内新闻、新 闻中心、热点新闻、专栏、图片新闻等导航按钮可以连接到二级页面； （3） 先后制作主页上的国际新闻、国内新闻、新闻中心、热点新闻、专栏、图片新闻 等栏目。 3. 二级页面 分别制作和导航按钮相关的二级页面。 4．主页和二级页面的制作要使用 HTML+CSS+JavaScript 技术，后台采用 ASP 数据库 连接技术。 5.系统测试、发布 （四）实验学时：20。 项目三 企业类网站 （一）项目类别：设计性、开发性项目
（二）项目目的：1掌握企业类网站设计和开发方法。2.掌握网站整体规划和设计思想。（三）项目内容：1.建立网站的站点2.主页制作（4）主页视觉设计简洁明了，能够吸引用户：(5）主页上需要设计和该网站相应的LOGO，可以有首页、公司简介、管理团队、产品展示、招纳贤才、法律声明、联系我们等几个导航按钮可以连接到二级页面：（6）先后制作主页上的公司简介、管理团队、产品展示、招纳贤才、法律声明、联系我们、公司动态等模块。其中公司动态栏目必须要有。3.二级页面分别制作和导航按钮相关的二级页面。4.主页和二级页面的制作要使用HTML+CSS+JavaScript技术，后台采用ASP数据库连接技术。5.系统测试、发布（四）实验学时：20。项目四博客类网站（一）项目类别：设计性、开发性项目。（二）项目目的：1.掌握博客类网站设计和开发方法。2.掌握网站整体规划和设计思想。（三）项目内容：1.建立网站的站点2.主页制作（7）主页视觉设计清新、休闲：（8）主页上需要设计和该网站相应的LOGO，可以有首页、个人简介、我的相册、日记随笔、寓言文字、访客留言、与我联系等几个导航按钮可以连接到二级页面：（9）在主页上的可以显示出按照时间顺序排列的日志列表信息，单击列表可以进入页面，可以提交日志，并实现对日志的管理（发表、删除、修改）。3.二级页面分别制作和导航按钮相关的二级页面。4.主页和二级页面的制作要使用HTML+CSS+JavaScript技术，后台采用ASP数据库连接技术。5.系统测试、发布五、教学方法与手段4
4 （二）项目目的： 1. 掌握企业类网站设计和开发方法。 2. 掌握网站整体规划和设计思想。 （三）项目内容： 1．建立网站的站点 2．主页制作 (4) 主页视觉设计简洁明了，能够吸引用户； (5) 主页上 需要设计和该网站相应的 LOGO，可以有首页、公司简介、管理团队、产 品展示、招纳贤才、法律声明、联系我们等几个导航按钮可以连接到二级页面； (6) 先后制作主页上的公司简介、管理团队、产品展示、招纳贤才、法律声明、联系我 们、公司动态等模块。其中公司动态栏目必须要有。 3．二级页面 分别制作和导航按钮相关的二级页面。 4．主页和二级页面的制作要使用 HTML+CSS+JavaScript 技术，后台采用 ASP 数据库 连接技术。 5．系统测试、发布 （四）实验学时：20。 项目四 博客类网站 （一）项目类别：设计性、开发性项目。 （二）项目目的： 1. 掌握博客类网站设计和开发方法。 2. 掌握网站整体规划和设计思想。 （三）项目内容： 1．建立网站的站点 2．主页制作 (7) 主页视觉设计清新、休闲； (8) 主页上 需要设计和该网站相应的 LOGO，可以有首页、个人简介、我的相册、日 记随笔、寓言文字、访客留言、与我联系等几个导航按钮可以连接到二级页面； (9) 在主页上的可以显示出按照时间顺序排列的日志列表信息，单击列表可以进入页 面，可以提交日志，并实现对日志的管理（发表、删除、修改）。 3．二级页面 分别制作和导航按钮相关的二级页面。 4．主页和二级页面的制作要使用 HTML+CSS+JavaScript 技术，后台采用 ASP 数据库 连接技术。 5．系统测试、发布 五、教学方法与手段
本课程采用讲授与上机实践相结合的教学方式，理论课讲授采用多媒体教学。在教学讨程中采用以下几种教学方法：1、启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；2．民主式教学：以学生为主体，以学习为中心，强化学生的学习主人翁意识。鼓励讨论，课堂氛围宽松和谐：3.开放式教学：课上课下融合，培养学生发散思维，增大学生的学习自主权：4.研究式教学：变灌输式为研讨式、探索式。教师给思路，指点学生自主获取知识；实践性教学：充分利用实验室，通过上机实习，加强学生的实践能力。六、各教学环节学时分配内容实验课堂讲授1（一）网站规划概述2（二）需求分析2（三）网站相关技术202（四）网站结构设计2（五）网站详细设计1（六）系统测试、发布于管理七、考核方式学生以分组的形式选择项目一到项目四中的一个项目进行开发，需要完成后上交源文件、课程设计报告。答辩时，使用PPT并展示作品。答辩时教师根据上交的源文件、课程设计报告、答辩情况进行加权评分。八、教学参考书1、《网页设计与开发实例教程》郑娅峰编著清华大学出版社2、《WEB程序设计》（中文版）清华大学出版社Robertw.Sebsta著九、本大纲主要起草人、审阅人主要起草人：2014年2月22日审阅人年月日教研室年月日5
5 本课程采用讲授与上机实践相结合的教学方式，理论课讲授采用多媒体教学。在教学过 程中采用以下几种教学方法： 1. 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学 习的主动性、积极性和创造性； 2. 民主式教学：以学生为主体，以学习为中心，强化学生的学习主人翁意识。鼓励讨论， 课堂氛围宽松和谐； 3. 开放式教学：课上课下融合，培养学生发散思维，增大学生的学习自主权； 4. 研究式教学：变灌输式为研讨式、探索式。教师给思路，指点学生自主获取知识； 实践性教学：充分利用实验室，通过上机实习，加强学生的实践能力。 六、各教学环节学时分配 内容 课堂讲授 实验 （一）网站规划概述 1 20 （二) 需求分析 2 （三）网站相关技术 2 （四）网站结构设计 2 （五）网站详细设计 2 （六）系统测试、发布于管理 1 七、考核方式 学生以分组的形式选择项目一到项目四中的一个项目进行开发，需要完成后上交源文 件、课程设计报告。答辩时，使用 PPT 并展示作品。 答辩时教师根据上交的源文件、课程设计报告、答辩情况进行加权评分。 八、教学参考书 1、《网页设计与开发实例教程》 郑娅峰编著 清华大学出版社 2、《WEB 程序设计》(中文版) Robert W.Sebsta 著 清华大学出版社 九、本大纲主要起草人、审阅人 主要起草人： 2014 年 2 月 22 日 审 阅 人： 年 月 日 教研室 年 月 日