江东富强生物科技有限公司网站设计与实现
摘 要：本课题主要利用Photoshop CC、Phpstudy、DedeCMS工具，结合相关语言完成。网站制作过程中运用了织梦后台编制功能完成了部分后台数据的显示。网站中运用的大规模模板较为简单的同时，又不会失去自有的特色。网站前台的页面模板有:首页、关于我们、产品中心、健康资讯、下载中心、视频展示、社会公益、新闻中心、联系我们九个一级栏目。后台实现链接数据库功能的有：栏目增删改、商品中心增删改、健康资讯增删改、下载中心增删改、视频展示增删改、下载资料增删改等管理功能。
目录
一、引言 1
（一）网站开发背景 1
（二）现状分析 1
（三）页面需求分析 1
（四）开发流程介绍 1
二、开发工具简介 2
（一）PhpStorm 2
（二）Photoshop CC 3
1、平面设计 3
2、艺术文字 3
3、网页制作 3
4、绘画 4
（三）DedeCMS 4
三、页面布局设计 4
（一）色彩选择 4
（二）网站首页 4
（三）网站子页 5
（四）后台管理 6
四、网页效果展示及相关代码 9
（一）网站首页 9
（二）产品中心 19
（三）关于我们 23
五、总结 23
六、致谢 25
七、参考文献 26
一、引言
（一）网站开发背景
在科技不断创新的21世纪中，互联网的使用人数、使用范围和使用方法远远的超过了人们的想象，据不完全统计目前按中国的13亿人口算，使用互联网的群众高达5亿人以上，而活跃在前线的人数更是高达23亿人。紧接着依据IT之家颁布的新闻更是得出了中国互联网的运用用户数量已经跃居世界第一，在世界地图里所占的面积也理所应当的最大。这吸引了大部分商家得注意力，网络推广也成了当下最流行的“宣传手册”。更让人难以置信的是，这种推广方法相对大多数人来说是没有太高的门槛或太多的技术含量的。这为推广公司提供了平台和捷径。所以，本课题就是引用了这一特色，做到宣传公司、推
*好棒文|www.hbsrm.com +Q: *351916072*
广公司的目的。另外，公司网站对使用者的年龄、行业及其他方面没有硬性要求，方便大众使用。
（二）现状分析
通过本课题的开发，能够达到宣传公司、推广公司的作用。一个公司的网站不仅是互联网上的宣传，同时也是公司的形象展示。更是为日后网络营销打下基础。网站的整体模块较为简单、干净的同时，又可以表达整体的中心思想，给大部分游走于网络间的浏览者提供相关资讯的同时还能节省时间。
（三）页面需求分析
网站是一个企业面向用户、面向网民的可以提供信息的一种平台。而正是作为这样一个具有宣传性的平台，结合社会的进步和发展，才能使公司文化和公司旗下生产的产品得到推广，从而才能达到理想目标——利用整个网站的操作成为公司运营的宗旨。网站页面以企业介绍、商品中心、新闻中心为主要突出界面提升浏览者视觉效果。通过这三个简单的页面可较为直观的了解公司，并可获得公司发布的最新产品信息和最新的相关新闻信息。此外，更是增加了健康资讯、社会公益和视频展示三个模块可供浏览者了解相关资讯和公司在社会上的贡献。其次，在网站中留有联系我们相关的模块，一个好的公司要勇于接受建议和意见，并能做到取其糟糠，去其糟粕。在最后的部分，也可在下载中心获得所需的资讯。
（四）开发流程介绍
在网站搭建过程中，首先要想的是整个网站所能呈现出来的效果，所以要做的第一件事就是对网站进行一个大的功能模块的搭建，可先利用书面形式搭建，确认想要达到的效果后，再利用相关软件进行编辑，如：PS、AI等；其次要对每个功能模块进行小的区域模块下定义并填充内容，此外在这个过程中可根据模块划分的不同收集相关的资料（文字和图片）。在所收集的材料中，对部分所需的内容进行筛选，并利用Photoshop cc进行图片处理，得出想要的效果。在所有的资料收集并处理过后，运用Photoshop cc进行内容填充，完成网站的基本搭建，确认方案后，利用部分功能将所处理好的图片放到相关文件夹，以备需要时方便查找。
在所有资料都收集好的前提下，就可利用phpstorm进行前端的代码编辑了，在将所有的前端编辑好后，利用相关功能按钮实现与DedeCMS的连接，达到可与后台连接的效果。在所有连接做好后，用Phpstudy将网站安装在主机上，就可实现在本地主机上的浏览了，也可通过购买服务器，安装后就可在其他电脑上进行浏览。
二、开发工具简介
（一）PhpStorm
PhpStorm是JetBrains公司开发的一款商业的 PHP集成开发工具。在使用过程中可随时帮助用户进行简单的编码调整，亦可利用单元测试、或提供可视化debug功能。这款智能PHP的功能的特色是可自行进行PHP代码补全，智能的重复编码检测器；其次，PHP最具特色的一个功能是重构功能，当你在把一大段的代码写完以后发现了很多数字扰乱布局时，最好的办法就是定义常量，随后就可以看到Class上面自动生成了一个Const，刚才出现数字的地方也相应的做出了改变，或者也可以将一大段的代码生成function,也是超级方便的； 另外PHP还支持Smarty、PHPDoc和多种语言的混合使用。我在这里就是利用了这个编辑器，然后用html语言进行了编辑。下面对HTML进行简单介绍：
HTML是一个超文本标记语言，它可规范网页的格式排版，也可在内容里实现图片、文字、音乐、视频等连接。在代码编写过程中只需按照原有的语言结构填写所需代码并进行排版即可。
PhpStorm的安装过程也是非常简单的，可在Windows、MAS OS X、Linux上运行，而且项目配置简单，在任何地方都可以运行并工作。
其次，安装PhpStorm软件时少不了相对应的开发环境搭建Phpstudy，它将我们日常使用较多的功能集中在了一起，这样既方便查找，也方便使用。下面对Phpstudy进行初步介绍：
在Phpstudy的常规设置里包含apache、php、mysql的基本信息设置，可以在界面直接修改内容，而不用再写代码。
Phpstudy的环境搭建方法还是较为简单的，更值得一提的是，phpstudy的搭建环境是绿色版本的，在操作时只需直接复制到其他主机便可使用，而且它包含了开发常用的24种环境搭配。
1.在phpstudy的菜单还有一个简单却挺实用小功能，就是查看phpinfo。
2. 服务管理器包含了快速停止、重启apache和mysql服务的同时，也能直接打开系统服务列表，查看相关服务的状态，操作方法相对简单。
3. php扩展，相较以前配置文件需要通过查找安装路径来找，现在的phpstudy可直接在菜单中修改，还可清晰的看到扩展是否已经使用，或哪些未启用。
目录
一、引言 1
（一）网站开发背景 1
（二）现状分析 1
（三）页面需求分析 1
（四）开发流程介绍 1
二、开发工具简介 2
（一）PhpStorm 2
（二）Photoshop CC 3
1、平面设计 3
2、艺术文字 3
3、网页制作 3
4、绘画 4
（三）DedeCMS 4
三、页面布局设计 4
（一）色彩选择 4
（二）网站首页 4
（三）网站子页 5
（四）后台管理 6
四、网页效果展示及相关代码 9
（一）网站首页 9
（二）产品中心 19
（三）关于我们 23
五、总结 23
六、致谢 25
七、参考文献 26
一、引言
（一）网站开发背景
在科技不断创新的21世纪中，互联网的使用人数、使用范围和使用方法远远的超过了人们的想象，据不完全统计目前按中国的13亿人口算，使用互联网的群众高达5亿人以上，而活跃在前线的人数更是高达23亿人。紧接着依据IT之家颁布的新闻更是得出了中国互联网的运用用户数量已经跃居世界第一，在世界地图里所占的面积也理所应当的最大。这吸引了大部分商家得注意力，网络推广也成了当下最流行的“宣传手册”。更让人难以置信的是，这种推广方法相对大多数人来说是没有太高的门槛或太多的技术含量的。这为推广公司提供了平台和捷径。所以，本课题就是引用了这一特色，做到宣传公司、推
*好棒文|www.hbsrm.com +Q: *351916072*
广公司的目的。另外，公司网站对使用者的年龄、行业及其他方面没有硬性要求，方便大众使用。
（二）现状分析
通过本课题的开发，能够达到宣传公司、推广公司的作用。一个公司的网站不仅是互联网上的宣传，同时也是公司的形象展示。更是为日后网络营销打下基础。网站的整体模块较为简单、干净的同时，又可以表达整体的中心思想，给大部分游走于网络间的浏览者提供相关资讯的同时还能节省时间。
（三）页面需求分析
网站是一个企业面向用户、面向网民的可以提供信息的一种平台。而正是作为这样一个具有宣传性的平台，结合社会的进步和发展，才能使公司文化和公司旗下生产的产品得到推广，从而才能达到理想目标——利用整个网站的操作成为公司运营的宗旨。网站页面以企业介绍、商品中心、新闻中心为主要突出界面提升浏览者视觉效果。通过这三个简单的页面可较为直观的了解公司，并可获得公司发布的最新产品信息和最新的相关新闻信息。此外，更是增加了健康资讯、社会公益和视频展示三个模块可供浏览者了解相关资讯和公司在社会上的贡献。其次，在网站中留有联系我们相关的模块，一个好的公司要勇于接受建议和意见，并能做到取其糟糠，去其糟粕。在最后的部分，也可在下载中心获得所需的资讯。
（四）开发流程介绍
在网站搭建过程中，首先要想的是整个网站所能呈现出来的效果，所以要做的第一件事就是对网站进行一个大的功能模块的搭建，可先利用书面形式搭建，确认想要达到的效果后，再利用相关软件进行编辑，如：PS、AI等；其次要对每个功能模块进行小的区域模块下定义并填充内容，此外在这个过程中可根据模块划分的不同收集相关的资料（文字和图片）。在所收集的材料中，对部分所需的内容进行筛选，并利用Photoshop cc进行图片处理，得出想要的效果。在所有的资料收集并处理过后，运用Photoshop cc进行内容填充，完成网站的基本搭建，确认方案后，利用部分功能将所处理好的图片放到相关文件夹，以备需要时方便查找。
在所有资料都收集好的前提下，就可利用phpstorm进行前端的代码编辑了，在将所有的前端编辑好后，利用相关功能按钮实现与DedeCMS的连接，达到可与后台连接的效果。在所有连接做好后，用Phpstudy将网站安装在主机上，就可实现在本地主机上的浏览了，也可通过购买服务器，安装后就可在其他电脑上进行浏览。
二、开发工具简介
（一）PhpStorm
PhpStorm是JetBrains公司开发的一款商业的 PHP集成开发工具。在使用过程中可随时帮助用户进行简单的编码调整，亦可利用单元测试、或提供可视化debug功能。这款智能PHP的功能的特色是可自行进行PHP代码补全，智能的重复编码检测器；其次，PHP最具特色的一个功能是重构功能，当你在把一大段的代码写完以后发现了很多数字扰乱布局时，最好的办法就是定义常量，随后就可以看到Class上面自动生成了一个Const，刚才出现数字的地方也相应的做出了改变，或者也可以将一大段的代码生成function,也是超级方便的； 另外PHP还支持Smarty、PHPDoc和多种语言的混合使用。我在这里就是利用了这个编辑器，然后用html语言进行了编辑。下面对HTML进行简单介绍：
HTML是一个超文本标记语言，它可规范网页的格式排版，也可在内容里实现图片、文字、音乐、视频等连接。在代码编写过程中只需按照原有的语言结构填写所需代码并进行排版即可。
PhpStorm的安装过程也是非常简单的，可在Windows、MAS OS X、Linux上运行，而且项目配置简单，在任何地方都可以运行并工作。
其次，安装PhpStorm软件时少不了相对应的开发环境搭建Phpstudy，它将我们日常使用较多的功能集中在了一起，这样既方便查找，也方便使用。下面对Phpstudy进行初步介绍：
在Phpstudy的常规设置里包含apache、php、mysql的基本信息设置，可以在界面直接修改内容，而不用再写代码。
Phpstudy的环境搭建方法还是较为简单的，更值得一提的是，phpstudy的搭建环境是绿色版本的，在操作时只需直接复制到其他主机便可使用，而且它包含了开发常用的24种环境搭配。
1.在phpstudy的菜单还有一个简单却挺实用小功能，就是查看phpinfo。
2. 服务管理器包含了快速停止、重启apache和mysql服务的同时，也能直接打开系统服务列表，查看相关服务的状态，操作方法相对简单。
3. php扩展，相较以前配置文件需要通过查找安装路径来找，现在的phpstudy可直接在菜单中修改，还可清晰的看到扩展是否已经使用，或哪些未启用。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/628.html
