天阳科技有限公司官网

摘  要：在信息化时代，互联网已经普及全球各地，各种各样的互联网计数也应运而生，比如软件技术、大数据运算技术、云计算计数以及网站开发技术。网站开发计算的诞生与完善，使得人们对网上信息了解越来越充分。而一家企业官网代表了一家企业的门面。门面越好看，人们也会对企业的印象越好，从而帮助企业发展。 

网站开发采用了DIV+CSS的结构布局技术，辅以java script网页交互编程语言。有网站首页、公司简介页、新闻中心页、客户产品照片页、登录页以及后台管理页面等。主体界面设计以蓝色调为主，贴合公司名字——“天阳”的天空。网站板块多以介绍公司及公司产品作为设计基础，布局简洁清爽，布局分明，贴合客户浏览心理思想。后台结合SQL server 数据库 完成了管理员注册登录、添加修改文章、添加修改产品照片等后台管理功能，方便公司管理员维护、管理及运营。

 

关键词：DIV+CSS 企业官网 SQL数据库  java script

目 录

1 引言 1

1.1 天阳科技公司官网的开发背景 1

1.2 天阳科技公司官网的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 天阳科技公司官网的开发环境 2

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

2.2.1 Microsoft SQL Server 2008 2

2.2.2 Adobe Photoshop CC 2017 3

2.2.3 Sublime Text 4

2.2.4 Microsoft Visual Studio 2013 4

2.2.5 动软代码生成器 4

2.2.6 Fire fox浏览器 5

2.3.1 jQuery框架 5

2.3.2 Fullpage.js 6

2.3.3 DIV+CSS 7

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.2 概要设计 12

4.2.1 网站结构图 12

4.2.2 网站概要设计说明 13

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

5 数据库设计 17

5.1 数据库结构 17

5.2 数据库表 17

5.3 数据库表关系图 19

5.4 数据库设计命名规范 19

6 网站实现 20

6.1 网站后台界面设计与布局 20

6.1.1 后台登录界面 20

6.1.2 后台管理界面 21

6.2 网站前台界面设计与布局 22

6.2.1 首页 22

6.2.2 内容页 24

6.3 说明 27

6.3.1 项目文件命名规范 27

6.3.2 项目文件结构说明 27

6.4 动软生成解决方案 28

6.5 Web.Config 文件配置 29

7 测试 30

7.1 测试 30

7.1.1 页面效果测试 30

7.1.2 后台添加测试 30

8 总结与展望 31

致谢 32

参考文献 33