企业MG体育的网站设计(精选5篇)

发布时间：2023-10-18 丨 浏览次数：

　　MG体育（1）总体印象：立足于企业服务宗旨，延伸至高新行业领域，主题突出，内容精干，形式简洁，差异性，可识别性，用户体验。

　　（3）色彩运用：色调总体呈畅快、简洁、专业的特征：（根据企业实际需要决定）

　　（4）图片运用：配合文字及色块，以生动的形象图片表达知名专业公司的实力和创造力

　　（5）在功能上：网站内容从各方面尽量满足客户和有需求的业内人士的合理要求

　　网站首页是主要界面，显示本网站的主要模块，包括：公司简介、新闻中心、友情链接、企业联系方式，直观对企业有个大致的了解。以下是部分代码。

　　4.2 全网站对数据操作分为：读、写，公共类库中根据网站读写数据的内容选择操作数据库存并返回数据的语句；

　　[1]叶顺源网络开发关键技术与实践[M].中国铁道出版社，2006-3.

　　[2]王建平，汤世明，谢吉容等 2.0动态网站开发技术与实践[M].电子工业出版社，2007-7-1.

　　CI最开始指的是企业标志(Corporate Identity)，起源于20世纪60年代的美国，70年代传入日本。随着商业社会的发展，CI也在逐步完善，它早已不仅仅是企业的一个标志，而是演变为一个包含理念识别MI(mnd Identity)，行为识别BI(BehaviorIdentity)，视觉识别VI(Visual Identity)三大识别系统的CIS战略体系，简称为CI系统。精炼的企业理念确立、规范的企业行为制定、统一的视觉形象传达，形成强有力的宣传推广系统，世界500强企业如可口可乐、麦当劳、微软、苹果、松下、索尼等无不应用CI来管理企业在全球的商业运作。1988年CI系统也传入了我国改革前沿广东地区，以广东太阳神集团有限公司导XCI为标志性事件。随后CI设计在我国推广开来，包括中国电信、中国建行等大型国企都纷纷导入CI系统。

　　如今的国际市场竞争日趋激烈，企业之间的竞争已不是产品、价格、质量、技术等单方面的竞争，而是发展为多元化整体性的品牌竞争，社会也逐渐进入品牌文化时代。世界优秀的IT科技企业苹果公司的公司理念是“不完美才能促使进步去追求完美”，而苹果通过其美学至上的设计风格的演变和新产品的技术创新不断实践着这一理念。最初的苹果公司的LOGO在1976年设计出，为牛顿坐在苹果树下看书的钢笔绘画。在Apple-2发行时，乔布斯决定重新委托广告设计，LOGO被简化为一个被上帝咬了一口的彩虹色苹果。该LOGO一直使用至1998年iMae时，LOGO从彩虹苹果变更为更加简洁的单色苹果。2007年LOGO再次修改为更加精致的，具有金属质感且立体化的银灰色苹果，并使用至今。苹果公司的LOGO越变越简洁，越变越时尚，而其公司开发的产品从拥有半透明的、果冻般圆润蓝色机身的iMac到个人数字音乐播放器ipod，再到个人智能手机iphone和平板电脑ipad的问世，其奉行的完美主义通过极简的产品视觉设计传达出来，苹果公司也从一个IT公司变身为代表全球时尚文化的品牌。

　　今时企业所需的CI设计不再仅仅是为企业打造统一、规范的对内对外形象，更重要的是能通过各种表达形式帮助企业建立起鲜明、个性化的品牌形象，传达出能影响消费者价值取向的精神理念或文化内涵。进入21世纪，随着互联网的发展及对人们生活的强势影响，以及网络与多媒体对传统视觉形象概念的逐步更新，企业在互联网中的形象影响力已不逊色于线下，CI所涉及的领域正延伸至互联网。

　　CI在互联网中的应用主要体现在网站界面设计中，尤其是企业官网。网站的界面设计是根据网站内容在有限的屏幕空间上将各种文字、图片、视听多媒体元素按照形式美的法则和用户体验进行合理配置与表现的过程。而网页布局的目的是在视觉审美的基础上实现信息传递的清晰化、合理化，使浏览者在阅读信息的同时获得对企业品牌形象的认知。所以企业网站的界面设计应与企业CI保持在文化内涵、精神理念和视觉表现上的一致性。如苹果公司的官方网站，网站整体设计风格沿用苹果公司的VI，使用纯白和金属灰为官网的主色调，奉行极简的界面设计，呈现苹果一贯对精致、完美追求的公司理念。CI形象下的企业网站界面设计原则：

　　马克思说：“色彩的感觉是美感最普及的形式。”人的视觉对色彩具有特殊的敏感性，在视觉艺术中，色彩有先声夺人的力量，因此色彩是网站界面设计中最直接的视觉记忆。企业网站既不是某一新产品的网站，也不是企业某一主题的市场营销活动网站，它代表的是企业统一的、个性鲜明的品牌形象，所以企业网站主色调的确立不可随心所欲，应以企业vI标准色作为主色调，辅以辅助色彩的使用。如可口可乐便采用企业标准色――红色作为企业网站的主色调，而百事可乐则采用企业标准色――蓝色作为企业网站的主色调。

　　色彩对于人的刺激是首要但短暂的，而形态对于人的刺激是后续而持久的。“设计的形态由三个层次构成：材质、形式和内在意蕴。”。设计形态具有明显的功能和目的，人们可以通过形态联想到形态所隐喻和象征的内在品质。因此，设计师对设计形态的创造并非简单基于审美地对视觉元素进行整合，而是一种有意义的视觉符号的创造。企业网站的界面设计包含的设计形态很多，但无论是文字、图片还是动画、视频都应强调原创性来突出企业的文化个性。而这种原创性应建立在企业CI形象之下，与企业线下形象既有联系，又有所不同。如彪马的企业网站，为塑造品牌时尚、街头、自信的文化个性，在网页背景的图形设计上采用了涂鸦式的插画，在主画面的设计中采用了霓虹灯效果的边框设计，而网站的字体设计简练干净，棱角分明。此外网站中的多媒体视频设计以“what’s happening at puma”，以一种真实、生活化的画面讲述着彪马迷们充满活力与自信的每一天，这里面有名人也有普通人，虽然身份不同但他们拥有同样阳光而迷人的个性。整个网站的设计形态彰显原创的品牌个性魅力，亲切却又活力四射，让人记忆深刻。

　　网站的品牌传播有别于线下其他媒体平台上的传播，带有强烈的交互性，这也使得网站所建立的品牌沟通将更加深入。而这种深度沟通是以建立适合特定消费群体行为习惯的网站界面信息层次来实现的。信息传播方式分为三个层次：“第一，交换、传递信息，相互沟通信息。第二，引起互动行为。传达者发送信息，被传达者接受信息，同时把对信息的理解与反映回馈给传达者，初步构成了一个较完整的视觉传达流程。反馈与互动行为能够让双方沟通思想、交流感情、增进了解。第三，双方皆能满意。这一层次体现了双方自我价值的展现。”企业网站的信息内容涵盖视觉、听觉甚至触觉，设计师在进行网站界面设计时MG体育MG体育，必须清楚“界面的布局设计不是为了装饰，不是为了引起轰动，而是它体现的不仅是网站的审美功能，更重要的是传达给用户所需要的信息”。通过人造视觉元素如导航、图标、快捷跳转菜单等建立清晰的、直截了当的信息层次，并建立基于网页与浏览器的能对用户的行为做出即时反应的前台交互模式，以实现特定消费者与品牌间深度的情感建立。

　　风格定位之后，网站也应该有一个合适的框架结构，韩国一个很有名的演出团体的官方网站，从页面的首页到子页在框架结构选择上都运用了综合型的框架结构，并添加了自由的弧线，与视觉要素文字、图像共同勾勒出了一个既带有传统味道又带有现代流行气息的设计风格。

　　网站色彩选择上与企业形象的整体风格定位上应保持整体统一的关系，无论多么艳丽的颜色，要是与企业整体风格不相称，也不会采用这种色彩用于企业网站的。一个完整的网站不仅仅要有适合网站整体内容的框架结构、适合的颜色、有创意的图形来展现网站的整体设计风格，还应配有一定的文字信息来宣传企业的一些相关内容，如公司简介、产品详细信息介绍、最新动态等等。如何将各式各样的信息要素进行整合与编排最终与企业的整体风格相衬，我们应当注意一些问题。

　　第一个是合理编排，信息内容的空间。现如今大多数网页上有一个相似之处，那就是网页上的信息过多过满，大量的文字、图片、动画、视频等不进行合理编排就随意地堆到页面上去，有的网页一打开，动来动去的小广告在页面上随意地飘，充满整个屏幕，妨碍人们正常浏览网页，当你去关掉它时，顺利的还可以一下关掉，不顺利一下进入了他们设下的“陷阱”，掉入了他们的广告链接地址，真是浪费浏览者的时间，让人又气又恨，也影响了整个页面的视觉效果。这样的网页页面设计使得主要内容与次要内容分不清晰，条理不清晰，要么就是根本没有重要内容，并且也没有进行信息归类，整个画面处于杂乱无章的地步，让浏览者无从下手找寻有想要的信息内容。

　　还有一种则是整个页面空荡荡的，这样页面到是没有障碍物了，但是有时连最基本的信息内容都没有，还怎么找想要的信息呢，这两种情况可以用“满”和“空”来形容。本人觉得不是要把整个页面填满内容才不空，也不是要把整个页面什么也不放才不满，我们对于页面只要做到合理的编排，让整个页面在视觉上达到均衡并利用内容的和谐统一，就算网页某部分大量留白了，让人看后也不会觉得空旷，相反，会让人有思考的空间，让人觉得透气，画面和谐的感觉，这样信息也传递了，也给人一种视觉愉悦的感觉，何乐而不为呢?

　　第二个是页面中信息内容编排的视觉流程。视觉流程，就是浏览者在浏览页面信息时，首先去看什么，然后去看什么，最后再看什么，一种很自然的视觉流动习惯。心理学研究表明，一般情况下，人们在浏览信息时都是习惯于先上后下，先左后右，同一个平面中，上半年部分的视觉影响力大于右面的，所以，在同一平面中，称上半部分和中上半部分为平面中的“最佳视域”。这样我们在进行页面中信息编排时，将一些重要的信息放置在这个位置，会起到事半功倍的效果。当然这只是一种视觉习惯不是一个固定不变的公式，编排页面信息时只要与人们的心理顺序相符并且合乎逻辑顺序是都可以运用的，在页面设计中，灵活并且合理编排信息这样对信息的传达有很大的帮助。

　　企业类的网站设计中，分为两种类型:第一种是以推广企业形象为主的，第二种是以推广产品为主的。以推广企业形象为主的网站，我们应该注意四点:第一点，对于企业的风格定位应该把握准确;第二点，页面中一定要有抓住浏览者目光的新颖图形;第三点，色彩上要与企业风格相匹配，匹配的同时要醒目;第四点，页面设计主要以企业形象为主，不用配用大量的文字内容。

　　随着互连网的快速发展，网络已成为人们生活的一部分。不仅仅是大企业需要网站来开展电子商务，中小企业也迫切需要有自己的企业网站来宣传和联系客户等许多传统媒介无法完成的目标[1?2]，而如何在网络上明晰地表达企业的资讯，是建设企业网站的最终目标。通过企业商务网站，企业的客户可以查询并了解企业所生产的各种产品的性能、价格等详细资料以及企业能给客户提供的各种服务。通过网站企业能更好的宣传自己，提高企业知名度，进行有效的网络营销。

　　本动态网站整体模式采用B/S结构，不仅具备了C/S架构所具有的众多优点，还可以在任何终端进行操作而不用安装任何专门的软件。具有客户端零维护，系统易扩展的特点，只需系统管理员分配一个用户名和密码就可以上线使用。同时省去了C/S模式软件应用中为客户机分发升级版程序和繁重的维护任务，客户终端计算机上只需要安装操作系统和浏览器就可访问服务器端。

　　由于ASP具有较强的扩展能力、与数据库和其他程序交互容易及开发简便、快速的特点，本系统采用ASP+Access作为程序开发的主要技术。另外，ASP文件的运行需要在服务器端安装和配置IIS服务器，具体操作在本文中不再阐述。

　　ASP是服务器端的脚本执行环境，可用来产生和执行动态的高性能的Web服务器程序，当用户使用浏览器请求ASP主页时，Web服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言（JScript 或VBScript） 。通过ODBC连接数据库MG体育，由数据库访问组件ADO（ActiveX Data Objects）完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示[4] 。

　　企业商务网站由前台与后台组成，前台体现在浏览器端口供客户浏览信息和提交信息反馈，后台体现在服务器端供管理员管理（添加、删除、更改）信息及查看用户对产品和服务的反馈意见，如图1所示。前后台在协调分工中工作，以保证商务信息的实时与准确。

　　动态商务网站的前台模块包括企业简介、企业新闻、产品信息、产品展示、客户留言、招聘信息和在线留言等子模块；后台模块包括登录、新闻管理、产品管理、数据库管理等子模块。

　　Access数据库是一个关系数据库，又有不同于其他关系数据库的特点[5]。 在Access中，用户既可以为每一种类型的信息创建一个表，将自己的数据分别保存在自己创建的表中，又可以使用联机窗体更加方便地查看、添加及更新表中的数据，还可以使用宏完成自己定义的一系列操作，同时又不需要编写程序。基于上述Access的强大功能及特点，在本系统中使用Access数据库来存储用到的所有信息到各个表中[6]。

　　整个程序由8个数据表组成，本文只详细介绍管理员、新闻、产品三个有代表性的结构表的设计。

　　（1） admin（管理员表）包含3个字段，字段名称（id，name，password）；数据类型（自动编号，文本，文本）；主要用于设定管理员信息存储。

　　（2） news（新闻表）包括4个字段，字段名称（id，title，content，creat time）；数据类型（自动编号，文本，备注，日期/时间）；说明（主键，新闻标题，详细内容，创建时间）。

　　（3） product（产品表）包括5个字段，字段名称（id，product，small，creat time，remark）；数据类型（自动编号，文本，文本，日期/时间，备注）；说明（主键，产品名称，小图片，创建时间，备注）。

　　前台首页主要是给用户看的，大气，美观的首页风格才能体现企业的形象，主要包括：首页（index.asp），企业简介（about.asp），新闻中心（news.asp），产品展示（product.asp），产品信息（know.asp），人才招聘（zp.asp），在线留言（message.asp），联系我们（contact.asp）等几个模块。在设计上将网站分为上（head.asp）中（主体部分）下（foot.asp）三部分：

　　（1） 上（top.asp）：头部主要展示公司的logo、名称banner，在设计上为了让其显得充实些，可在右侧加入收藏，设为首页，联系我们等内容。

　　（2） 中（主体部分）：中间部分主要是信息融合的地方，在设计上将其分为两块上下两个部分，4个模块。 其中4个模块为：企业简介，企业新闻，产品信息，产品展示（以图片形式展示）。

　　（3） 底（foot.asp）：底部主要是显示该公司的版权信息。如：联系方式，地址，备案信息，技术支持等。

　　登录页面（login.asp）是后台管理的通道，需要对登录用户名和密码进行验证，当登录用户名或密码错误的时，将无法进入后台，这样确保系统的安全性。

　　后台主页面为典型的框架结构，左侧（left）调用left.asp，主要调用网站的7个模块（新闻管理，产品信息，产品展示，企业简介，人才招聘，联系方式，在线留言）MG体育，管理员可以对每一个模块内容进行编辑。下面给出了具有代表性的添加产品页面的主要代码，有关删除产品页面（product_del.asp）和修改产品页面（product_edit.asp）的代码可用仿照添加产品页面的函数编写，在此不再一一写出。添加产品页面（product_add.asp）此页面的主要功能将完成企业产品在服务器端的的添加，包括产品平面图像和具体信息。

　　自从我国高职院校开设电子商务专业以来，其核心课程电子商务网站开发类课程的教学效果一直不尽如人意。笔者已在山东商职学院承担电子商务技术教学工作多年，通过各种方式对国内二十多所高职院校电子商务专业进行了相关课程教学内容和教学效果的调研，发现诸多院校电子商务网站开发课程以教授静态网站制作为主，能真正理解、开发出实用的商务网站的学生近乎为零，即便是带有基本会员功能的简单企业展示网站，学生也不能很好理解，更不用说帮助企业做网站规划、运营维护等工作。

　　我校电子商务专业对人才培养目标进行重新研究、梳理、定位，重点向商务偏移，明确了商务网站课程不应以教会学生开发技术为教学目标，而应该教授学生具备理解动态网站原理、能对企业网站进行规划和改版的能力。

　　我校电子商务专业自2000年开设该课程以来，授课内容一直根据社会需求不断调整。2008年课程名称确定为网页制作，内容从原来讲授网页制作三剑客等软件操作为主，调整为讲授HTML基础知识及应用为主，辅以Dreamweaver软件操作，并在后续学期开设网页制作脚本语言，注重学生编程思想和代码读写能力的培养。

　　2009年，经调研我们对专业人才培养进行了较大的调整，降低对学生开发技术的要求，开始重视学生对网站运营的整体理解、网站的维护更新等能力的培养，课程调整为网页设计与美化、ASP动态网站规划两门课程，分两个学期开设。其中ASP动态网站规划重点讲授动态网站基本原理，引导学生进行网站规划，并加入网站的、维护、更新等教学内容。

　　2011年，专业人才培养在做过大量调研的基础上，再次进行重大调整。我们发现社会对电子商务人才的要求很大一部分是“商科能力和素质”，并且定位了电子商务专业的三个岗位目标（网络营销主管、电子商务运营主管、网络客服主管）。因此课程进行了较大调整，课程名称确定为商务网站设计与制作，分两个学期开设；并尝试将校企合作单位的真实企业网站开发项目引入教学。经过改革和建设，该课程作为“电子商务专业核心课程群”中的一门被评为校级精品课程。

　　2012年，专业进行了“MBE-CDIO教学改革”，提出一个覆盖商业职场环境、体现完整生命周期的教学设计。同时教学大纲分解了专业人才培养所需完成的素质、能力和知识目标，构建了电子商务专业教学主线级进阶项目，更加明晰了商务网站设计与制作在人才培养中的作用和地位。

　　课程内容的设计、组织服务于专业人才培养目标。2012年专业教学采用“MBE-CDIO一体化课程体系”模式，确定商务网站设计与制作的课程目标共计28项（见图1），包括1项技术知识、13项胜任工作的能力、5项进阶能力的教学任务，9项素质教学关键点穿插其中，保障了课程体系的实施效果。

　　为了确保教学目标的完成，课程引入“心欣农产品交易服务平台”（http：//）真实的企业项目背景，让学生完成“心欣平台前台页面规划及设计”（从需求分析规划设计制作实现测试运行维护整个生命周期），和“心欣平台后台改进规划与实施”（从改进需求分析概要设计详细设计整合测试运行培训文档设计整个生命周期）两个实战项目；最后，用“心欣农产品交易平台”的改进效果来检测课程教学目标的完成情况。

　　课程的项目化教学在教学做一体化的教学环境中开展MG体育，学生以项目组的形式参与项目学习全程，掌握网站需求分析、网站建设、网站优化、网站维护等专业知识的同时，更锻炼了团队合作能力、沟通能力和创新意识等综合素质。

　　课程内容设计基于两个原则：（1）实现教学目标；（2）以真实企业项目覆盖商业职场环境下的完整生命周期。

　　教学目标涵盖了人才培养目标中的9项素质关键点、1项技术知识关键点、13项能力关键点和5项进阶能力关键点。这28个关键点，是通过将两个真实企业网站项目（心欣前台页面内容规划与设计项目、心欣后台改进规划与实施项目），引入实际教学过程中实现的。具体内容规划，则依据CDIO（Conceive构思、Design设计、Implement实现和Operate运作）理念，按照软件工程的思路进行组织。（1）静态部分以Web标准HTML+CSS内容为主，引入“心欣前台页面内容规划与设计”项目贯穿。（2）动态部分重在培养学生的商务网站规划、优化及维护能力，使学生对具备交互功能的动态商务网站有一个全面认识；注重培养学生对项目或系统的完整生命周期的理解，要求学生从需求识别、需求分析、规划设计，到测试、更新维护、运营管理等环节全程参与，并注重对学生策划并撰写系统应用文档的能力的培养。

　　课程内容用“心欣农产品交易平台”的优化改进项目贯穿，整个教学过程划分为五个子项目进行。每个子项目又分解成了专业知识、实训操作、项目实战和展示型考核四个模块。学生以项目组的形式，参与项目全程。其中，实训操作模块将授课中涉及的实践操作加以应用并巩固；项目实战模块则将真实项目分解为子项目进行实施和检验；展示型考核模块在各子项目中是比较重要的模块，各项目小组在项目实战模块中完成的任务需要进行展示、答辩，必要时将作品向企业推荐，并将企业评价和反馈意见作为重要考核指标。

　　课程共计64课时，分别安排在第二学期、第三学期进行。第二学期进行网站前台的规划设计和实现，分配24课时；第三学期进行网站后台的规划设计和运行维护，分配40课时。两学期均在教学做一体化教室展开教学，实践比例100%。子项目的具体内容组织、授课内容课时分配见表1。

　　（1）用真实项目贯穿课程内容，学生以项目组的形式参与项目开发全过程：用两个真实项目开发过程为载体组织教学内容，以教授方法、技巧为主；学生以项目组的形式参与项目开发全过程，边学边做，把学到的方法和技巧在项目开发过程中立即实践，并在实践过程中组织讨论、互动；根据每个项目组的反馈情况完善教学内容、安排进度。

　　（2）采用教学做一体化方式，考核方法取消笔试，采用展示型过程化考核。各子项目结束时，学生项目组都要进行成果展示、答辩，检查并共享学习成果；根据老师提出的修改意见进行修订，并制定下一子项目实施计划。项目全部结束时每个项目组实现的都是一个完善的、可、可供企业实际应用的网站，作品以企业是否采用为主要考核标准，激发学生的竞争意识和学习兴趣。

　　（3）利用云空间加强互动学习和资源共享。利用世界大学城云空间教学，加强学生与老师之间、学生与学生之间的互动和资源共享。课程将教学目标关键点分解，形成26项工作能力点，一一对应了26个能力关联表格化教案，见图2。

　　以真实企业项目为教学背景的课程改革，目前已经试行两届，教学成效初显。学生对这种用真实企业项目贯穿的、项目导向在实践中学习的教学方法充分肯定，学生作品也得到合作企业的认可。当然，在运作过程中，我们也遇到一些困难、发现一些问题，需要进一步改进和加强：（1）企业真实项目一般对项目完成时间、网络安全方面有较高的要求，课程中实现有难度；（2）项目开展和学生的实践训练若能在一段时间内集中完成，既能满足项目开发需要，又有助于学生高效学习，但不符合学校的教学计划，难以实现；（3）学生作品为企业采用之后，后期网站的维护更新无法保证。

　　课程组会在以后的建设过程中尽力克服以上困难，将课程改革的有效部分继续完善、推进、发展。

　　[1] 王鑫，王华新.CDIO重塑高职电子商务专业教学[M].北京理工大学出版社，（第1版）.2013.1.

　　[2] 王天宝，程卫东.基于CDIO的创新型工程人才培养模式研究与实践——成都信息工程学院的工程教育改革实践[J].高等工程教育研究，2010：1.

　　[3] 商玮，盘红华，郭飞鹏.TF-CDIO电子商务专业课程体系的构建[J].高等工程教育研究，2012：2.