目录
一、引言 1
二、网站的开发目的分析 1
三、网站的开发工具选择 1
四、网站建设的基本流程 1
（一）前期网站建设策划 1
1.网站的LOGO设计 1
2.网站的导航结构图 1
（二）网页界面结构设计 2
（三）DIV+CSS布局 4
（四）首页DIV结构和层样式 4
（五）子页DIV结构和层样式 6
五、网站功能实现 9
（一）首页 9
（二）企业介绍 10
（三）企业新闻 11
（四）全部课程 12
（五）联系我们 13
（六）董事长致辞 13
（七）包装培训 14
（八）建筑建材培训 15
六、网站的技术解决方案 15
七、总结 20
致谢 21
参考文献 22
附录 23
一、引言
熊猫电子有限公司员工培训网站的建立不仅为熊猫电子有限公司宣传和扩大培训网的知名度，同时也可以宣传企业的知名度，同时也能为员工节省时间，在下班后可以用电脑来进行技能学习以及能力提升。这个网站的设计简洁大方，突出培训行业强调的技术和实用特征，企业的培训人员可以拥有自己的账号进行登录学习，网站操作简单。通过这个网站可以让企业人员能够好的投入到工作中，分享学习，提高自我的学历和修养，同时也能多结交到很多学习上的益友。网站中结合企业的背景的进行设计，设计有各个不同领域知识技能模块，能够让使用的员工一目了然，操作简单方便。首页设计有用户登录模块，信息查询模块以及科目分类模块,企业介绍模块以及企业新闻模块等，每个都对应着不同的子页，分类很详细。设计这个培训网站的最大目的就是既能为企业又能为员工提高技能，是一个双赢的局面。网站的建立的过程借鉴了其他培训网站的代码和模板，同时还引用了其他网站的代码来丰富网站的内容，整个网站深入呈现了熊猫电子有限公司的企业经营的不同职业与部门的，适合现在社会的学习节奏
二、网站的开发目的分析
1.提高员工技能水平
设计一个可以让企业人员在网上学
 *51今日免费论文网|www.jxszl.com +Q:  3_5_1_9_1_6_0_7_2 
不同的子页，分类很详细。设计这个培训网站的最大目的就是既能为企业又能为员工提高技能，是一个双赢的局面。网站的建立的过程借鉴了其他培训网站的代码和模板，同时还引用了其他网站的代码来丰富网站的内容，整个网站深入呈现了熊猫电子有限公司的企业经营的不同职业与部门的，适合现在社会的学习节奏
二、网站的开发目的分析
1.提高员工技能水平
设计一个可以让企业人员在网上学习的网站，当今的计算机已经被广泛的用于各个领域。对于培训来讲，通过网络可以广泛的便捷的宣传企业。培训网站的设计和开发多于跨入网络商务时代的重要标志。所以对于这个培训网站的设计意义在于能够为浏览着提供真实、有效、可靠的培训内容信息。
2.为企业做宣传
现在是网络社会，培训网站的建设不仅能够为员工提供一个学习交流的平台，同时也能在这个基础上为企业做了很好的宣传，提高了企业的知名度。网站的建设也为企业以后的发展创造了机会。
3.为求职者提供学习的平台
培训网站是计算机网络发展的产物，同时也配合了现在社会的生活节奏，新进的求职者和社会人士没有充足的时间和精力去培训班上课，所以网站的建立也结合了现在和社会流行趋势，电子产物越来越深受大家的喜爱和追捧，因此也提供了一个良好的学习平台给需要的人来学习和提升自己。所以经过一系列的问卷调查和市场分析后，建立的员工培训网站一定也会获得员工的喜爱。
三、网站的开发工具选择
员工网上培训网站中，实现了企业介绍、企业新闻、全部课程、联系我们的四个模块的功能。在这个静态网站的建设之前结合了很多关于社会工作者的问卷调查和市场的培训形式的分析，从而制作的这四个主要的模块，让人们可以快速的进入网上学习的模式，同时也能详细了解自己需要弥补的知识空白，符合大众的审美和设计理念。
在网站整体的设计过程中使用的工具软件包括Photoshop、Adobe Dreamweaver、记事本等，首先在网上找网站所需要的图片材料，用Photoshop进行图片的处理让图片看起来更美化，使页面更加的美观，运用Javascript文件的代码来实现网页中一些动态效果的生成。在整个网站制作中最重要的就是Dreamweaver，它是网站生成的基础，通过建立站点和HTML、以及CSS等文件，将代码进行填充，同时还可以及时看到页面生成的效果。同时网站得建立还借鉴了很多网上的页面的代码模板，用记事本可以快速地打开网站的代码，通过这几个网站建设的工具辅助，最后将整个网站链接在一起。
四、网站建设的基本流程
（一）前期网站建设策划
1.网站的LOGO设计
熊猫电子有限公司员工培训网站的名称是致尚机构，主色调是绿色，图片是一个奔跑状的人和一列向前行驶的火车，代表着企业和员工共同努力向前，提高自身的能力，敢于挑战与拼搏。如图4-1所示。


图4-1 LOGO图标
2.网站的导航结构图
整个培训网站的首页导航栏中有四个模块，包括企业介绍、企业新闻、全部课程、联系我们。企业介绍包括企业简介和部门简介，全部课程包括课程类别以及课程详情，企业新闻包括公司新闻以及行业新闻内容。同时网站有四个部分组成，包括页眉区、广告区、主内容区、以及页脚区，每个区域都呈现了不同的核心内容，网站的页眉和页脚区都是一样的框架，但是每个子页的内容都是如图4-2所示。
图4-2 网站首页结构图
进入一个网站的门面就是首页，网页可以详细简要的展示一个网站的核心内容，让浏览者一目了然网站的框架。熊猫培训网站的首页布局是“三”形结构，页眉区包括了四个主要的四个模块，其中企业介绍熊猫电子有限公司的企业文化和企业背景，用最简单和快速的方式了解到了一个公司的内在，企业新闻时事反映记录了这个企业的各种重大的事件和活动，记录了公司的成长过程，全部课程结合公司的各个部门设立了财务模块、服装纺织模块、机械机电
原文链接：http://www.jxszl.com/jsj/jsjkxyjs/33946.html