大学生兼职网站设计与实现

摘  要：随着计算机性能的提升在校大学生兼职已经成为一个非常普遍的现象。“两耳不闻窗外事，一心只读圣贤书”这种封建文人的清高自赏已被时代所摒弃，取而代之的是大学生走出校园，步入社会，更为积极地参与社会。学校的环境与社会环境截然不同，校园是一个比较理想的环境，不会有太大的冲击。大学生在外做兼职会经历很多考验和挫折。正是这些挫折令他们的各项能力得到提高，帮助他们走向成功。

网站开发采用了div+css开发技术，有网站首页、登录页、在线留言、图片内容等页面，界面设计以白色为主，极强的表现了网络化生活。网站版块多以书的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合科讯CMS的使用完成了注册登录、留言板、等功能。

关键词：div+css 大学生兼职网 科讯CMS

 

目 录

1 引言 1

1.1 大学生兼职网的设计背景 1

1.2 大学生兼职网的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 大学生兼职网站的开发环境 3

2.2 本项目应用的主要开发工具 4

2.2.1 Adobe Photoshop CS4 4

2.2.2 Dreamweaver CS8 4

2.2.3 KesionCMS 4

2.2.4 IE 11 5

2.3 本项目应用的主要开发技术 5

2.3.1 DIV+CSS 5

3 网站概述 7

3.1 网站概述 7

3.2 网站风险 7

3.3 网站进度计划 8

4 网站需求分析 9

4.1 网站工作角色分析 9

4.2 概要设计 10

4.2.1 网站结构图 10

4.2.2 网站概要设计介绍 11

4.3 现行研究存在的问题及解决办法 11

5 网站实现 12

5.1 网站后台在线留言设计 12

5.2 网站前台界面设计与布局首页 13

5.2.1 栏目页 14

5.2.2 内容页 16

5.3 说明 16

5.3.1 项目文件命名规范 16

5.3.2 项目文件结构说明 16

6 大学生兼职网SEO优化方案 18

6.1 站内内容结构优化分析 18

6.1.1 合理规划结构站点布局 18

6.1.2 关键词定位布局分析 18

6.2 内链的优化 18

6.3 网站网址的优化 19

6.3.1 网站目录层次的优化 19

6.3.2 外链 19

6.4 测试例子及其结果 20

6.4.1 页面效果测试 20

6.4.2 后台添加测试 20

7 总结与展望 22

致谢 23

参考文献 24