大学生个人风采展示网站说明文档.doc

大学生个人风采展示网站

说明文档

专业：
学号：
姓名：
成绩：

前言（介绍网站大的设计思想并引入网站的初步规划）

在信息时代，我们需要用信息化、电子化的方式表达自我。这样才能赶上时代前进的步伐！
当今社会个人网站层出不穷，但是展示当代大学生自我风采的个人网站还是很新奇的。一个个性而又丰富多彩的网站能够展示出你的魅力也能体现出你的智慧！
下面我对本网站做简要介绍：
（一） 从技术上
本站研究的是个人网站的设计与实现和ASP技术在创建个人网站中发挥的作用。
本文主要介绍如下内容：
1、Windows XP + Dreamweaver8CS5+ Access+ ASP 的网站设计制作环境，ASP与Access的连接。
2、网站首页中的search可以实现对数据库中信息的查找。(开发环境：Windows 2003+IIS6.0+asp)
（二） 从整体结构上
首先，从整体的布局上来说，网站页面布局采用上、右导航栏的T字形布局，多版块布局方式，提高页面浏览速度；从内容上首页尽可能的展示网站所要表达的主旨——当代大学生的风采；从外观上我们采用淡色作为网站的主色调，淡淡的蓝色，赏心悦目的嫩绿色让整个页面充满了生气与活力。
其次，网站丰富的内容更是给人耳目一新的感觉，美好的愿望、充满智慧的日志、色彩斑斓的生活照片、美妙的歌曲无不在展示着当代大学生的风采！
我们期待您的光临：
目 录
网站结构图 - 4 -
技术支持 - 5 -
一、 开发环境 - 5 -
二、 服务器 - 5 -
三、页面布局 - 5 -
四、运行环境 - 5 -
五、发布链接 - 5 -
六、 内容管理 - 6 -
基本功能板块 - 7 -
一、 前台功能 - 7 -
二、 前台功能特色 - 7 -
三、 后台管理功能 - 8 -
四、 后台管理功能特色 - 8 -
特色功能板块 - 9 -
开发流程 - 10 -
一、 网页制作团队具体分工 - 10 -
二、 网页开发流程 - 10 -
备注 - 11 -
一、服务器的配置方法 - 11 -
二、关于浏览网页的建议 - 12 -
附件： - 13 -

网站结构图

根文件夹
/
Admin文件夹
Css文件夹
Js文件夹
Db文件夹
Images文件夹
Inc文件夹
Upload文件夹
网站后台管理页面文件夹
层叠样式表
网页图片文件夹
数据库文件夹
网站后台管理页面上传文件夹
包含文件，head.html,top.html,conn.asp
Javascript文件夹
Index.asp欢迎页面
Main.asp网站主页
Bloglist.asp日志页面
Music.asp音乐页面
Aboutme.asp关于主人
Photo.asp相册

技术支持
一、 开发环境
windows2003 Server + IIS_6.0 + IE7.0 + access2003数据库 +flashpaper。
二、 服务器
（一） 服务器类别
1、PC服务器。
（二）网络数据库技术
1、Access（微软）数据库，较好的兼容性。
三、页面布局
（一）外观上
页面布局采用上、右导航栏的T字形布局，多版块布局方式，提高页面浏览速度。
（二）技术上
页面布局技术主要采用的是css+div技术，部分页面采用表格布局技术。
四、运行环境
（一）前台运行环境
1、本网站可以运行在windowsXP + IE 6.0以上版本的浏览器
2、Windows 7 + IE 8.0或者IE 9
3、Ubuntu + Firefox 6.0
（二） 后台运行环境
1、WindowsXP + IE6.0以上版本的浏览器，Windows7+IE7.0版本浏览器。
2、Windows2003 Server + IIS_6.0 + Access 2003数据库

五、发布链接
1、访问进入页面后在导航栏下的滚动条上点击“2011年甘肃省“创新杯”计算机应用能力竞赛网页设计参赛作品”（或者在该页面右侧的“最新公告”中点击“2011年甘肃省“创新杯”计算机应用能力竞赛网页设计参赛作品”）链接进入参赛网站。
2、直接访问参赛作品网站网址：
六、 内容管理
后台可在网页的主目录下加入admin （如：

基本功能板块
一、 前台功能
1、主页：不论在哪个页面点击主页都会进入网站的主页，方便用户进行浏览网站的全部功能。
2、多彩日志：包括原创日志和转载日志，原创日志给浏览者一个了解主人的平台。转载日志能够拓宽视野，全面的去了解社会了解行业。
3、风采照片：这个板块含有个人展示和风采展示。个人展示给访问者一个不一样的自己，展示出青年人的朝气与活力，风采展示表现的是另一种生活，对生活的感悟，对大自然的亲近。
4、音乐收藏：这块可以实现音乐的播放与暂停，能给浏览者带来听觉上的享受。
5、关于我：进入这个页面用户可以全面的了解到主人。
6、搜索：在搜索栏中输入想要了解文档的关键字即可在数据库查找到目标内容，这就极大的方便了用户。
7、风采展示：这是主页上用flash实现的一个充满活力，极具表现力的板块，充分的展示了青年人的朝气与活力。
8、我的大学我做主：在这里你可以看见有生活快照，学生课堂，校内活动。使用户能快速的感受到当代大学生的大学生活。
二、 前台功能特色
1、音乐收藏：音乐是个人网站给人听觉上的享受，能带给人愉悦的心情。
2、搜索功能：对于个人网站而言信息量一般不会太大，但是搜索功能的添加极大的方便了用户。这样使得用户可以在很短的时间内找到想要了解的信息。
三、 后台管理功能
本网站最大的特色就是实现了动态交互，一般的个人网站不会去实现动态的交互。本网站的后台主要包括：
1、 首页管理：其中包含首页管理，网站预览，退出管理方便了管理员的管理。
2、 系统管理：包括系统配置和网站名，该功能能够很方便了解系统。
3、 内容管理：这个功能中含有我的信息，日志管理，音乐管理，相册管理四个子功能，这样可以清晰的知道系统中各种信息的存放。
4、 管理员管理：这里我们可以实现查看管理员和添加管理员。
四、 后台管理功能特色
1、支持文件上传与删除
2、管理员可以很容易的进行网站内容的更新与维护。
3、支持网站信息的配置
4、个人可以根据网站模版进行个性化设置网站信息
5、支持图片在线预览

特色功能板块
1、特色一：网站采用css+div布局，完全符合W3C标准。
2、特色二：网站支持后台操作，可以很方便的进行网站内容的更新操作，高效省时。
3、特色三：网站特效丰富，预览效果好。
4、特色四：代码精简，配合JavaScript的jquery插件，功能强大

成员分工（一个人做时直接说明自己所完成的工作）
一、 网页制作团队具体分工
1、队员1：
负责asp动态网页设计部分，主要包括后台代码的编写，JavaScript脚本的编写以及网页的调试。
2、 队员2：
负责网页的静态部分，主要包括图片，flash动画，布局等。
3、 队员3：
负责网页的需求分析，网页美化，以及网页的后期测试，文档。
二、 网页开发流程
1、分析环节：
目标对象分析，功能分析，内容分析。
2、 设计环节：
组成模块设计，版面设计，媒体元素设计，超链接设计。
3、 制作方案：
提出具体主页布局及其它页面布局方式，画出页面大致效果图。
4、 开发环节：
根据前面得出的开发制作方案，选用工具，进行网页制作：动画、图片的制作，单一网页的制作，最后用超链接将相关网页联系起来。
5、 实施环节：
对开发好的网页进行使用，搜集存在的问题，修改完善。
备注
一、服务器的配置方法
（一）Windows2003中IIS服务器的配制方法
1、将源代码解压到服务器的任意文件夹下
2、打开“控制面板”-“管理工具” –打开 “Internet 信息服务”，展开“网站列表”，右键-“新建” –“网站” -点击“下一步”，填入“网站描述”-选择IP地址-浏览解压的网站根目录-“下一步”—勾选所有的-“选项”后“下一步”-“完成”。
3、找到网站根目录后，右键-“安全” -给Internet来宾账户赋予“完全控制权限”。
4、打开IIS服务器，找到刚才建立的网站右键-“属性” –“文档”选项卡-“添加” –写入“index. asp”，然后将“index. asp”移动到第一位。
5、找到“主目录”选项卡-“配置” -找到“选项”选项卡-勾选“启用父路径”。
6、打开浏览器，在地址栏中输入“http://localhost/index.asp”或者在其他电脑浏览器上输入http://刚才配置的IP地址/”刚才分配的IP地址进行浏览。
（二） Windows7(旗舰版)中IIS服务器的配置方
1、点击“开始”菜单->“控制面板”->点击打开->找到"程序"项。
2、在打开的窗口中找到“程序和功能”中->点击“打开或关闭Windows功能”。
3、我们需选中“Internet 信息服务”选项，然后点击确定即可。随后系统会自动弹出“Windows正在更改功能”提示框,这时候用户只需等待一段时间。
4、系统提示安装成功后,点击"开始"菜单->在"程序"中找到->"管理工具"项->点开就可以看到"IIS Manager"项，点击"IIS Manager"就可以看到IIS 7 的界面。
二、关于浏览网页的建议
由于系统的兼容性问题没有得到很好的解决，我们建议采用IE7，IE8来访问本站。
附件：
网站源程序请参看源码文件夹。
- 14 -