电气网站前台设计(附件)
世界进入信息高速发展的时代，网络成为推动历史发展车轮，面对信息时代日益膨胀的今天，校园门户网站的建设发展成为高校关注的问题。针对学校网站建设的特点和重点，结合高校二级网站制作的经验，从目标与功能、动态技术的选择、ASP.NET与SQL Server 2014数据库的结合、网站结构与网页设计等方面讨论了学院网站的开发，从网站总体的需求分析、栏目规划、技术方案的确定等方面讨论了高校二级网站的建设过程，为高校二级网站建设提供了参考。
网站前台设计部分主要介绍了系统功能设计和数据库设计及代码设计；详细设计主要介绍各个模块界面的情况，让用户对界面有一个感性的认知；软件测试是一个网站开发过程中必不可少的一部分，这体现了网站开发最终的成果。系统实现部分说明了几个主要模块的算法，本系统界面友好，操作简单，比较实用。网站的前台开发设计及网站的制作规范,其设计与制作规范不仅是关于网页版式编排的技巧与方法,而是一种技能，更是艺术与技术的高度统一。设计好一个网站的前台及遵守相同的制作网页规范，对使用互联网来说都是一个需要研究和探讨的问题。
关键词：ASP.NET；SQL Server 2014；网站前台设计；互联网；
目 录
1. 绪论 2
1.1 课题的背景 2
1.2 研究意义 2
1.3 网站建设方案 2
1.4 课题的主要任务 4
2. 需求分析 5
2.1 网站定位 5
2.2 可行性分析 5
2.3 开发平台和技术简介 6
2.4 开发环境 7
3. 网站的详细设计与实现 8
3.1 页面的设计 8
3.2 数据库的设计 9
3.3 动态网页设计 10
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
> 4. 网页设计制作规范 10
4.1 整体设计规范 10
4.2 脚本代码编写规范 11
5. 配置服务器 11
5.1安装IIS服务器 11
5.2配置IIS服务器 11
6. 前台板块具体方案设计 13
6.1 前台整体模块的设计 13
6.2 相关的技术方法 17
7. 网站的测试与维护更新 19
7.1 软件测试的方法 19
7.2 学院网站站点面临的主要威胁 19
7.3 防范措施 19
总 结 20
致 谢 21
1. 绪论
1.1 课题的背景
学院二级网站是国内外高校建设网络信息化的教学现状和发展趋势。而且网站体系的构建已经十分的完善，集教学、协作、实践、开放、交互的教育需求为一体，为学生提供最大的学习交流平台，如今的学院网站是每一所大学的“商标”，每一所大学都有不同的特色，每一所大学都有不同的个性；在大学里，又分为各个不同的学院，每个学院有自己的特色，每个学院有自己的优势[2]。在这个高度信息化的社会里，建立自己学院网站是最有效的宣传手段。网站具有超时空特性，不但可以让本学院的学生了解自己的学院，还可以让其他学院的学生了解我们电子与电气学院。为了更好的宣传本学院的新闻、信息等情况,提高本学院知名度，特构建电气学院网站。
1.2 研究意义
国内很多高校都结合本学院的实际情况而建设起了有自己特色的二级学院网站，以便宣传自己本学院的特色风采和处理本学院的相关事务[3]。另外，因为高校实际情况存在各种差异，学院设置机构不同，管理制度、师资力量、工作流程等的不同，所需的系统功能、业务流程、分析重点等也有所差异，因此，高校引进的一些系统就不能够直接使用，有很多功能没有实现，需要进行再次开发和规划，造成了资源的浪费和投入成本的提高[1]。
对于电气学院网站前台设计，就是为了实现网站的整体应用更加贴近实际，通过对网站的前台设计从而对网站主页进行优化和整合，让用户在第一次使用本网站时就可以留下好的第一印象，前台设计重点在于设计网站的图片、动画以及色调，美化主页以及下级层面，充分利用现有资源和节约成本。
1.3 网站建设方案
1.3.1 设计思想
通过电气学院网站，可以全面宣传学院教学特色，展示学院人文风采，通知学校的重大活动安排与招生政策，增强学生、父母与学校之间的联系，在Internet上实现完成一部分校园事务，提高办公的效率。学院网站的宗旨是为学院全体师生的教育教学活动提供优质的服务。
1.3.2 原 则
院系网站的设计按照校园网设计的一般原则，如直观性、有效性、精确性、艺术性。
（1） 避免重复，某些院系网站申请自己的域名，借用校外其他的服务器，作为一个单独的网站而存在。但是，院系网站是作为校园网的子网站，应该避免与校园网在内容、设计、功能等方面的无谓重复，如校园景色、办公协助等。这些重复无意降低网站的意义、增加网站维护人员的工作量、损耗浏览者宝贵的时间[7]。
（2）延伸性，不同学院的学科专业建设不同，因而具有不同的特点。这种差潜意识地影响着不同师生的思想、行为方式，形成各院系独特的文化气息。院系网站应充分展现院系原有的文化特色和优秀美德，它是院系原有文化特色和优秀美德在如今网络环境下的继承和发展[5]。
1.3.3 网站栏目设计
（1）前台设计模块
网站前台设计的主要任务是完成以下三大主要模块的设计。如图1-1所示：
图1-1网站前台
主网页模块布局的导向栏主要内容包括以下部分。如图1-2所示：
图1-2网站板块内容
首页即学院网站的主页，由网站主业中的各个模块所构成，即包括网站的LOGO、网站的导航模块、新闻模块、用户登陆模块、邮箱登陆模块、学院其他机构导航模块等等。
新闻板块用来发布学院公告以及其他相关教学新闻。
学院概况栏目包含学院简介、专业介绍、领导班子和组织机构四大内容。师资队伍栏目页面是对我院的师资力量进行介绍，对我院各位教师以及教授履历进行一一介绍。实践教学栏目包含中心实验室、电工电子教学实验中心、自动化技术实验室、测控实验室以及实践教学管理制度五项，每项对实验室设施建设有具体介绍和说明。党群工作栏目包括党总支、团总支、院工会、学生会以及电子科技协会五项，同样，相应每项会对各组织进行详细介绍。招生就业、学院荣誉和下载专区分别作为三大项进行单独显示。
（2）学院网站建设的目标和功能
在互联网技术高速发展的时代，校园网是实现网络教育信息化的最前端，是评价高校综合实力的一项重要标准。利用网络信息技术，不但可以很好地发挥学生的主体作用，使学生自主学习、协作分工，对老师因材施教有很大帮助、改良教学方法，激发学生的创新思维；不仅推动学生素质教育的深入发展，当然也架起了高校内部自身与外界环境网络信息交流的桥梁。高校二级网站建设的好坏以及内容充实程度，很大程度上决定了高校网站制作的水平。因此，大力建设好二级校园网，并发挥其独特的作用，已成为如今提升校园网水平的非常手段和紧迫任务[10]。学院网站要实现的最终目标，是利用Internet使学生在任何地方都能观察到学院网站的更新与变化；使校外的企、事业单位、校友及关注网站动态信息建设的人，对学院的最新动态与变化有非常及时的了解。由于学校资源和资金紧缺，网站建设投资不可能一步到位，所以高校二级网站建设应以总体规划、分几步去实施的原则[6]。在规划建设之前就要充分考虑系统的实用性、可扩展性以及经济方面的可行性等因素,避免日后因出现系统不兼容、不稳定而造成投资的过度浪费。
CPU：Intel Athlon XP, 1000 MHz (5 x 200)或以上
内存：64MB或以上
硬盘：200MB以上（客户机）
显示器：VGA或更高
1. 绪论 2
1.1 课题的背景 2
1.2 研究意义 2
1.3 网站建设方案 2
1.4 课题的主要任务 4
2. 需求分析 5
2.1 网站定位 5
2.2 可行性分析 5
2.3 开发平台和技术简介 6
2.4 开发环境 7
3. 网站的详细设计与实现 8
3.1 页面的设计 8
3.2 数据库的设计 9
3.3 动态网页设计 10
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
> 4. 网页设计制作规范 10
4.1 整体设计规范 10
4.2 脚本代码编写规范 11
5. 配置服务器 11
5.1安装IIS服务器 11
5.2配置IIS服务器 11
6. 前台板块具体方案设计 13
6.1 前台整体模块的设计 13
6.2 相关的技术方法 17
7. 网站的测试与维护更新 19
7.1 软件测试的方法 19
7.2 学院网站站点面临的主要威胁 19
7.3 防范措施 19
总 结 20
致 谢 21
1. 绪论
1.1 课题的背景
学院二级网站是国内外高校建设网络信息化的教学现状和发展趋势。而且网站体系的构建已经十分的完善，集教学、协作、实践、开放、交互的教育需求为一体，为学生提供最大的学习交流平台，如今的学院网站是每一所大学的“商标”，每一所大学都有不同的特色，每一所大学都有不同的个性；在大学里，又分为各个不同的学院，每个学院有自己的特色，每个学院有自己的优势[2]。在这个高度信息化的社会里，建立自己学院网站是最有效的宣传手段。网站具有超时空特性，不但可以让本学院的学生了解自己的学院，还可以让其他学院的学生了解我们电子与电气学院。为了更好的宣传本学院的新闻、信息等情况,提高本学院知名度，特构建电气学院网站。
1.2 研究意义
国内很多高校都结合本学院的实际情况而建设起了有自己特色的二级学院网站，以便宣传自己本学院的特色风采和处理本学院的相关事务[3]。另外，因为高校实际情况存在各种差异，学院设置机构不同，管理制度、师资力量、工作流程等的不同，所需的系统功能、业务流程、分析重点等也有所差异，因此，高校引进的一些系统就不能够直接使用，有很多功能没有实现，需要进行再次开发和规划，造成了资源的浪费和投入成本的提高[1]。
对于电气学院网站前台设计，就是为了实现网站的整体应用更加贴近实际，通过对网站的前台设计从而对网站主页进行优化和整合，让用户在第一次使用本网站时就可以留下好的第一印象，前台设计重点在于设计网站的图片、动画以及色调，美化主页以及下级层面，充分利用现有资源和节约成本。
1.3 网站建设方案
1.3.1 设计思想
通过电气学院网站，可以全面宣传学院教学特色，展示学院人文风采，通知学校的重大活动安排与招生政策，增强学生、父母与学校之间的联系，在Internet上实现完成一部分校园事务，提高办公的效率。学院网站的宗旨是为学院全体师生的教育教学活动提供优质的服务。
1.3.2 原 则
院系网站的设计按照校园网设计的一般原则，如直观性、有效性、精确性、艺术性。
（1） 避免重复，某些院系网站申请自己的域名，借用校外其他的服务器，作为一个单独的网站而存在。但是，院系网站是作为校园网的子网站，应该避免与校园网在内容、设计、功能等方面的无谓重复，如校园景色、办公协助等。这些重复无意降低网站的意义、增加网站维护人员的工作量、损耗浏览者宝贵的时间[7]。
（2）延伸性，不同学院的学科专业建设不同，因而具有不同的特点。这种差潜意识地影响着不同师生的思想、行为方式，形成各院系独特的文化气息。院系网站应充分展现院系原有的文化特色和优秀美德，它是院系原有文化特色和优秀美德在如今网络环境下的继承和发展[5]。
1.3.3 网站栏目设计
（1）前台设计模块
网站前台设计的主要任务是完成以下三大主要模块的设计。如图1-1所示：
图1-1网站前台
主网页模块布局的导向栏主要内容包括以下部分。如图1-2所示：
图1-2网站板块内容
首页即学院网站的主页，由网站主业中的各个模块所构成，即包括网站的LOGO、网站的导航模块、新闻模块、用户登陆模块、邮箱登陆模块、学院其他机构导航模块等等。
新闻板块用来发布学院公告以及其他相关教学新闻。
学院概况栏目包含学院简介、专业介绍、领导班子和组织机构四大内容。师资队伍栏目页面是对我院的师资力量进行介绍，对我院各位教师以及教授履历进行一一介绍。实践教学栏目包含中心实验室、电工电子教学实验中心、自动化技术实验室、测控实验室以及实践教学管理制度五项，每项对实验室设施建设有具体介绍和说明。党群工作栏目包括党总支、团总支、院工会、学生会以及电子科技协会五项，同样，相应每项会对各组织进行详细介绍。招生就业、学院荣誉和下载专区分别作为三大项进行单独显示。
（2）学院网站建设的目标和功能
在互联网技术高速发展的时代，校园网是实现网络教育信息化的最前端，是评价高校综合实力的一项重要标准。利用网络信息技术，不但可以很好地发挥学生的主体作用，使学生自主学习、协作分工，对老师因材施教有很大帮助、改良教学方法，激发学生的创新思维；不仅推动学生素质教育的深入发展，当然也架起了高校内部自身与外界环境网络信息交流的桥梁。高校二级网站建设的好坏以及内容充实程度，很大程度上决定了高校网站制作的水平。因此，大力建设好二级校园网，并发挥其独特的作用，已成为如今提升校园网水平的非常手段和紧迫任务[10]。学院网站要实现的最终目标，是利用Internet使学生在任何地方都能观察到学院网站的更新与变化；使校外的企、事业单位、校友及关注网站动态信息建设的人，对学院的最新动态与变化有非常及时的了解。由于学校资源和资金紧缺，网站建设投资不可能一步到位，所以高校二级网站建设应以总体规划、分几步去实施的原则[6]。在规划建设之前就要充分考虑系统的实用性、可扩展性以及经济方面的可行性等因素,避免日后因出现系统不兼容、不稳定而造成投资的过度浪费。
CPU：Intel Athlon XP, 1000 MHz (5 x 200)或以上
内存：64MB或以上
硬盘：200MB以上（客户机）
显示器：VGA或更高
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/dzxx/dzdq/762.html
