阅读时长5分钟
再谈网页标题设计的意义及问题分析
每一个网页都应该有一个能准确描述该网页内容的独立的标题，正如每个网页都应该有一个惟一的URL一样，这是一个网页区别于其他网页的基本属性之一。然而调查发现，在企业网站中，只有14.5％的网站为每个内容页面设计相应的标题（含并不专业的网页标题），其他超过85％的企业网站中所有的网页都共用一个网页标题，通常为企业名称或者企业名称缩写，其中有些网站甚至没有合理的网页标题。这项数据是新竞争力网络营销管理顾问针对103个机械行业企业网站优化状况详尽调查的基础上获得的，更详细的内容将在《机械行业企业网站优化状况研究报告》中发布。 网上营销新观察主持人冯英健在“网页标题设计原则与一般规律”文中讨论了网页标题设计的重要性，并列举了部分网站在网页标题设计中存在的问题，提出了网页标题设计的三项基本原则。根据作者对企业网站的调查分析，发现网页标题设计的问题还有很多，可以说大部分企业网站的网页标题设计都不够专业，因此在网上营销新观察的网络营销讲座栏目中，对网页标题设计的意义及存在的主要问题再次讨论分析。 网页标题设计的意义 根据网络营销教学网站(www.wm23.com)的解释，“网页标题是对一个网页的高度概括，一般来说，网站首页的标题就是网站的正式名称，而网站中文章内容页面的标题就是文章的题目，栏目首页的标题通常是栏目名称。”【原文：什么是网页标题
？设计网页标题应注意哪些因素？】根据这一解释，在企业网站中，产品介绍页面的网页标题应该以该产品名称相关的内容作为标题，而不应把企业名称作为标题，尤其不应所有网页共用同一个标题。 从网站内容页面网页标题设计的现状来看，绝大多数企业网站都没有对此引起足够的重视，这样不仅为用户来到网站之后获取相关信息带来一定麻烦，更糟糕的是，由于这种不专业的网页标题，使得网页在搜索引擎推广方面缺乏优势（这里指基于搜索引擎自然检索的推广），用户可能根本无法通过搜索引擎检索发现这个网页。 详细内容页面如企业新闻内容、具体产品的详细介绍等，是对某项业务、某个产品的最全面的信息，也是用户获取详细信息的最终渠道。因此内容详尽且容易被用户通过搜索引擎检索是对内容页面内容策略的基本要求。从网页被搜索引擎收录和用户获取详细产品信息的角度来看，每个产品信息网页都有可能为公司通过搜索引擎检索带来潜在客户，因此不夸张的说，网页标题设计直接影响了网站的总体网络营销效果。 网页标题设计问题综述 作者在对《机械行业企业网站优化状况研究报告》（新竞争力网络营销管理顾问 www.jingzhengli.cn 将于2006年2月正式发布）有关网页标题设计问题的数据进行分析时发现，网页标题设计的主要问题表现在三个方面： 首先，大多数网页没有独立的标题。网上营销新观察在相关文章中多次介绍过，网页标题对搜索引擎检索结果的权重最高，尤其是包含有效关键词的网页标题。如果企业网站各个网页没有独立的标题，显然对搜索引擎推广是极不利的。 第二，网页标题设计不包含有效关键词。有些网站尽管每个网页（至少是重要网页）有独立的标题，但由于网页标题设计过于随意，比如用产品名称缩写或者产品型号作为标题，缺乏对有效的关键词，这样的独立网页标题实际上所发挥的作用也是非常有限的。 第三，网页标题与网页主体内容的相关性。这是很多网站在设计网页标题时不够注意的，这一问题又可以分为3种情况： （1）由于一些网站的所有网页通用公司名称作为标题，即使公司名称中具有产品或者行业特征的关键词，也无法确保与每个网页内容高度 相关； （2）同一个产品（或者项目）可能有不同的名称，在网页标题中使用一个名称，而在网页正文内容中可能使用其他名称，这样的网页标题尽管用户可以明白其意义，但由于搜索引擎是无法识别这种区别的，结果等同于网页标题与主体内容没有相关性； （3）网页标题与网页主体内容的相关性缺乏相关性的一种特殊表现是，一些网站过于“优化”网页标题，使得网页标题包含大量“重要关键词”，不仅造成网页标题过于臃肿，而且与网页正文内容相关性不好，有些标题中的“关键词”在网页内容中并未出现，这就取得了适得其反的效果。在“网页标题设计原则与一般规律”中曾用某网络营销服务商的网站首页标题为例说明这个问题。 网页标题设计要点总结 （1）每个网页都应该有自己独立的标题，对企业网站而言尤其是每个产品详细介绍页面更应重视网页标题的设计； （2）网页标题体现网页的核心内容，并含有有效关键词； （3）网页标题与网页正文内容应该具有高度相关性。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-09-13</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1835" class="li2 wow fadeInUp">
<div class="day1">阅读时长1分钟</div>
<div class="xian"></div>
<div class="att f_22">乐趣足球中秋国庆banner板式库</div>
<div class="att2 f_17">乐趣足球为您的公司官方网站提供国庆中秋节日banner图的制作，banner图样式可以在板式库中进行挑选，只需将您心仪的banner样式编号发送给您的专属客服，您的客服将安排制作上传——乐趣足球提前祝您和您的家人国庆中秋快乐！ 国庆banner1 国庆banner2 国庆banner3 国庆banner4 国庆banner5 中秋＋国庆banner1 中秋banner1 中秋banner2 中秋banner3 中秋banner4 中秋banner5 中秋banner6 中秋banner7 中秋banner8</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-09-06</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1833" class="li2 wow fadeInUp">
<div class="day1">阅读时长2分钟</div>
<div class="xian"></div>
<div class="att f_22">网站建设所用模板的分类以及制作</div>
<div class="att2 f_17">拌随着网络公司的发展，网站的制作已经越来越成熟了，可以完全满足人们对于这方面的需求。现在有很多网络公司在网站模板方面的业务能力也是非常强的，而且非常受客户的青睐。 每一个网络公司以对于网站模板都会根据自己公司的需要来进行分类。大致可以分为:成品模板、仿制型模板、手工模板、动画模板，每一种都有自己的特色，客户可以根据自己的要求来进行选择。其中成品模板是最多人使用的，在网站建设行业中，经常会提到自助建网站、智能建网站这些专业术语，实际上就是说网络公司向有需要的客户提供相关的模板以及相对应的网站系统，网站系统可以使用不同国家的语言，当然也可以同时使用多种不同国家的语文言。换句话来说就是，这类模板是可以无数次被使用的，客户在向网络公司购买此类型的模板后只拥有它的使用权，并没有拥有它的版权，它的版权都是归属于网络公司所有的。 当客户选择好网站模板后就需要进行后期的制作。而后期的制作会根据自己选择的模板不同的制作方法会有所不同。具体网站模板的制作如下: 选择成品模板的客户只需要在网站的后台按照相关要求输入自己的资料，资料更改好后就变成属于自己的网站。这些制作过程都是非常简单的，只需要有一台普通办公用的电脑就可以完成的。 深圳网站建设觉得选择仿制模板的客户在网站的制作过程中，一定会加入一些属于自己的风格、色彩在里面，所以制作前一定确认自己的网站风格、色彩。现在这类型的网站是比较多，很多购物网站都是使用这样模板来制作的，比如我们经常使用的淘宝网、当当商城，这些网站都是利用仿制模板来制作属于自己的网站，从它们的网站上又会有其它网站的模板风格存在。只要确定好自己的网站风格、色彩就可以在相关的地方利用一些编辑软件就可以完成的，这些制作过程是需要有一定这方面知识的专业人士才可以完成的。 网站模板只适合低端需求用户，如果你需要制作中大型网站，还是需要找专业的网站定制公司来建设。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-09-05</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1834" class="li2 wow fadeInUp">
<div class="day1">阅读时长4分钟</div>
<div class="xian"></div>
<div class="att f_22">网站建设大讲堂：留住访客的秘诀是什么？</div>
<div class="att2 f_17">随着网络的普遍应用和企业对网络的重视，越来越多的企业已经意识到网络营销的重要性。企业应用型网站除了构建企业的网络形象，更重视将企业的日常业务延伸到互联网，通过网络进一步拓宽网络营销渠道。在这一点上，网站充分利用了互联网的媒体长处，使网络营销与传统营销有效结合。 日常生活中，我们会发现，网站的应用越来越多，它是现代经济的产物，它标志着企业的无形资产，它传递着企业综合信息和企业文化。网站在企业或品牌形象塑造过程中，是应用最广泛、出现频率最高的、最关键的元素，现在已经作为企业CIS战略的主体部分。 也许有人会问，如何才能创建一个优秀的的网站品牌标志设计呢？小编总结和分享8个相关技巧，希望对网站品牌建设、网站品牌标志设计等相关从业人员有所帮助。 1、简洁才是美 有几十项相关设计的科学研究表明，简洁的元素更容易让人印象深刻。企业的标志或商标让人看了一眼就马上能够记住，这才是为公司的品牌形象传播的第一目的。因此，我们可以把企业的核心价值观，精琢细磨成两个或三个关键词语，然后使用这些关键词语作为标志设计内涵的的基础，在简洁是美的原则上去设计网站。 2、对尺寸和比例要仔细衡量 这不是您的标志有多大的问题，而是综合考虑衡量各种场合使用标志时的尺寸和大小的问题，企业在进行创建网站时要考虑到标志内元素构成的比例和尺寸。如果你的标志设计的比例和尺寸不当，某些场合缩小使用时，它的重要构成部分和核心表达元素，将会难以识别。同样，放大印刷时，不重要的修饰部分有可能会占据主导地位，抢去了主体。所以，要仔细考究您的标志设计中各元素和总体的综合尺寸与比例。 3、要考虑各种场合的表现效果 一个标志不单纯是一个图形，我们要考虑到各种场合的表现效果。标志在许多环境中存在多种格式：从移动设备到广告牌，从名片到车体，从纸媒广告到视频媒体，从网页浏览到印刷，您的标志需要跨越几十个不同的媒介来表现。在RGB和CMYK模式，屏幕显示和印刷上也都有区别。所以要综合考虑颜色、大小等等相关影响 因素，尽量保持标志在不同的媒介中表现效果一致。 4、一定要考虑客户群体 先问问自己，你的客户群体是哪一部分人，而可能访问你的企业网站的客户群体又是哪一部分人，他们浏览企业网站时有什么样的习惯特点。许多颜色有不同的潜意识和文化意义，因此，要事先统筹规划然后再决定标志的颜色和构成。例如，一个童装品牌的标志不可能是整体划一中规中矩，一个律师事务所的标志不可能是卡通活泼。 5、与众不同就是金科玉律 有一个简单性和独特性，才可以更快的被识别和传达。网站设计公司尤其要避免和其他标志风格雷同才会更令人难忘。 6、忘记流行趋势 流行趋势固然重要，但不应该以此定义您的标志。如果您的标志很符合当时的流行元素以及流行趋势，那么它也将会很快和流行趋势一样被淘汰，成为不流行的元素或者难以让人印象深刻。所有的快餐店品牌看起来好像都是相同的，那么让人马上记住或者区分起来就很难。 7、尽量不用文字变形 让看到标志的人产生共鸣是很关键的一点。能够在最短时间内获得观者的认可，不仅仅要依赖于简洁。运用文字变形来做标志，虽然很容易让人记住名称，但往往失去了标志的最根本的意义，文字变形很难能表现企业的内涵以及核心价值观。 8、不能使用太多颜色 要保持您的所使用的颜色数量，超过4种颜色后就会显得杂乱，而且每增加一种色彩，就意味着引入了一个新的信息。 以上便是总结的网站设计的技巧，其中可能更多的是理论知识，而在实践中，希望各位读者能够用到这些，同时自己的技艺得到升华。另外，用于借鉴和模仿在当今互联网界也并不是什么羞耻的事情，只要你做的网站能够吸引用户就好。 企业设计出了优质的网站，可以帮助它在搜索引擎里获得更前的排名。这是最直观的效果，也是最大众的效果。在当今市场上，同一种产品的生产商数不胜数，在互联网上亦是如此，您的企业做了网站，别人也做了，那么我们要竟争。优质的网站可以帮助您留住更多访客，打败更多竞争对手！</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-09-05</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1832" class="li2 wow fadeInUp">
<div class="day1">阅读时长2分钟</div>
<div class="xian"></div>
<div class="att f_22">一篇关于网站建设方面的文章</div>
<div class="att2 f_17">1）要分析访客的IP地址。通过访客的IP地址，来分析他来自于哪个国家和地区。因为很多时候，美国的一个访客点击一个广告，可能会给你带来5美金的广告收入。但是其他地方的访客有可能只有2毛钱的收入。（这个是大家都知道的规则，中国的广告商的广告都是很低的，所以如果你的站点有大量的国外的流量的话，你就可以在广告收入上取得比较好的业绩了。） 2） 你必须建立一个能吸引回头客的网站。建议是：不要幻想能通过搜索引擎优化本身来致富。但是如果你建立的是一个免费的找工作的网站，你却可能一年赚个3 千万。其他像俱乐部会员，免费交友等等，这类网站都有可能赚大钱。寻找一个已成熟的市场，给这个市场提供一个免费的服务，然后卖广告。（这个说的很对，你只有对你的用户，负责，他们才能对你负责的。让他们感觉到你的网站有用处，他们才再来的。你的网站的流量才会大嘛，才有的广告放，才有得钱赚的。） 3）让你的用户和访客来生成网站内容。比如让他们写一些例如夜总会的，旅馆的或是高尔夫球场的评论。『很不错的想法的，可以增加你的网站内容，对于搜索引擎来讲，更友好啦。』 4）不要进入一个太多人已经在用Adsense的市场。最好是能创造一个你自己的市场。『这是adsense方面的知识的，也就是避免大的竞争对手吧。』 5）网站必须非常简单，必须速度快。一页最多两个广告，最多一到两张图片。不要让你的访客晕头转向，不知所措。『不然他们不会打开的站点的，至少没有耐心去打开你的站点。』 6）到其他论坛里去转转。如果人们没有在谈论你的目标市场，那么你有很大的机会在这个市场里赚钱。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-09-04</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1831" class="li2 wow fadeInUp">
<div class="day1">阅读时长3分钟</div>
<div class="xian"></div>
<div class="att f_22">企业网站建设降低网站跳出率技巧和方法</div>
<div class="att2 f_17">做网站优化和网站运营者都知道一个很重要问题，就是网站跳出率。网站跳出率高的网站都会给人一种很不好的感觉，特别是电商网站，如何降低跳出率是很多运营者思考的问题。其实，企业网站建设也有这样的问题，如果网站跳出率达到50%以上，就代表网站在用户心中的问题。 为何网站跳出率如此重要 网站跳出率是衡量网站内容质量的重要标准，也是网站排名和在搜索引擎评分中的重要一环。我们都知道网站排名在搜索结果首页中，排名差异化就是网站跳出率。一般我们都认为跳出率在1-35%为最佳状态。这代表网站在内容质量和用户体验非常优秀。 何为跳出率 根据百度百科解释，跳出率是指在只访问了入口页面(例如网站首页)就离开的访问量与所产生总访问量的百分比。因此，跳出率高低直接决定用户对于网站认可，也是网站在搜索引擎和用户心中的表现。如何留住客户，从而降低网站跳出率就变得很重要。濮阳网站建设就说说如何降低企业网站跳出率。 1、企业网站拥有优秀的视觉界面 网站界面对于用户就是第一印象，就好比一个人一样穿着和打扮给人的第一种感觉。因此，我们在做企业网站界面中给网站制作精良的视觉界面，保证网站在色彩清晰可见，配色使用暖色，而且还有完整的导航结构。而且，保证网站样式布局不出现排版错误。 2、网站跟符合主题高品质的图片 网站随着文字描述很重要，而且搜索引擎也对于文字更加重视，在权重提升方面也很有帮助。但是，鲜花还需要绿叶来衬托，图片就是这种绿叶。良好的网站视觉界面，加上高品质的图片，难道还勾引不起客户浏览的欲望吗? 3、网站整体配合和业务相得益彰 网站整体配色和网站业务进行切合，例如做装修网站就需要体现艺术和装修风格是古典风格，还是现代风格。做网站建设网站一般都是选择蓝色作为整体配合方案。我们在做网站整体配合就需要运用颜色来诠释业务和品牌。 4、文章内容的可读性 网站文章内容要确保所有标题和段落和链接合理配置，保持网站段落清楚，重点文字加粗显示，字体大小和行与行间距间隔相对合理的配置，让用户阅读起来也相对容易，而不是密密麻麻杂乱无章的显示在内容页中，其实网站内容页是降低企业网站跳出率做好的方式。 5、网站整体风格与品牌浑然一体 从整体配色、logo、图标、背景、框架……创建的每个元素都紧密和品牌挂钩，形成浑然一体的品牌风格，增加网站在品牌的建立，通过品牌效应让网站用户安心和值得托付。 降低跳出率的对策 1、导航方面尽量合理，建议使用面包屑导航，导航需要清晰且让客户不会觉得很 2、站内链接部分，站内链接要很合理; 3、服务器也是很重要的，提高页面的加载速度; 4、网页整体内容最为重要，能够吸引到用户的信息才是最符合用户体验的; 5、请不要出现过多的错误链接、死链接等; 6、网站不要投放大量广告，浮窗类型广告; 7、网站的整体设计也是尤为重要的关键因素，整体版面符合用户的观赏习惯; 8、服务器要快，建议网站选择国内服务器，稳定并且打开网站速度相比香港和国外的快很多; 最重要一点就是网站要做好原创和高质量的内容。只有源源不断的高质量内容才是保证网站权重和排名提升，这样在排名和用户留下很好的印象，然而，网站内容排列整齐和工整也是内容质量重要一环，希望大家也需要谨记。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-08-30</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1830" class="li2 wow fadeInUp">
<div class="day1">阅读时长3分钟</div>
<div class="xian"></div>
<div class="att f_22">企业网站改版注意事项</div>
<div class="att2 f_17">网站改版几乎是每个网站都不可避免要面对的问题，无论是企业网站还是电子商务网站、内容资讯网站甚至个人网站，经过一段时间运营之后，当企业网络营销策略、网站运营思路或者用户需求行为发生变化时，都有网站改版的必要，但是网站改版并不是简单地把新的网站模版设计、网页内容等简单地替换原有的网站内容，其中有一些重要问题如果处理不当，网站改版很可能会对网站运营造成不利影响。 由于各个网站的改版方式和改版内容没有共同之处，因此每个网站都可能会遇到自己特有的问题。本文罗列的企业网站改版注意事项，是作者根据新竞争力网络营销管理顾问对网站运营尤其是网站改版多年实践经验的总结，希望对您的网站改版计划有所帮助。 （1）改版模式选择。是启用全新网站还是在原网站基础上进行修改？对于大型知名网站来说这可能不是一个问题，而对于大量小型网站，或许新建一个网站更合算。关于这个问题，请参考作者发表在网上营销新观察网站的相关文章“中小型网站改版的三种模式及优缺点分析”。 （2）复制网站/网页。可能很多网站管理员并没有意识到这个问题，通常由于新旧网站内容共存而没有进行适当的处理，新旧网站内容基本相似，形成了事实上的复制网站或者复制内容。这种情况可能发生在新旧网站在同一个网站空间，也可能是两个独立的域名和空间（如下面多域名共存问题所描述）。 （3）多域名共存。有些网站改版之后，成为一个全新的网站，从域名到网站空间都全部更换了，但原来的网站还存在（有些甚至已经忘记了原来网站和域名的管理密码），尽管没有继续更新维护，但多个域名的存在不仅有复制网站的可能，而且对用户形成干扰，难以判断那个域名所代表的才是企业的主网站。 （4）失效网页。当新改版的内容发布之后，原来的一些网页需要及时的删除，否则容易形成前述的复制网页，但这些删除的网页如果处理不当同样会对用户访问产生一定的影响，原因在于一些被搜索引擎收录的网页，搜索引擎数据库的更新需要一定的时间，少则几天，多则几个月，在这期间，当用户通过搜索引擎检索时仍然可以看到原来的网页。如何处理失效网址？办法是：做一个提示页面（404错误信息，现在一般的虚拟主机服务器空间都提供这种服务），并通过相应的文字介绍尽可能把用户引导到新的网站上，尽量减少访问量损失。 （5）与旧版网站架构的兼容问题。这个问题说起来简单做起来就复杂了，如果对于一些只有少数页面的微型网站来说，处理起来还比较简单，大不了把原来网站废掉就是了，但对于一些功能和服务具有连续性的网站，如具备B2C在线订单管理等功能的网站，麻烦就要大很多。所以这里只能提醒网站改版时注意这一问题，但无法给出详尽的解决办法。 当然，除了一些操作层面值得注意的常见问题之外，不要忘记网站改版最重要的一点是：新的网站如何与当前的网络营销策略相结合？不要在改版时仍然将网站建设作为一项独立的活动来看待。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-08-29</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1829" class="li2 wow fadeInUp">
<div class="day1">阅读时长4分钟</div>
<div class="xian"></div>
<div class="att f_22">效益型网站:企业网络营销的必然选择</div>
<div class="att2 f_17">2008年的网络营销是不平静的一年，一些传统的网络营销服务开始遭遇挑战，有些公司甚至无法继续生存。对于目前企业网络营销的发展趋势，新竞争力网络营销管理顾问经过深入调查和分析发现，由于对网络营销的普遍重视，使得企业网络营销的竞争比较激烈，网络营销的成本也在不断增加，因此如何提高投资收益率是企业最为关心的问题。为了适应企业网络营销环境的变化，网络营销理念和策略也将随之进行调整。体现在企业网站建设与推广管理方面，我们认为，企业网站建设将从展示型、营销型到效益型演变，这是企业网络营销深度发展的必然方向，效益型网站将成为企业网络营销的必然选择。 从企业网站建设理念的发展历程来看，从最初的产品和企业形象展示型网站，到目前较为普及的营销型网站是一大发展，不过还远远没有达到企业网站的最高形态，企业网站的终极形态是效益型网站。因为企业开展网络营销的最终目的是为了获得效益，作为网络营销组成部分的企业网站没有充分的效益型基本要素，要想获得真正的效益还有较大的距离。目前的实际情况是，大量企业在完成网站建设及必要的网站推广之后仍然没有发挥显著网络营销效果。通过认真分析企业网络营销过程中的种种相关问题及合理的解决方案，我们发现，企业网站建设的理念应该升级了，效益型网站正是在营销型网站基础上的扩展和升级。 企业网站理念演变与网络营销投资收益示意图 效益型网站，不仅包含了传统的营销型网站的基本理念，同时也包含多种新竞争力长期实践总结得出的网站运营理念和方法，如用户行为定位、全面网站优化、系统的推广管理、全员网络营销、关联网站营销等。让专业的人做专业的事情，把网络营销的实际效果留给企业。 营销型网站，源于“网络营销导向的企业网站”。在2004年出版的《网络营销基础与实践》第二版中，我首次对网络营销导向的企业网站的特征及应遵循的原则进行了初步的描述，并在2007年出版的该书第三版中给予更加系统的研究。随着企业网络营销应用的不断深入，这一理念也需要进一步深化和发展。 营销型网站表明了网站建设的一种理念，主要体现在用户获取信息方便及对搜索引擎友好，从而可以通过搜索引擎自然检索获得潜在用户，不过实际上很少企业网站能真正做到搜索引擎优化，这与网站建设服务的专业水平不高有很大关系。尽管有些网站被冠以“营销型网站”，但并不一定真的有营销效果。而且网络营销的最终效果是一个复杂的系统工程，不是建设一个“营销型网站”就可以解决的。 效益型网站与营销型网站的关系是：效益型网站是对营销型网站的发展，整合了各种网络营销理念和网站运营管理方法，不仅注重网站建设的专业性，更加注重网站运营管理的整个过程，是企业网站建设与运营维护一体化的“全程网络营销”模式。可以说，效益型网站的出现是实施效益型企业网络营销方案的必然。 目前对效益型企业网站运营模式的实践与应用，新竞争力在针对中小企业提供的综合顾问型网络营销解决方案中有所体现，将效益型网站的理念和方法应用于企业网络营销，积累了许多有价值的经验。关于效益型网站及运营模式更系统的应用还在进一步研究之中。我们正积极努力，力争尽早把效益型网站及成功经验应用于企业网络营销策略，让中国企业真正通过网络营销获得显著的收益。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-08-28</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a><a href="/view/info/1828" class="li2 wow fadeInUp">
<div class="day1">阅读时长3分钟</div>
<div class="xian"></div>
<div class="att f_22">关于如何做好网页设计的十个小窍门</div>
<div class="att2 f_17">这篇文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住：你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的，他将放弃并离开。 2、记住：用户是略读页面 当你进入一个房间时，你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形，你环视整个屋子，然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿，浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等 3、网站的左上角是最明显的位置 这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的（从左上角的位置开始），另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角，这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显（注册的链接、搜索的表单、标语等）。 4、了解“F”结构 一些视觉跟踪调查研究证明，用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到，中间区域仅有一半被看到，再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候，你可以去考虑一下这一因素。 5、了解用户忽略什么 用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告，同时，用户也会忽略大块的文字区域。没有人有时间（更确切的说是耐心！）去阅读大片的文字，他们仅仅是了解页面文章的大意。 6、文字和图片 一个有趣的事实是。文字比那些绝妙的图片更能够获得注意！如果你想向你的用户传达信息，我建议你使用大的标语文字来代替那些很炫的头部图片„ 7、用设计元素来吸引注意 来吸引注意的好的元素是文字口号，行动纲领的按钮（通常用亮色调），分成1-2-3级，或者就是一个普通的列表„„<BR>如果你在写一篇很长的文章，很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题，通过这简单的步骤向用户阐述这篇文章的主题。 8、文字格式 恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写„„它们都可以让文字块更有视觉冲击力。当然，你也需要用格式化强调一些你认为很重要的文字或者句子，这些能够引导你的读者阅读完全文。 9、使用简洁图片 我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时，要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。<BR>你使用人的脸部图片更容易引起用户的注意，尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。 10、使用留白 使用留白可以给某些元素更多的可视空间，如果某元素与边距或其它元素太近就容易被混淆，那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。</div>
<div class="atc f_15 flex flex_alcen flex_sb">
<div class="alt flex flex_alcen flex_sb">
<div class="day">2017-08-22</div>
</div>
<div class="jt">
<span>
<img src="images/svg/jt_2_1.svg" alt="">
</span>
<span>
<img src="images/svg/jt_1_3.svg" alt="">
</span>
</div>
</div>
</a>
</div>
<div class="page wow fadeInUp">
<div class="page1 flex flex_alcen flex_center f_16 ">
<!-- 第一页 -->
<span class="dyy">
<a class="a" href="/view?current=1&menuId=334#d1"></a>
</span>
<!-- 上一页 -->
<span class="syy">
<a class="a" href="/view?current=135&menuId=334#d1"></a>
</span>
<span><a class="a" href="/view?current=1&menuId=334#d1">1</a></span><span><a class="a" href="/view?current=2&menuId=334#d1">2</a></span><span><a class="a">…</a></span><span><a class="a" href="/view?current=134&menuId=334#d1">134</a></span><span><a class="a" href="/view?current=135&menuId=334#d1">135</a></span><span class="current"><a class="a">136</a></span><span><a class="a" href="/view?current=137&menuId=334#d1">137</a></span><span><a class="a" href="/view?current=138&menuId=334#d1">138</a></span><span><a class="a">…</a></span><span><a class="a" href="/view?current=160&menuId=334#d1">160</a></span><span><a class="a" href="/view?current=161&menuId=334#d1">161</a></span>
<!-- 下一页 -->
<span class="xyy">
<a class="a" href="/view?current=137&menuId=334#d1"></a>
</span>
<!-- 最后一页 -->
<span class="zyy">
<a class="a" href="/view?current=161&menuId=334#d1"></a>
</span>
</div>
<div class="page2 flex flex_center " id="jz">
<a class="zk flex flex_center f_16 flex_alcen" href="javascript:;">
<span>点击展开更多</span> <s></s>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- 公共底部 -->
<div>
<!-- 底部 -->
<footer>
<!-- 右侧 -->
<div class="right f_16 alltime">
<div class="ul1">
<a class="li1"><img src="images/r_1_1.png" alt="乐趣足球"></a>
<div class="li2">
<div class="ico">
<img src="images/svg/r_1_1.svg" alt="">
<img src="images/svg/r_1_1h.svg" alt="">
</div>
<div class="wz">电话</div>
<div class="dh f_18"><span>400-999-3496</span></div>
</div>
<!-- 侧边栏「微信」入口：按需求隐藏（2026-09-30）。恢复时去掉本段注释标记即可
<div class="li2">
<div class="ico">
<img src="images/svg/r_1_2.svg" alt="">
<img src="images/svg/r_1_2h.svg" alt="">
</div>
<div class="wz">微信</div>
<div class="dh dh2 "><div class="ewm"><img src="images/ewm.png" th:src="${dbgl?.imageClient != null ? ipu + dbgl.imageClient : 'images/ewm.png'}" alt="微信二维码"></div></div>
</div>
-->
<!-- 侧边栏「在线」：点击在当前页弹出浮动客服窗口，不再跳转新标签页（2026-10-08 改） -->
<a href="https://uclient.yunque360.com/frame.html?company_id=ck1lpg0f2gtmg0" class="li2" data-yq-online="1"><div class="ico"><img src="images/svg/r_1_3.svg" alt=""> <img src="images/svg/r_1_3h.svg" alt=""></div> <div class="wz">在线</div></a>
<a href="/obtain" class="li2"><div class="ico"><img src="images/svg/r_1_5.svg" alt=""> <img src="images/svg/r_1_5h.svg" alt=""></div> <div class="wz">表单</div></a>
</div>
</div>
<div class="right_top flex flex_center flex_alcen alltime">
<div class="ico">
<img src="images/svg/r_1_4.svg" alt="">
<img src="images/svg/r_1_4h.svg" alt="">
</div>
</div>
<div id="fo"></div>
<div class="footer alltime">
<div class="box">
<div class="footer1 flex flex_sb flex_altop">
<div class="flt">
<div class="ul1">
<a href="tel:400-999-3496" class="li"><div class="att f_20">全国联系电话</div> <div class="atc vi f_28">400-999-3496</div> <div class="jt"><span><img src="images/svg/jt_1.svg" alt=""></span> <span><img src="images/svg/jt_1.svg" alt=""></span></div></a>
<a class="li" href="mailto:info@68team.com"><div class="att f_20">邮箱</div> <div class="atc f_20">info@68team.com</div> <div class="jt"><span><img src="images/svg/jt_1.svg" alt=""></span> <span><img src="images/svg/jt_1.svg" alt=""></span></div></a>
<div class="li">
<div class="att f_20">与我们联系</div>
<div class="atc2 flex"> <a class="li2"><div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751117485_x5ob3j.svg" alt=""></div> <div class="ewm"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1789970536295_m2bhvr.png" alt="二维码"></div></a><a class="li2" href=" https://www.zcool.com.cn/u/ZNzE5Nzk4NDg= " target="_blank"><div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751131830_odcaa2.svg" alt=""></div> <div class="ewm"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1786071420647_md7n0j.png" alt="二维码"></div></a> <a class="li2" href=" https://www.xiaohongshu.com/user/profile/65b0d391000000000e020b21?xsec_token=ABEq_-PttUcKPLiAHozMACWzrzUu_fRMfEZo166gndUC0%3D&xsec_source=pc_search" target="_blank"><div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751141141_5ncofq.svg" alt=""></div> <div class="ewm"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1786071198750_6eh7up.png" alt="二维码"></div></a> </div>
<div class="jt">
<span><img src="images/svg/jt_1.svg" alt=""></span>
<span><img src="images/svg/jt_1.svg" alt=""></span>
</div>
</div>
</div>
</div>
<div class="frt flex flex_altop flex_sb">
<div class="dt">
<div class="dtop"><a class="dtt f_20" href="/solution">解决方案</a></div>
<div class="dbtm f_16 flex">
<div class="dbl">
<a class="li flex flex_alcen" href="/solution"><div class="wz ">企业官网 <s></s></div> <sup class="f_10">AI</sup></a>
<a class="li flex flex_alcen" href="/export-site"><div class="wz ">外贸独立站 <s></s></div> <sup class="f_10">AI</sup></a>
<a class="li flex flex_alcen" href="/platform"><div class="wz ">功能型平台 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/smartpark" class="li flex flex_alcen"><div class="wz ">智慧园区 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/soft" class="li flex flex_alcen"><div class="wz ">智慧后勤 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/safetydeposit" class="li flex flex_alcen"><div class="wz ">安全等保 <s></s></div></a>
<a href="/trusteeship" class="li flex flex_alcen"><div class="wz ">网站托管 <s></s></div></a>
<a href="/property" class="li flex flex_alcen"><div class="wz ">智慧物业 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/kindergarten" class="li flex flex_alcen"><div class="wz ">智慧幼儿园 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/Truestart" class="li flex flex_alcen"><div class="wz ">信息国产化 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/video" class="li flex flex_alcen"><div class="wz ">3D建模/视频 <s></s></div></a>
<a href="/diancan" class="li flex flex_alcen"><div class="wz ">在线点餐 <s></s></div> <sup class="f_10">AI</sup></a>
</div>
<div class="dbl">
<a href="/brand" class="li flex flex_alcen"><div class="wz ">品牌塑造 <s></s></div></a>
<a href="/mall" class="li flex flex_alcen"><div class="wz ">商城系统 <s></s></div> <sup class="f_10">AI</sup></a>
<a href="/small" class="li flex flex_alcen"><div class="wz ">小程序 <s></s></div> <sup class="f_10">AI</sup></a>
</div>
</div>
</div>
<div class="dd">
<div class="dtop"><a href="/all" class="dtt f_20">案例</a></div>
<div class="dbtm f_16">
<a href="/all" class="li flex flex_alcen"><div class="wz ">按功能分类 <s></s></div></a>
<a href="/all?categoryType=2" class="li flex flex_alcen"><div class="wz ">按行业分类 <s></s></div></a>
<a href="/company" class="li flex flex_alcen"><div class="wz ">属性 <s></s></div></a>
<a class="li flex flex_alcen" style="opacity: 0;pointer-events: none;"><div class="wz ">属性 <s></s></div></a>
<a class="li flex flex_alcen" style="opacity: 0;pointer-events: none;"><div class="wz ">属性 <s></s></div></a>
</div>
<div class="dtop dtop2"><a href="/service" class="dtt f_20">服务</a></div>
<div class="dbtm f_16"><a href="/service#serv-13" class="li flex flex_alcen"><div class="wz">高端网站开发 <s></s></div> <sup class="f_10">AI</sup></a><a href="/service#serv-76" class="li flex flex_alcen"><div class="wz">移动开发 <s></s></div> </a><a href="/service#serv-77" class="li flex flex_alcen"><div class="wz">数字化开发/物联网 <s></s></div> </a><a href="/service#serv-78" class="li flex flex_alcen"><div class="wz">品牌塑造/设计 <s></s></div> </a><a href="/service#serv-79" class="li flex flex_alcen"><div class="wz">AI系统开发 <s></s></div> </a></div>
</div>
<div class="dd">
<div class="dtop"><a href="/news" class="dtt f_20">观点</a></div>
<div class="dbtm f_16">
<a href="/news" class="li flex flex_alcen"><div class="wz ">翰臣动态 <s></s></div></a>
<a href="/cases" class="li flex flex_alcen"><div class="wz ">案例动态 <s></s></div></a>
<a href="/articles" class="li flex flex_alcen"><div class="wz ">干货文章 <s></s></div></a>
<a href="/view" class="li flex flex_alcen"><div class="wz ">翰臣观点 <s></s></div></a>
<a href="/faq" class="li flex flex_alcen"><div class="wz ">FAQ <s></s></div></a>
</div>
<div class="dtop dtop2"><a href="/about" class="dtt f_20">关于</a></div>
<div class="dbtm f_16">
<a href="/about#d1" class="li flex flex_alcen"><div class="wz ">公司介绍 <s></s></div></a>
<a href="/about#d2" class="li flex flex_alcen"><div class="wz ">价值观 <s></s></div></a>
<a href="/about#d3" class="li flex flex_alcen"><div class="wz ">荣誉资质 <s></s></div></a>
<a href="/about#d4" class="li flex flex_alcen"><div class="wz ">合作客户 <s></s></div></a>
<a href="/about#d5" class="li flex flex_alcen"><div class="wz ">研发中心 <s></s></div></a>
<a href="/about#d6" class="li flex flex_alcen"><div class="wz ">翰臣方法论 <s></s></div></a>
<a href="/about#d7" class="li flex flex_alcen"><div class="wz ">翰学堂 <s></s></div></a>
<a href="/about#d8" class="li flex flex_alcen"><div class="wz ">翰臣动态 <s></s></div></a>
<a href="/about#d9" class="li flex flex_alcen"><div class="wz ">加入我们 <s></s></div></a>
</div>
</div>
</div>
</div>
<div class="footer2">
<div class="ftt pfr f_40">我们是一家值得托付<br>并能管理好您期望值的公司</div>
<div class="ftc pfr flex flex_sb">
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751547899_ynbxmt.png" alt="国家高新 技术企业"></div>
<div class="wz">国家高新<br/>技术企业</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751591421_qru6ii.png" alt="双软 企业认证"></div>
<div class="wz">双软<br/>企业认证</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751597502_84rast.png" alt="杰出创意 设计机构"></div>
<div class="wz">杰出创意<br/>设计机构</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751606518_um9xpc.png" alt="50+ 软著证书"></div>
<div class="wz">50+<br/>软著证书</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751614157_bzfg2t.png" alt="ISO管理 三体系认证"></div>
<div class="wz">ISO管理<br/>三体系认证</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751622438_eczqu6.png" alt="金牌 网站设计"></div>
<div class="wz">金牌<br/>网站设计</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/footerImg1781751630620_u3udfi.png" alt="3A级 信用企业"></div>
<div class="wz">3A级<br/>信用企业</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/footerImg1781751640547_yothb9.png" alt="IAI 设计优胜奖"></div>
<div class="wz">IAI<br/>设计优胜奖</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751650822_h3a6oe.png" alt="数字经济 学会会员"></div>
<div class="wz">数字经济<br/>学会会员</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751658230_jqgw8n.png" alt="创意设计 协会会员"></div>
<div class="wz">创意设计<br/>协会会员</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/footerImg1781751666531_nrdfut.png" alt="数字乡村 联盟会员"></div>
<div class="wz">数字乡村<br/>联盟会员</div>
</div>
<div class="li">
<div class="ico"><img src="https://68team.oss-cn-hangzhou.aliyuncs.com/hcgw/1781751673941_uk2uyq.png" alt="省软件 协会会员"></div>
<div class="wz">省软件<br/>协会会员</div>
</div>
</div>
</div>
<div class="footer3 f_15 flex flex_sb pfr">
<div class="flt flex flex_wrap">
<div class="a">Copyright © 2026 乐趣足球 - 专业的足球赛事资讯与数据服务平台</div>
<a class="a" href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">浙ICP备09032301号-1</a>
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602003330" target="_blank" rel="nofollow" class="a flex flex_alcen" ><div class="ico"><img src="images/fo_2_1.png" alt="公安备案"></div> <div class="wz">浙公安网备33010602003330号</div></a>
</div>
<div class="frt flex">
<a href="/map" class="a">网站地图</a>
<a href="/privacy" class="a">隐私政策</a>
<div class="frt2 flex ">
<a class="a2" href="http://www.68team.com" target="_blank" title="杭州网站建设公司">网站建设</a>
<span>:</span>
<a class="a2" href="http://www.68team.com" target="_blank" title="杭州网站建设公司">乐趣足球</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/js/AIplugin-native.js"></script>
<script>
(function(y, un, q, u, e) {
window[un] =
window[un] ||
function(y) {
window[un].company_id = window[un].company_id || y;
};
u = document.createElement("script");
u.src = q + "?v=" + new Date().getUTCDate();
u.async = true;
e = document.getElementsByTagName("script")[0];
e.parentNode.insertBefore(u, e);
})(window,"_YUNQUE","//dist.yunque360.com/bundle.js");
_YUNQUE("ck1lpg0f2gtmg0");
</script>
<style>
/* 侧边栏「在线」浮层（2026-10-08）：优先用云雀自带对话窗，SDK 不可用时用本浮层承载 */
.hc-yq-mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99998;background: rgba(0, 0, 0, .45);}
.hc-yq-panel{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99999;margin: auto;width: 420px;height: 660px;max-width: calc(100% - 40px);max-height: calc(100% - 40px);background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 12px 40px rgba(0, 0, 0, .25);}
.hc-yq-panel iframe{display: block;width: 100%;height: 100%;border: 0;}
.hc-yq-close{position: absolute;right: 8px;top: 8px;z-index: 2;width: 30px;height: 30px;line-height: 28px;text-align: center;font-size: 20px;color: #666;text-decoration: none;background: rgba(0, 0, 0, .06);border-radius: 50%;}
.hc-yq-close:hover{background: rgba(0, 0, 0, .12);color: #333;}
@media (max-width: 960px){
.hc-yq-panel{width: 100%;height: 100%;max-width: 100%;max-height: 100%;border-radius: 0;}
}
</style>
<script>
/* 侧边栏「在线」：在当前页弹出浮动客服窗口，不再跳转新页面（2026-10-08） */
(function () {
if (window.__hcOnlineChatBound) { return; }
window.__hcOnlineChatBound = !0;
var FRAME_URL = "https://uclient.yunque360.com/frame.html?company_id=ck1lpg0f2gtmg0";
function openDialog() {
if (window._YUNQUE && typeof window._YUNQUE.openDialog === "function") {
window._YUNQUE.openDialog();
return !0;
}
return !1;
}
function closeLayer() {
var ids = ["hc-yq-mask", "hc-yq-panel"], i, n;
for (i = 0; i < ids.length; i++) {
n = document.getElementById(ids[i]);
if (n && n.parentNode) { n.parentNode.removeChild(n); }
}
}
function openLayer() {
if (document.getElementById("hc-yq-panel")) { return; }
var mask = document.createElement("div"), panel = document.createElement("div");
mask.id = "hc-yq-mask";
mask.className = "hc-yq-mask";
mask.onclick = closeLayer;
panel.id = "hc-yq-panel";
panel.className = "hc-yq-panel";
panel.innerHTML = '<a href="javascript:;" class="hc-yq-close">×</a><iframe src="' + FRAME_URL + '" allow="microphone; camera; clipboard-write"></iframe>';
panel.getElementsByClassName("hc-yq-close")[0].onclick = closeLayer;
document.body.appendChild(mask);
document.body.appendChild(panel);
}
function onClick(e) {
var el = e.target;
while (el && el.nodeType === 1) {
if (el.getAttribute("data-yq-online") === "1") { break; }
el = el.parentNode;
}
if (!el || el.nodeType !== 1) { return; }
e.preventDefault();
if (openDialog()) { return; }
/* SDK 是异步加载的：给它 3 秒；仍不可用则用站内浮层承载，保证不跳出当前页 */
var waited = 0, timer = setInterval(function () {
if (openDialog()) { clearInterval(timer); return; }
waited += 200;
if (waited >= 3000) { clearInterval(timer); openLayer(); }
}, 200);
}
document.addEventListener("click", onClick, !1);
})();
</script>
</div>
<script type='text/javascript' src='/js/jquery-3.5.1.min.js'></script>
<script type='text/javascript' src='/js/jquery-migrate-3.0.0.js'></script>
<script type='text/javascript' src='/js/swiper.js'></script>
<script type='text/javascript' src='/js/swiper-inview.js'></script>
<script type='text/javascript' src='/js/wow.min.js'></script>
<script type="text/javascript" src="/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="/js/jquery.countup.min.js"></script>
<script type='text/javascript' src='/js/JR.js'></script>
<script type='text/javascript' src='/js/gsap.js'></script>
<script type='text/javascript' src='/js/ScrollTrigger.js'></script>
<script type='text/javascript' src='/js/lenis.umd.js'></script>
<script type='text/javascript' src='/js/jquery.agilebins-v1.0.4.min.js'></script>
<!-- 竖向跑马灯 -->
<script type='text/javascript' src='/js/jquery.liMarquee.js'></script>
<script type="text/javascript">
$(function(){
$('.head').addClass('bai');
$('.head .hox .hlt .ul1 .li').eq(3).addClass('act');
if ($(window).width() > 950) {
// let lenis = null
// lenis = new Lenis({
// lerp:0.06,
// })
// lenis.on('scroll', ScrollTrigger.update);
// function raf(time) {
// lenis.raf(time)
// requestAnimationFrame(raf)
// }
// requestAnimationFrame(raf)
// lenis.stop();
// $('.solu3 .sox .srt .ul1').hover(function(){
// lenis.stop();
// },function(){
// lenis.start();
// })
gsap.to(".casec1 .bg2", {
top: 500,
scrollTrigger: {
trigger: ".casec1",
start: "0% 0%",
end: "30% 30%",
scrub: true,
onUpdate: (self ) => {
var sz=self.progress*100;
// console.log(sz);
}
}
})
}else{
}
})
</script>
<script type="text/javascript">
var menuId = 334;
var page = 136;
var pagesize = 9;
$("body").on("click", "#jz", function () {
page++;
getnews();
});
function getnews() {
$.ajax({
url: '/consult/list?menuId=' + menuId + '¤t=' + page + '&size=' + pagesize,
type: 'get',
dataType: "json",
headers: {
language: 1
},
success: function (res) {
var data = res && res.data ? res.data : {};
var dataList = data.list || [];
var pages = data.pages || 0;
var html = "";
for (var i = 0; i < dataList.length; i++) {
var item = dataList[i];
var href = '/view/info/' + item.id;
var readTimeHtml = (item.readTime && item.readTime > 0) ? '<div class="day1">阅读时长' + item.readTime + '分钟</div>' : '';
var desc = (item.introduce || item.content || '').replace(/\u00a0/g, ' ').replace(/\u3000/g, ' ').replace(/\s+/g, ' ').trim();
html += '<a class="li2 wow fadeInUp" href="' + href + '">' + readTimeHtml + '<div class="xian"></div><div class="att f_22">' + (item.title || '') + '</div><div class="att2 f_17">' + desc + '</div><div class="atc f_15 flex flex_alcen flex_sb"><div class="alt flex flex_alcen flex_sb"><div class="day">' + (item.issueTimeStr || '') + '</div></div><div class="jt"><span><img src="images/svg/jt_2_1.svg" alt=""></span><span><img src="images/svg/jt_1_3.svg" alt=""></span></div></div></a>';
}
$(".ncbtm").append(html);
if (page >= pages) {
$("#jz").hide();
}
}
});
}
</script>
</body><div style="clear:both;padding:10px;text-align:center;margin:5"><a href="/sitemap.xml" target="_blank">XML 地图</a>
</html>
