中国设计网站实现

摘  要：我们口中常说日本设计、德国设计、北欧设计等如何，这些能以国家作为主题概念的世界大国之所以能如此提及不外乎是因为：日本有福田繁雄、龟仓雄策、田中一光、秋山孝、原研哉；德国有彼得·贝仑斯、格罗·皮乌斯、包豪斯、密斯；英国有威廉·莫里斯，约翰·拉斯金北欧凭其简洁自然环保的设计著称，伴随着些名字还有一系列推动设计发展的标志性事件：1851年的英国国际博览会、19世纪下半叶英国发起的工艺美术运动、20世纪初新艺术运动、20世纪的现代主义，发展到后来的国际风格、后现代设计、绿色设计等等。这些概念为“日本设计”、“德国设计”、“英国设计”树立了优势，变得越发具有说服力，值得信赖。当我们用这样的方式在我国寻找代表性的设计先驱却极其困难，来梳理线索清晰的设计现代化过程也毫无可能，这样一种困境让我们开始怀疑“中国设计”的概论，迫使许多中国设计师寻找出路，寻找中国设计应有的特征。

    网站开发采用了jQuery、div+css开发技术，有网站首页、登录页、资讯、作品、用户中心、字体、文章、赛事、人才网、意品汇、国外作品、关于我们，界面设计以黑白色为主，让人看上去很舒服的一种配色。网站版块多以作品的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。

关键词：div css 设计

目 录

1 引言 1

1.1 中国设计网的开发背景 1

1.2 中国设计网站的意义与设计目的 3

2 开发工具及环境介绍 5

2.1 中国设计网的开发环境 5

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

2.2.1 HBuilder 6

2.2.2 Adobe Photoshop CS4 6

2.2.3 Google Chrome 9

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

2.3.1 jQuery 语言 9

2.3.2 DIV+CSS 10

3 项目概述 11

3.1 项目概述 11

3.2 项目风险 11

3.3 项目进度计划 11

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

3.5 存在的问题及解决办法 13

4 网站实现 14

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

4.1.1 首页 14

4.1.2 赛事 17

4.1.3 关于我们 20

4.1.4 前台登录界面 22

4.1.5 导航条页与详情页 24

4.2 说明 28

4.2.1 项目文件命名规范 28

4.2.2 项目文件结构说明 28

4.2.3 网站地图 29

4.3 主要运用的脚本 29

4.3.1 头部运用到的脚本 29

4.3.2 首页轮播图运用到的脚本 30

4.3.3 底部运用到的脚本 31

5 测试 32

5.1 测试 32

5.2 测试例子及其结果 33

6 总结与展望 34

致谢 34

参考文献 35