网站内容设计(基于ASP的校园网站设计第一章.绪论..)

　　网站内容设计(基于ASP的校园网站设计第一章.绪论..)

　　: 基于ASP的校园网站设计

　　第一章介绍

　　1.1 前言

　　互联网正在改变世界。由于互联网具有传播信息容量巨大、形式多样、快捷方便、覆盖全球、自由互动等特点，已发展成为一种新型的传播媒介。现在很多大学和很多企业部门都建立了自己的网站，通过计算机网络实现宣传、交流和资源的整合。建立学院网站有以下效果：

　　（1)学院网站是学院的“商标”。在这个高度信息化的社会，建立学院自己的网站是最直接的宣传手段。网站超空间功能不仅让区域内的人了解学院，也让世界了解学院。

　　（2)学院拥有庞大的教育资源，网站是实现教育资源配置的桥梁，让每一位师生都能得到平等的培训和教育机会，可以大大提高教学效率。

　　（3)学院网站可以提供一种新的教学互动方式。学院网站使师与教师、师生、学生与学生之间的交流成为一种新的方式。它不受限制传统教室，让不同的学院共处一室，共同讨论，共同进步，地域界限在这里模糊消失，学院网站真是一个没有围墙的学院。

　　（4)学院网站可以提供个性化的学习平台。不同的学生认识世界的方式不同，认识世界的方式也有很多种。互联网提供的丰富资源可以让学生找到不同的教育 每种方式都看你需要什么。学院网站让不同的学生走自己的路，以自己的速度接受教育和学习。学生将有机会享受最好的教育机会，充分探索自己的与生俱来的潜力。培养独特的个性和个性。

　　（5)学院网站是最好的教研室。学院网站与教育专业网站的有效联系，为学院的教学和科研带来了新​​天地多种优秀教学计划、专家论坛、网络观摩课程、各类学科教材、多媒体课件制作等内容，为教师的教学科研提供了绝佳的平台，有效降低教研成本，提高效率。

　　1.2 研究时间

　　4月8日至5月10日从需求分析、系统设计、编码实现到测试。

　　1.3 主要研究内容

　　本课题的主要研究内容有以下几个方面：

　　1、文章管理信息

　　2、下载管理信息

　　3、图片管理信息

　　4、管理员管理信息

　　5、JS管理信息

　　6、页面模板信息

　　7、专题管理信息

　　8、数据库管理信息

　　第二章。开发环境及需求分析

　　2.1、开发目的

　　随着计算机技术的发展，网络技术对我们的生活和工作变得越来越重要，尤其是在信息高度发达的今天，人们对最新信息的需求和发布的及时性的迫切需要。动态交互网页正好提供了这些功能。本系统是一个在线互动系统，可以实现互联网上的新闻、文摘、资源等，多栏目管理，实时的行为统计和记录。沟通。

　　2.2、项目背景

　　作为一种风格语言，随着互联网信息量的增加和交互性的增强，越来越难以胜任，而ASP完全可以实现用户和管理者之间的交互，在互联网上得到高度发展。 ASP 编程语言。在形式上，ASP可以很好的解决这些复*敏*感*词*互的动态，所以我们也开始了学院网站的动态开发，也就是让学院网站更具交互性。

　　2.3、开发环境

　　2.3.1 系统平台

　　服务器采用Browser/Server架构，最低配置要求运行（全中文环境）操作系统Windows 2000 Adv Server，Windows 2000 Server脚本解释器Vbscripts5. 6及以上版本，安装Microsoft Internet Explorer5.5 及以上版本可用：

　　Web 服务器 IIS 6.0，Windows 2000 自带

　　数据引擎 Microsoft Access

　　权限需要创建表和备份到 Access 数据库的权限

　　初始安装至少10M可用空间

　　硬件要求 PIII500 CPU 256M 内存或更高

　　带宽要求 10M 共享或更高

　　客户端软件，包括单机操作系统和浏览器软件，分别使用Windows 2000和Internet Explorer，数据库系统中使用Microsoft Access有利于操作方便。

　　2.3.2 开发工具

　　基于Web 的系统开发工具应该使开发人员能够使用多种技术来创建动态Web 应用程序，并且应该是一种可视化工具。我使用的是 Dreamweaver MX 进行开发，它

　　它是一个基于团队的开发环境，用于快速创建数据驱动的 Web 应用程序。支持ASP，用ODBC连接数据库，脚本语言JavaScript或VBScript易学易学。

　　2.3.3 运营需求

　　在调试和运行过程中，系统应能在正常使用过程中不出差错。如果在运行过​​程中遇到不可恢复的系统错误，数据也应该是完整的，并且数据的准确性、时间特性和适应性应该是一定的。要求，在系统运行时，能够保证数据的正确性、信息的可靠性、执行的高效性、系统的易用性、系统管理的可维护性、信息的可测试性、数据的可重用性，以及数据库的安全性和机密性、数据的可移植性和网络互连性。

　　第三章系统功能说明

　　3.1 前台展示说明

　　3.1.1 前台首页展示

　　下面通过首页介绍网站的整体功能：

　　

　　图1 网站首页（无测试数据）

　　1.首页顶部显示重大新闻或文章。用户可以直接点击查看各个重大新闻中的各个新闻，直到阅读完各个详细信息。

　　2. 网站首页、教学科研、教学专题、资源下载、图片欣赏等栏目，后台可控制排序和位置调整，或显示条目数。

　　3. 图片展示、下载等可以任意排序，可以直接点击查看相关信息查看和更新​​信息。

　　4.配备专题展示和网站调查系统，以及网站的部分统计数据信息，可根据不同情况查找文件信息。

　　5. 公告版块展示各学院最新公告。

　　3.1.2网站 管理

　　本系统实现信息发布、多栏目管理、网站管理与论坛管理分开管理；使论坛管理条件更加灵活。

　　一、基本功能介绍：

　　┆1、网站基本信息设置（网站名称、URL等...一些基本设置）。

　　┆2、 后台可添加一级分类和二级分类（可更改或添加），前台自动更新。

　　┆3、网站 底部功能菜单的设置内容增加和更改。

　　┆4、可以添加无数公告自动显示在前台。（包括*敏*感*词*编辑器）

　　┆5、站内新闻和教学文章添加和修改。（包括*敏*感*词*编辑器）

　　┆6、 模板添加和管理，导入导出。

　　┆7、投票系统后台可以添加多个投票项目，可以设置前台显示的案例数量。前台有留言评论功能。

　　┆8、强大的广告管理功能，后台添加广告代码即可！

　　┆9、 在数据库中，密码是MD5加密的。

　　┆10、数据库备份与恢复

　　二、文章 功能介绍：

　　┆1、文章 分类栏目管理功能、话题栏目管理功能、分类模板设置管理。

　　┆2、自由编辑()栏目模板，可设置多个模板。

　　┆3、 搜索页面自定义编辑（）模板。

　　┆4、文章增加选择标题颜色是否推荐、固定置顶、热门等功能。

　　┆5、 支持 URL 重定向。如果设置了URL，那么打开这个文章后，会自动跳转到设置的URL。

　　┆6、前台支持固顶文章，建议调用文章和热点文章，以及文章模糊搜索功能。

　　┆7、内部使用了*敏*感*词*编辑器，可以方便地使用拖拽进行图文混合、图片文件上传、缩略图上传显示效果处理等操作。

　　三、下载功能介绍：

　　┆1、 下载分类添加修改。

　　┆2、添加软件可以自行上传软件并自动识别文件大小。

　　┆3、 前台支持软件固定置顶功能，热门功能和推荐功能的调用，支持模糊搜索。

　　┆4、 软件管理与审核、回收站管理、评论管理。

　　四、 图片功能介绍：

　　┆1、图片栏目分类管理和修改。

　　┆2、添加图片可以自行上传图片并自动识别图片大小。

　　┆3、 前台支持固定图片功能，调用热门功能和推荐功能，支持模糊搜索。

　　┆4、图片管理与审核，回收站管理，评论管理。

　　五、频道管理功能：

　　┆1、 可以随意增删频道（外链可以链接）。

　　┆2、 通道间排序功能。

　　六、友好连接功能：

　　┆1、可以添加无数的分类示例，如LOGO连接和文字连接。

　　┆2、 后台直接添加连接，前台添加应用链接。

　　┆3、 链接修改、删除、查看链接等功能。

　　七、网站公告管理功能：

　　┆1、所有栏目公告，其他页面栏目公告。

　　┆2、 后台直接添加连接，前台添加应用链接。

　　┆3、 链接修改、删除、查看链接等功能。

　　八、 留言板功能：

　　┆1、 留言板 前台具有浏览和留言功能。

　　┆2、管理员回复、修改、删除等功能。

　　九、用户密码功能：

　　┆管理员可以在线修改密码。

　　十、数据库管理：

　　┆1、在线数据库压缩需要FSO支持。

　　┆2、 在线数据库备份。

　　┆3、在线数据库操作注意，操作前请先备份数据库。┆4、 空间占用视图管理需要FSO的支持。

　　十个一、JS代码管理：

　　┆1、常见的文章 JS代码。

　　┆2、常见的文章 JS代码。

　　十个二、上传文件管理

　　┆1、文章频道上传文件。

　　┆2、 图片频道的缩略图。

　　┆3、 上传图片频道的图片。

　　┆4、 下载频道的软件图片。

　　┆5、 下载频道的上传软件。

　　┆6、网站 上传的广告图片。

　　┆7、清除无用文件。

　　3.2 数据库文件说明

　　数据库分为20个数据表：（具体数据库表见附录列表二）

　　Admin Advertisement（OLE数据存储表）（系统管理员表）（定义网站属性表）

　　公告文章ArticleClass（公告表）（文章属性表）（文章列表）

　　文章频道FriendSite

　　(文章用户评论表) (网站频道列表) (友情链接表)

　　宾客布局照片（用户留言表）（布局定义表）（图像属性表）

　　photoClass Photoment 皮肤

　　(图片列表) (图片用户评论表) (样式定义表)

　　SoftClass Softment（下载属性表）（下载列表）（下载用户评论表）

　　特别投票

　　(文章专题表) (系统投票表)

　　第四回。网站设计整体方案设计

　　4.1 网站 简要说明

　　这个校园新闻网是一个集新闻、信息、传播为一体的网站。它旨在让学生在努力学习的同时适当放松并了解学院信息办公室发布的最新信息技术。. 系统各项功能的设计可以满足学院网站的要求，信息、公告、广告、调查等发布功能的实现可以给网站更多的愤怒，实现更多的用户和学院之间的互动。

　　4.2 网站 可用性讨论

　　4.2.1 网页布局

　　实际内容占据了网页的大部分空间，从50%到80%不等，导航部分不超过20%。颜色的选择主要是蓝色和白色，没有太多的颜色来装饰一个物体。另外，文字与背景色的对比也比较大。一般字体颜色默认为黑色，使用不同的背景色条来区分文字。区等功能区。为了提高网页的可读性，标题区、标题行和正文区使用了不同大小的字体。正文采用静态文字，字体足够大，便于阅读。

　　为了方便用户浏览，每个网页都配备了标题导航，网页标题清楚地表明了网页的内容。在网页的组织中，每个网页都是按照“倒金字塔”的原则编写的，即从一个简单的结论开始，逐步展开。网页的布局符合用户的阅读习惯，采用横向排列。

　　网页的大小一般不超过30000字节，用户可以在10秒内打开网页。并且为每个链接添加描述性信息，因为当点击一个链接时，所有指向同一目标的链接都必须显示已被访问过，以便于用户浏览。在链接旁边注明下载文件的大小，帮助用户预测下载时间。

　　4.2.2 个鲜明的主题和鲜明的特色

　　在明确目标的基础上，完成网站的思路，即总体设计方案。定位网站的整体风格和特点，规划网站的组织架构。

　　要使主题鲜明、简洁、清晰。用简洁明了的语言和图片告诉你本站的主题，吸引需要本站的人的注意，给无关人员留下一定的印象。一些LOGO标志应该充分利用。千方百计充分表达网站的个性和品位，突出个性，才能达到网站的特色。

　　网站主页的基本组成部分包括：

　　Header：准确识别站点名称和学院标志；

　　E-mail地址：用于接收用户查询；

　　*敏*感*词*：如普通邮箱地址或电话号码；

　　版权信息：让用户了解系统信息。

　　重用现有信息，如用户手册、公关文档、技术手册和数据库，可以方便地在学院网站上使用，以减轻数据库的负担。

　　4.2.3 合理的布局布局

　　作为一种视觉语言，网页设计必须注意布局和布局。主页的设计虽然不等同于平面设计，但它们有很多相似之处，应该充分利用和借鉴。

　　网站设计简洁有序，主次关系清晰。将杂乱的页面、混杂的内容、整体布局的需求进行分组汇总。在有内在联系的组织和安排之后，反复考虑文本、图形和空间之间的关系。，使观看者拥有流畅的视觉体验。

　　4.2.4 相关站点指南链接

　　一个好的网站的基本要素是用户进入后，可以方便快捷地找到与这个网站相关的信息，而且必须使用相关网站，所以做好引导是很重要的工作。超文本的结构使世界上所有连接到互联网的计算机都成为一个超*敏*感*词*的信息数据库，可以轻松链接到其他网站。

　　在设计网页的引导组织时，应该给出多个相关的网站链接，让用户感觉自己想要的信息就在鼠标可以点击的地方。

　　4.3 网站流程图

　　

　　图2 网站的流程图

　　流程图从用户的角度出发。登录用户可以更好地使用本站提供的信息服务。

　　服务，个性化服务，定期网站活动；未登录的用户只能浏览信息，不能在本站进行与社区相关的活动和服务。

　　4.4 网站模块结构

　　

　　图3 网站模块结构

　　4.5 本章小结

　　本章主要讲解网站的设计和系统模块的建立。系统设计需要对软件系统架构、用户界面、数据库、模块等进行设计，从而在需求和代码之间架起一座桥梁。系统设计分为两个阶段：高层设计阶段和详细设计阶段。高层设计阶段侧重于网站的架构设计。详细设计阶段的重点是管理界面设计、数据库设计和模块设计。在架构设计之前，先阅读需求文档，明确设计任务。

　　第五章结构设计与具体实现

　　5.1 总体设计

　　5.1.1 结构设计

　　这个网站各种功能的入口很多，所以需要一个专门的文件来显示各种后台入口，同时还要在网页上显示用户的留言板和后台模块中的管理员信息，这样整个网站我用的是框架结构，操作更方便，结构美观。具体结构实现见（5.2Interface Design）。

　　5.1.2 数据库连接

　　只有使用数据库来管理数据，才有可能实现自动化管理。数据的结构会影响到整个管理机制的应用，一旦建立起来，往往会造成修改的麻烦。因此，我们必须从一开始就认真仔细地构建一个完整合理的结构。与其他数据库相比，Microsoft Access 数据库更简单，更易于操作。本网站信息发布系统中的数据库文件为Access类型数据库。数据库有20张表（具体表格见附表二）。

　　下面是conn.asp建立系统和数据库连接的源码：