“开放教育”计算机信息管理专业（专科）毕业设计报告论文题目
姓名
学号
指导教师
市校
分校
教学班
20 年月日
目录
摘要 (1)
关键字 (1)
1引言 (2)
2网站应用所需软件以及方法 (2)
2.1网站运行环境 (2)
2.1.1 硬件环境 (2)
2.1.2 软件环境 (2)
2.1.3 软件工具介绍 (3)
2.1.4 网站的分类 (3)
1) 搜索引擎类 (3)
2) 资源共享类 (4)
2.2栏目结构、内容、及相关设置说明 (4)
2.2.1 技术可行性分析 (4)
2.2.2 操作可行性分析 (4)
2.2.3 设计思想 (5)
2.3总体设计 (5)
2.3.1 站点设计 (5)
2.3.2 版块设计 (6)
2.3.3 网站导航栏目 (7)
2.3.4 公司企业文化板块 (8)
2.3.5 企业发展页面 (9)
2.3.6 企业招新 (9)
2.3.7 合作伙伴 (11)
2.3.8 企业产品 (12)
2.3.9 产品类别页面 (14)
2.3.10 联系我们 (15)
3体会 (16)
结束语 (17)
致谢 (18)
公司网站设计
计算机信息管理专业学生鄂鹏
指导教师范春景
摘要：Internet的出现改变了我们的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。互联网是天然廉价的营销渠道，利用它可以省却大笔建立销售网点所需的费用。互联网还是最省钱的广告媒介，比起传统的电视、广播、报纸、杂志来说，在互联网发布广告信息实在是物美价廉。同时，由于互联网与电子产品的应用，在企业内部代替了备忘录和纸张报告，管理费用也随之降低。所以无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。互联网时代，企业应尽早建设属于自己的企业网站，借此洞察消费者需求，改善销售服务的效果，扩大市场机会，早日进行电子商务的实践，感受电子商务的**魅力，把握网络时代带来的巨大商机。
关键字：html；企业网站；产品介绍
1引言
当今社会Internet已经步入了高速发展阶段，网络是最受大众欢迎的信息交互平台，他简单、快速高效以及海量的数据信息已经成为大众获取信息的重要途径。
对于一个企业而言，要想建立自己的网站，将企业尽快融入到Internet中，无疑网站是一个比较普遍且切合实际的介绍产品的平台。
企业通过互联网寻求产品的销售新渠道，寻求更多的商业机会。对于这些，我们相信，如果能很好的利用互联网，互联网必将助企业一臂之力。
电子配件行业竞争激烈，变化快，信息需求量大。许多企业迫切需要一个快速渠道去面对消费者和经销商，宣传产品理念，追求品牌认同，快速发布新产品信息。促进企业的经营运转、客户沟通，并能够加强外贸水平，促进企业实施战略大发展。
在此，我们结合湘元电子企业现状与网站未来发展方向，本着专业、负责的精神，力求通过网站的建立，密切湘元电子同其合作伙伴、客户和销售商之间的关系；完善企业经营模式；提高企业运营效率。为湘元电子网站度身定做一套符合自己需求的网站。
2网站应用所需软件以及方法
2.1网站运行环境
2.1.1硬件环境
电脑: X86 兼容台式电脑
硬件配置:
处理器: AMD 7750+（黑盒）
主板: 华擎 A790gx hd3300
内存: 2 GB ( 威刚 DDR2 800MHz )
主硬盘: 西部数据 HDT721025SLA380 ( 250 GB )
显卡: NVIDIA GeForce 9600 GT ( 128 MB )
显示器: 三星 ACR009D X203H ( 19.9 英寸 )
光驱: 明基 DVD DC DW2000 DVD刻录机
声卡: 瑞昱 ALC662 @ 英特尔 82801G(ICH7) 高保真音频
网卡: 瑞昱 RTL8168C(P)/8111C(P) PCI-E Gigabit Ethernet NIC / 华擎
2.1.2软件环境
1)网页脚本：JavaScript
2)网页编辑工具：Micromedia Dreamweaver table（布局）
3)操作系统：Microsoft Windows XP Professional ( 32位 / SP3 / DirectX
9.0c )
2.1.3软件工具介绍
1)Macromedia Dreamweaver cs3
Dreamweaver是美国adobe公司开发的一款基于html编辑器为基础集网页制作和管理网站于一身的所见即所得网页编辑器，他是一款基于所见即所得并且集成了javascript脚本技术以及网站管理工具和多媒体脚本的应用软件，对于熟悉html的网站制作者能够在短时间内制作出一个界面友好功能齐全的网站的规范化网站制作工具。
2)CSS＋DIV
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。CSS 是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML 或 XML 等文件式样的计算机语言。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
在制作本站时，主要应用本软件对网站进行排版和一些相关代码的编排工作。应用css+div（层叠样式表） js交换图像等方式制作出网站的整体效果和一些页面特效。
3)Adobe PhotoShop(PS) CS4
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，主要功能是对二维图片进行艺术化处理，以及扫描打印简单排版等主要对网站的图片进行切割分离，使图片能够用于网站的制作工作，对图片进行适当切割使得图片的整体效果更加美化。
4)JavaScript
Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
2.1.4网站的分类
当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为网站基本可以分为三大类；
1)搜索引擎类
这一类的网站是最为普遍的，而且商业用途也很广泛。无论对于一般网民，或者办公人员都是必不可少的网站。（如http：//https://www.doczj.com/doc/7914991383.html,这是一个名为
“百度”的搜索引擎网站）
能够提供各个信息资源的分类搜索，使得用户能够在第一时间了解所搜索的信息，更加快捷方便的了解相关信息的内容。
2)资源共享类
这一类的网站主要体现于视频网站、论坛（即BBS）、社区、下载平台和电子邮件（即Email）网站。这种类型的网站是当今时代计算机网络技术的代表。（如https://www.doczj.com/doc/7914991383.html,这是一个名为“土豆网的视频分享网站）此种类型的网站主要以资源类信息为主，旨在资源共享，方便特定人群的目的。
3)专题网站类
这一类的网站根据性质可分为两类：
企业商品类
这一类的网站主要是围绕一个商品或一个企业而产生的专题网站。（如：，https://www.doczj.com/doc/7914991383.html,/这是一个叫“完美时空”的企业的官方网站，而 http:// https://www.doczj.com/doc/7914991383.html,/这是一个名为“魔兽世界”的网络游戏的官方网站）。此类网站多以介绍产品，了解客户需求为目的，通过网络使得客户了解相关产品信息以及产品内容，通过对产品的宣传使得客户对产品有一个比较详细的了解。有助于提升产品的认知度。
个人专题类
这一类的网站主要是由一些有一定网站设计基础的人员，设计出来的一些无商业涉及的专题网站。而设计这一类网站的人员基本上都是按自己的喜好来设计的。（本网站就是这一类网站）
此类网站多以介绍个人作品，展示个人成果为目的。旨在推广个人认知度为宗旨。
2.2栏目结构、内容、及相关设置说明
本网站是以介绍公司相关产品为主，突出公司形象。使得游览者对公司以及公司产品有一个充分的认识和体验。对提高公司知名度，以及推广公司产品有比较大的帮助。
2.2.1技术可行性分析
在制作湘元电子公司网站的过程中需要考虑到技术可行性的问题，一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具有一定的熟悉（如：Photoshop、Flash 等等）。
2.2.2操作可行性分析
本作品界面简单明了，能够使得游览者在第一时间找到自己所需要的内容，并且根据页面所展示的内容，对网站的各个分级页面做出了比较详细的规划说
明。（如产品展示页面，公司简介页面等）
并兼容与所有网页浏览的软件(如: Internet Explorer)
2.2.3设计思想
本站以介绍公司产品为主，主要是介绍了湘元电子公司的概括以及公司所生产的产品、型号、以及适用范围等。网站风格以蓝色调为主，页面严谨、友好、清新、大方，突出公司整体形象，使游览者对公司以及公司产品有一个比较明确的认识，对公司产品做出了比较详尽的分类。使用户受众群能够找到自己所需要的产品。
页面设计简介，分类清晰明确，表达中心思想突出。重点内容表现在公司介绍以及公司产品分类。
2.3总体设计
2.3.1站点设计
(1)打开Dreamweaver →站点→新建站点；
(2)进入【站点定义】窗口，点击【高级】选项卡
(6)完成后右下角的站点窗口会显示一个新的站点（如图1）
（图1）湘元电子公司网站结构目录
2.3.2版块设计
本网站主要是介绍湘元电子公司。突出表现公司整体情况以及产品分类等相关内容。
本网站首先采用DW进行网页的编辑和排版。整体网页采用表格方式进行定位，表格边框宽度值为0，这样的优点可以根据不同用户的不同浏览器以及分辨率随时调整网页内容，同时浏览者也看不到表格线
内容包括：公司简介企业文化企业发展企业招新合作伙伴企业产品联系我们几个大的板块。
各个板块简明扼要，通过不同栏目的点击，对公司的情况有一个比较详尽的认识。板块划分明确，不同板块负责不同的功能内容。
2.3.3网站导航栏目
网站导航栏目（图3）
通过不同板块的划分把各个栏目的详细内容以板块的形式展示出来，一方面引起游览者对于产品以及公司的关注另一方面从结构上给人一种清新大方不紊乱的感觉。
2.3.4公司企业文化板块
图4企业文化页面截图
本板块展示公司的企业价值管与企业文化，通过文字的描述对企业所表现的价值管与文化做了相关文字的说明，重点表现在突出企业文化增强企业凝聚力。此页面为左右分栏结构左半部分为网站导航模块，方便用户游览。
右半部分为企业文化模块。重点突出结构清晰明确。
2.3.5企业发展页面
此模块为新闻列表页展示效果，以新闻列表的形式对企业近年来做做出的成绩以及发展规划做出了比较详尽的描述。使得游览者能够对公司企业的发展规划有一个比较明确的认识，
上半部分详细列出了公司动态行业新闻以及媒体新闻等三个模块。对增加游览者的对产品公司各个方面的信息有一定促进作用。
2.3.6企业招新
图6 （企业招新模块）
此模块为列表显示企业最新招聘内容，随着企业的不断发展壮大所需要的员工也越来越多越来越专业，此模块详细列举了最近企业所招聘的一些相关人员以
及工作地点职位等详细情况。对于来企业求职的求职者有一定帮助。
2.3.7合作伙伴
此模块为企业招商活动的详细页面，其主要功能在于对各个地区的经销商列出了比较详细的内容对近期合作的相关单位给出了其相关信息。旨在为公司扩大经营范围广交同行企业打下了坚实的基础。也为公司扩大品牌知名度有所帮助。
2.3.8企业产品
图7 公司产品内容页面
本页面为整个网站的重点页面，此页面对公司现有产品做出了比较详尽的分类，对近期的最新产品以图文相结合的方式展示到了网站上面。点击相关产品后会显示相关产品的各项功能参数以及适用范围等内容，使得游览者对于公司所生产的产品有一个比较明确的认识。（见下图公司产品总揽）
图8点击最新产品后（产品展示页面）
2.3.9产品类别页面
此页面以产品展示为主，从上图可以看到由产品供应信息分类点击后会显示此页面。
此页面为分类页面，对公司目前的产品做出了比较详尽分分类以及类别划分，对公司所生产的几大类产品做出了比较详细的规划，使得游览者能够通过产品的分类情况找到自己所需要的产品，下半部分以图片展示的方式。通过对产品图片的应用使得游览者对产品分类所描述的信息更加直观的了解。
2.3.10联系我们
此页面为内容展示性页面，旨在突出公司的相关信息为主。详细列举了公司所在地区地址电话等信息
为游览者了解公司概况有所帮助，也为公司提高信誉度有所帮助
对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“带言人”。我们将什么样的信息传达给浏览者，要讲述什么要的事情，网页在这里起着重用的作用。
网页设计是伴随着网络的快速发展而快速兴起.
由于人们使用网络的频繁而网页作为上网的主要依托就变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。网页设计直接面对的是大量用户,随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，这样做可以使使用者用起来更加的方便。
在制作网页的过程中,我有一些体会:
1. 整体性好: 一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。
2. 网站形象突出: 一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。
3.页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
2010年09月，我开始了我的毕业设计工作，时至今日，设计基本完成。从最初的茫然，到慢慢的进入状态，再到对思路逐渐的清晰，整个写作过程难以用语言来表达。历经了几个月的奋战，紧张而又充实的毕业设计终于落下了帷幕。回想这段日子的经历和感受，我感慨万千，在这次毕业设计的过程中，我拥有了无数难忘的回忆和收获。
9月初，在与组员的交流讨论中我的题目定了下来。当毕业设计的任务目标定下来的时候，我当时便立刻着手资料的收集工作中，当时面对浩瀚的书海真是有些茫然，不知如何下手。后来在胡老师细心的指导下，终于使我对自己现在的工作方向和方法有了掌握。
在搜集资料的过程中，我破天荒的去到学校图书馆搜集资料，还在网上查找各类相关资料，将这些宝贵的资料全部记在U盘上，尽量使我的资料完整、精确、数量多，这有利于论文的撰写。然后我将收集到的资料仔细整理分类，及时拿给老师与同学进行沟通。
10月初，资料已经查找完毕了，我开始着手论文的写作。在写作过程中遇到困难我就及时上网找资料或者去找一些比较好的范文来参考，并和同学互相交流。在大家的帮助下，困难一个一个解决掉，论文也慢慢成型。
11月初，论文的大致思路已经完成。在设计初期，由于没有设计经验，觉得无从下手，空有很多设计思想，却不知道应该如何写，经过老师的指导，同学的帮忙。我的设计终于完成了
12月初，当我终于完成了所有打字、排版、校对的任务后整个人都很累，但同时看着电脑荧屏上的毕业设计稿件我的心里是甜的，我觉得这一切都值了。这次毕业论文的制作过程是我的一次再学习，再提高的过程。在论文中我充分地
运用了大学期间所学到的知识。
致谢
毕业论文暂告收尾，这也意味着我在铜陵广播电视大学的两年多的学习生活既将结束。回首既往，自己一生最宝贵的时光能于这样的校园之中，能在众多学富五车、才华横溢的老师们的熏陶下度过，实是荣幸之极。在这两年多的时间里，我在学习上和思想上都受益非浅。这除了自身努力外，与各位老师、同学和朋友的关心、支持和鼓励是分不开的
网页制作是枯燥繁琐而又富有挑战的。但老师的谆谆诱导、同学的出谋划策及家长的支持鼓励，是我坚持完成论文的动力源泉。在此，我特别要感谢教导我的胡恒杨老师。没有他的悉心教导我也不可能这么快掌握网页制作这门技能，在此我表示衷心的感谢。
感谢08秋计算机的各位同学，与他们的交流使我受益颇多。最后要感谢我的家人以及我的朋友们对我的理解、支持、鼓励和帮助，正是因为有了他们，我所做的一切才更有意义；也正是因为有了他们，我才有了追求进步的勇气和信心。
时间的仓促及自身专业水平的不足，整篇论文肯定存在尚未发现的缺点和错误。恳请阅读此篇论文的老师、同学，多予指正，不胜感激！