一诚威客网的设计与实现

摘  要：不同学科的交叉融合是二十一世纪学科发展的主要途径之一。在两个学科之间是一片广阔的无人之地，对工业设计和互联网结合的研究有广阔的前景。在互联网快速发展的今天，工业设计却没有一个资源整合平台，消费者没有办法找到一个好的工业设计作品以及好的工业设计师，所以为了经过详细的分析之后，为了弥补线上工业设计的空白，我们做出了实现工业设计作品和资深的工业设计师的资源整合平台，网站的核心是实现真实原创工业设计案例的资源共享和设计师的资源共享，详细来说就是在一诚威客你能找到自己需要的工业设计案例模板，也能根据喜欢的风格在这里找到合适的服务商进行设计。开发采用了DIV+CSS开发技术，有网站首页、需求、服务商、原创作品、资讯等页面，界面采用了简约大方的扁平化设计。扁平化设计中，配色是很重要的一环，“因为去除了装饰，使得个性化的空间很小”，这可能给人以“缺乏生命力”的感觉，所以该网站的配色我采用了风格更明亮、更炫丽的橙色。

关键词：工业设计  威客网  工业产品  一诚威客

目 录

1 引言 1

1.1 一诚威客网的开发背景 1

1.2 一诚威客网的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 一诚威客网的开发环境 2

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

2.2.1 CorelDRAW X4 2

2.2.2 Adobe Photoshop CS4 3

2.2.3 Dreamweaver CS4 4

2.2.4 Mozilla Firefox 4

2.2.5 IE Tester 5

2.2.6 Microsoft Visual Studio 2012 5

2.2.7 Adobe Flash CS4 5

2.2.8 Microsoft SQL Server 2008 6

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

2.3.1 C# 语言 8

2.3.2 DIV+CSS 9

3 项目概述 10

3.1 项目技术概述 10

3.2 项目风险 11

3.3 项目进度计划 11

4 项目需求分析 12

4.1 业务分析 12

4.2 概要设计 15

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

5 网站实现 17

5.1网站整体形象 17

5.1.1 网站标志 17

5.1.2网站版式风格 17

5.2 网站前台界面设计与布局 17

5.2.1 首页 17

5.2.2 内容页 21

5.3 说明 24

5.3.1 项目文件命名规范 24

5.3.2 项目文件结构说明 24

5.4 动软生成解决方案 25

5.5 Web.Config 文件配置 25

6 总结与展望 27

致谢 28

参考文献 29