网页设计图和网站页面实现的关系-企业官网为例_开题报告

在互联网高速发展的今天，我们能随时随地的看到各式各样的讯息，能使用不同的设备去寻找，去接受，去了解各种新资讯。对于企业来说，传统模式下的企业发展，是通过口口传送，实地考察，或者是花钱打广告，相对来说，时间消耗较长。面对这种情况，我们应该善用互联网，使用互联网，让各地人民知道企业，了解企业，从而提升企业的路人知名度。

作为一个企业来说，企业的宣传，是为了提高企业知名度，让世界各地的人认识到自己的企业，向他们展示自己的产品。宣传，不仅仅是产品的宣传，更是要提升企业形象。宣传的方式不仅包括使用者的口口传送，还包括在网络上的企业门户网站的开发。互联网社会，企业网站是必不可少的。但是，如何设计自己的企业网站，是企业的一大难题。

随着网页设计的发展，从简单的文字，链接到如今的设计转向扁平化，简单化，我们的企业网站却依旧停留在老式的设计版面中，官网的设计老旧，复杂，各种各样的信息都堆积在一个页面上，客户找不到侧重点，没有闪光点，即使你企业再强大，客户不能在第一时间内找到自己的需求，就会忽视，去找其他企业。吸引不了客户，日采访量少，官网不受重视，信息更新不及时，导致了企业网站鸡肋的作用。

我们通过网页设计的发展，从网站色彩搭配，企业需求，贴近企业文化，网站展示等等方面来描述设计对于企业网站的影响。在通过对不同行业，不同性质的企业网站进行对比，寻找出适合不同企业的不同设计。

在根据目前html，css样式和java script等前端方法，让网页设计体现到静态页中。在网页设计和网站页面中，依据现实技术分析设计中的实现可能，尽可能的让设计图完美的显示在静态页面中。

网页设计和企业官网现状

1991年，Tim Berners-Lee创建了网上第一个网站，虽然这个网站不包含任何图像，只运用了简单的url、和html组成。2010年，响应式网页设计的出现，让网站更加的美观，便捷，能更有效的展示查看，且更利于搜索引擎优化。现如今的网页设计，开始化繁为简，回归到设计的根本，专注在内容的呈现，开始扁平化设计。

中国的企业众多，五金，服装等等企业都有自己不同的用户群体。在初期，众多企业也曾纷纷打造属于自己的企业网站。但实际表明，企业门户网站上的日访问量低微，基本处于沉睡状态，导致企业网站日渐成为企业上网大潮过后的一个花瓶摆设。企业需要发展，他们不满足于实体线下的营销需求，更有着强烈的网络营销需求，他们慢慢了解互联网对于企业发展生存的重大意义。但是，老旧的设计，企业网站千篇一律的设计排版，毫无特色的企业网站页面，无法让顾客有浏览的需求。在网站上，找不到企业的产品展示，找不到企业的重点推荐，只有大篇幅的文字，这都不会使自己的企业脱引而出，反而让顾客感到烦躁，网站访问量逐渐减少，让网站成为一个企业的鸡肋。

研究背景和意义

在过去的几十年中，科技的飞速发展，让互联网发生了翻天覆地的变化，从纯文字链接的网页发展到如今图文并茂，网页界面信息呈现更加直观，功能更加的人性化。现在的网站，不仅仅能让你获取信息，在一定的程度上，享受一番视觉效果。

企业设计官网旨在让更多的人了解企业，让更多的人知道企业，提高企业的知名度，增加企业曝光率，发展企业。所以，如何设计企业官网至关重要。

企业网站设计内容第一的原则,其根本在于企业网站能否吸引和留住客户或潜在客户,它包含三层意思:网站内容的面向对象要准确清晰;针对目标访客的网站内容要紧扣其兴趣中心,从为其带来价值的角度出发,令其感到有收获;促使目标访客对网站内容建立起充分的信任感、解答其疑问。从网站内容方面保证了企业网站对目标访客的吸引力和访问粘度,从而为企业网站实现其既定目标打下了良好的基础。

现如今的企业网站样式老旧，在扁平化流行的现在，不少的企业网站依旧在使用过去的纯表格页面，页面复杂，首页没有吸引客户眼球的亮点。版式设计不符合企业文化，客户找不到自己需要的东西。

针对企业网站目前的问题，描述网页设计对于企业网站的关系；对于企业网站的设计，我们需要了解企业的企业文化，企业网站设计的侧重点，使用设计中的色彩搭配，来突出显示企业重点。使用现有的前端技术，完美体现设计图。

Adobe Photoshop和Sublime Text

Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。使用PS来完成设计图。

Sublime Text ，代码编辑器，支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，还拥有代码片段（Snippet）的功能，可以将常用的代码片段保存起来，在需要时随时调用。使用sublimt text来实现设计图到静态页的转换，可以在编写过程中，在本地查看效果。

  ^范文提纲

绪论

引言

研究背景和意义

现状分析

网页设计的发展历史

企业官网的作用和目的

如何设计企业官网

中英文官网的设计分析

技术与工具

网页设计和企业官网的关系

了解确定企业设计需求

网页设计中色彩搭配对官网的作用

网页设计的效果实现

企业官网的实现

案例分析

不同行业企业官网分析

小商品企业的官网赏析

商城类官网赏析

机场，博物馆官网赏析

总结

  参考文献目录

[1]翁洁.网站配色与布局的相关性及融合发展路径[J].科教导刊(下旬),2018(02):33-34.

[2]姚蕊,岑秀文.国际知名化妆品品牌中英文官网建设差异探讨--以兰蔻中英文官网为例[J].现代商贸工业,2017(13):48-49.

[3]张丽影,吉明月.浅谈网站对企业的重要性[J].科学中国人,2016(26):202.

[4]高玉娇,覃京燕,王晓慧.手机游戏行业官方网站设计方法探讨[J].包装工程,2015,36(24):48-51+56.

[5]张丽萍.网页配色与版式布局的设计[J].产业与科技论坛,2015,14(03):57-58.

[6]张鲁豫.中小企业网站设计与研究[J].科技致富向导,2012(30):278+305.

[7]夏曼.用DIV_CSS布局技术实现网页设计[J].软件导刊,2010,9(11):132-134.

[8]时美.浅谈中小企业网站设计[J].信息系统工程,2009(12):19-20+24.

[9]管震.网站对企业的重要性[J].电脑知识与技术,2009,5(24):7000-7001.

[10]覃远霞.企业门户网站的设计与实现[J].科技创新导报,2008(33):149.

[11]章新成. 网络之路—中国企业网站页面设计初探[D].武汉理工大学,2007.

[12]高敬惠,王俊阁.商业企业网站界面设计趋势探讨[J].经济论坛,2004(15):140-144.

[13]张静君.什么样的企业网站才有用[J].新经济,2001(04):30-33.