站酷网站前端设计

摘  要：站酷网，是综合性"设计师社区"，2006年8月创立于北京。站酷网聚集了中国部分设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。现有注册设计师/艺术家200万，日上传原创作品6000余张，3年累计上传原创作品超过350万张。

“站酷网”一直致力于促进设计师之间的交流与互励，并致力于将创意作品进行更广泛的传播与推介，提高中国原创设计的影响力。同时，站酷网还为设计师与企业搭建互相促进的桥梁，帮助优秀企业与优秀设计人才更好对接。让更多的创意成为社会进步的动力，是站酷网的奋斗理念。

网站开发采用了DIV+CSS开发技术，有网站首页、登录页、公司详细页、职位搜索页、职位详情页、后台管理等页面，界面设计清晰，极强的表现了网络化生活。布局清爽大方，符合交互要求。

关键词：div+css 设计

目 录

1 引言 1

1.1 站酷设计网的开发背景 1

1.2 站酷设计网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 站酷设计网的开发环境 3

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

2.2.1 HBuilder 3

2.2.2 Adobe Photoshop CS4 5

2.2.3 Wps office 5

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

2.3.1 Div 7

2.3.2 CSS 7

2.3.3 java script 7

3 项目概述 9

3.1 项目概述 9

3.2 项目风险 9

3.3 项目进度计划 9

3.4 现行研究存在的问题及解决办法 10

4 网站实现 12

4.1 网站前台界面设计与布局 12

4.1.1 首页 12

4.1.2 职位招聘界面 14

4.1.3 站酷详情页 17

4.2 说明 20

4.2.1 项目文件命名规范 20

4.2.2 项目文件结构说明 20

4.2.3 网站地图 20

4.3 主要运用的脚本 21

5 测试 22

5.1 测试 22

5.2 测试例子及其结果 23

6 总结与展望 24

致谢 25

参考文献 26