百度seo如何创建营销网站 - SEO优化技巧与策略

怎样创建本身的域名_怎样创建本身的域名邮箱

2025-05-14

1、若你还没有本身的域名，需先通过域名注册商举行域名注册确保所选域名未被他人注册，并依照域名注册的相干规定和流程开通企业邮箱服务向选定的邮箱服务商提供公司名称员工人数以及你盼望的利用年限等信息服务商将帮忙你完成企业邮箱的开通，并提供管理员权限创建邮箱账号登录企业邮箱管理平台，使；您可以设置域名转发在域名转发菜单中激活域名转发，设置要转发的域名及目标 URL发起关闭“URL掩藏重定向 URL隐蔽 ”选项，以确保流量顺遂转发至此，您已乐成创建专属域名企业邮箱并设置了域名转发后续文章将引导您创建个人网站请关注我的知乎或网站guozeyucom，以获取更多更新内容；起首要有本身的空间，可以到网上找个免费主页空间一样平常功能不多，不支持CGI，ASP，PHP等或免费假造主机功能比力多，但必要有本身的域名假造主机的免费域名一样平常都特垃圾不好记再将本身做好的网页或网站整站上传到该空间或假造主机，假如你没有本身做好本身的网站或本身不会做，可以到“中国站长站”下载个本身必要整；域名邮箱申请流程1起首要确认域名全部权，请恣意选择一种验证方法2为了包管邮箱能收到邮件，请设置好域名的MX记录 3设置一样平常会在224小时见效，见效后您就可以开始创建本身的域名邮箱了域名邮箱是腾讯公司推出的一项个性化邮件服务假如拥有域名，只必要通过简单的设置，就可以或许创建以域名作为。

帽子云排名-朱曙明seo如何做网站推广--网站推广-学习网-如何做-帽子-朱曙明

2025-04-20

帽子云排名说很多企业现在都懂得如何利用网络来对自己的品牌以及产品进行宣传，通俗地来说就是打广告，企业做好了网站之后需要去推广，才干让更多的人关注到你。下面一起来看看朱曙明seo是如何做网站推广的。1)、朱曙明SEO优化利用SEO优化企业网站，是每个线上企业应该具备的基本技能，它在很长一段时刻里被热捧，并且是一个低成本营销的策略，市面上有许多搜索引擎优化指南，可供参考，当然这种方式推行，相对而言时刻成本稍长。2)、帽子云排名SEM竞价 SEM竞价推行，常见的方法是百度竞价排名，通过付费的方法，在SERP中，快速排名的特征就是见效快，但需要具有一定的投放能力，不然前期会消耗很多预当作膏火。3)、朱曙明seo信息流推广目前，相对比较流行的一种推行方式，早期基于新媒体渠道的快速开展，原生出来的广告投进系统，现阶段ROI的性价比还算不错，常见的信息流有：头条、朋友圈、微博、百度手机、一点资讯等信息流。在这些渠道投进广告，需求把握精准的用户画像，这样才干够更好的匹配，提高转化率。4)帽子云排名DSP投放中小企业很少抉择的一种广告投放方式，早期模式源于国外，近些年开始在国内做的风生水起，但DSP市场，目前鱼龙混杂，如果没有极高的鉴别能力，很容入坑，这里建议大家在抉择DSP广告投放的时候，尽量抉择帽子云排名。5)、社交媒体与内容营销现阶段每一家企业，打造社交媒体账号就好像，早几年每一个企业都配置SEO部分是一样的，它有利于企业品牌推行的快速传达，也常常是病***营销的源头。而基于内容营销的常见形式就是企业软文宣传，利用企业软文推行往往可以一举两得，一是提高产品与服务的转化率，二是增添了企业网站的外部链接。

SEO如何优化网站排名，分享提升网站排名的技巧-网站排名-学习网-技巧-SEO

2025-04-18

说到SEO优化中，什么是比较重要的呢？没有错，就是如何优化网站的排名。网站的排名越高，用户越容易点击网站，我们改怎么做才干优化网站排名呢？搜索引擎的演算法不断再变，特殊是白度的演算法常常会让我们觉得已经做好SEO优化了，已经做好做满，但带来的不是惊喜而是诧异。提升网站的关键词排名及新网站的SEO优化日益艰辛，你若还不知道搜索引擎唯一永远不变的就是时时刻刻都在改变，那么网站SEO优化这条路会走的非常辛劳甚至走不下去。网站的搭建要有合理的布局方法。提高网站的相关性，确定网站关键词后，所有的内容都要环绕这几个关键词展开，这样才干让更多网站用户停留在你的网站上，降低跳出率，有助于seo。网站优化排名要注重网站的质量，说白了就是你网站的内容不要照抄，文章内容要有原创度才可以，可别直接复制粘贴，看似很省事但效果不好。还有网站的搭建要有合理的布局方法。到一些知名度高的博客上面增添高质量的外链，友情链接对网站优化排名也很重要，济南网站优化不少站长都忽略了这个问题，高质量的友情链接将会提高网站pr值的，所以抉择一些收录好的网站进行交换链接。网站的稳固性是很关键的，这也是不少站长忽略的问题，不要频繁的对网站结构、内容等做大改动，我们最好能够维持网站空间的稳固性以及服务器的稳固性，还有一点你的网站最好及时做备案，因为没有备案的网站搜索引擎也是对其不感爱好的。针对百度的网站排名SEO要想获得好的排名第一要从产品方面入手，再来才是网站页面上提升用户体验，让百度认为网站是有用心的。

谷歌SEO如何做好关键词分析-网奇seo培训-学习网-如何做好-关键词-SEO-谷歌

2025-04-18

为您的网站是抉择最好的关键字一门艺术，做出正确的关键词的选择是人们搜索特定关键词的数量和该关键字的竞争之间的平稳。要了解这种平稳的最佳策略是利用关键字抉择工具，帮助您了解如何人实际上是搜索互联网。使用谷歌关键字抉择工具在谷歌关键字工具可能是最重要的工具，当谈到抉择最好的关键字为您的网站。简陋的事实，谷歌占主导地位的搜索市场，（因为8/10搜索是使用谷歌完成），意味着该工具是在展现如何绝大多数的人都在使用搜索相当准确。以下是如何用它来获得最好的关键字。谷歌关键字工具搜索结果右侧的关键字在全局搜索结果中仅搜索480个正确的关键字。这些结果跨越了Google搜索的一年，并且是搜索网络。这可能并不坏，但它也不是很好。现在看看这个：谷歌关键字工具结果最好的关键词5月份最佳关键字每月搜索量为9900次，去年平均每月搜索量为8100次。数学家不需要理解这些结果比我的首先个抉择要好得多，优于20倍。所以在这种情况下，使用最好的关键字可能是一个很好的关键字抉择。使用长尾关键词比方说，我们决定使用“最好的关键字”作为我们此页面关键字的抉择。但是，我们也可能会问，如果有说明我们的话题，人们也寻求更具体的方式。因此，我们不妨来看看“抉择最好的关键字”作为关键字集中这篇文章。该搜索可能不会有数以百计的搜索，而是“抉择关键字”做（如本文的写作反正）。如果标题中使用这个词的页面，称为长尾关键词，然后我们缩小我们的重点，但要维持更广泛的焦点也一样，这仅仅是“最好的关键字。”从某种意义上说，我们覆盖我们的基地，包括短长尾关键字内尾关键字。这最大限度地提高我们的被拾起的人使用这些关键字进行各种搜索的机会。使用长尾关键词是有益的，因为搜索这些关键字的数量较少也意味着更少的竞争，这也意味着它更容易让你获得这些而言具有较高的搜索引擎排名。

CMS是什么意思，SEO如何选择CMS系统！-如何选择-学习网-系统-CMS-SEO

2025-04-19

当你在互联网上试图建立首先个网站的时候，你可能需要抉择一个合适的CMS系统，特殊是有利于SEO优化的CMS系统，如果你在前期建站中足够重视这个问题，你会发现在日后的网站运营，可谓事半功倍。俗话：工欲善其事，必先利其器，就是这个道理。那么，CMS是什么意思，SEO优化如何抉择CMS系统呢？ 1、CMS是什么意思简陋理解：CMS是内容治理系统，也可以理解为网站的框架，基础建设，它包括多种功能，比如：内容发布系统、电商交易系统、文件下载系统、图片展现系统等等。一个搜索引擎友好的CMS系统，应该确保：网站结构设计符合SEO标准化，良好的数据库读取，高速的页面加载速度，极强的安全性，模板分离等内容。国内常见的CMS系统主要包括：帝国cms、织梦cms、phpcms、动易cms、WordPress、Zblog等博客系统。 2、SEO优化如何抉择CMS系统？按照站点类型来划分的化，我们可以将cms系统划分为个人站点与企业站点： ① 常用的个人站点CMS系统，主要包括：Wordpress与Zblog 他们共同的特征是：操作简陋，易上手，且模板众多，相关教程也非常详尽。不同之处是：Wordpress插件，相对Zblog插件更多一点，前者更加适用于国外站点，特殊是国内的外贸企业，后者分为ASP和PHP两个版本，更加接地气，是国内新手站长的首选的CMS系统之一。 ② 国内中小企业常用的CMS站点，主要包括：帝国CMS、织梦CMS、phpcms等。帝国cms：基于强盛的站点框架，帝国cms的加载速度相当更快一些，数据吞吐量更大，处理大数据并没有过多的局促感，插件拓展相对容易，这也是帝国cms系统颇受欢迎的原因之一。织梦cms： dedecms系统，相当于更加接地气，更加适合新手站长，标签调用简陋，但却死板，往往需要二次开发，相比之下，帝国cms与phpcms相对比较灵活，值得提醒的是由于少于更新，织梦cms系统，经常容易遭受攻击，采用织梦cms系统，需要提高站点的安全防护意识。 phpcms：相对适中，各方面指标都处于中间标准，值得一提的是，phpcms上手简陋，用户界面清楚简洁，由于众所周知的原因，目前更新速度相对较慢。总结：通常来讲对于一般站点而言，制定SEO优化方案的时候，建议优选WordPress，Zblog，如果企业级别需要处理大量数据的推举大家选用帝国cms，当然有的时候网站模板也很重要，上述内容只是一个基础阐述，纯属个人偏好，仅供参考。绿泡泡堂SEO学习网 https://www.绿泡泡堂seo.comCMS是什么意思, SEO如何抉择CMS系统！

PPC是什么意思，PPC广告与SEO如何选择！-如何选择-学习网-广告-PPC-SEO

2025-04-21

当你在运营一个商业网站的时候，每天的工作就是不断的获取目标流量，并不断优化流量的组成结构，而这一切，对于一些初创企业，有的时候会晤临一些抉择，我是抉择PPC广告投放，还是抉择SEO？绿泡泡堂SEO学习网，将通过如下内容，为大家简述PPC广告投放： PPC是什么意思？简陋理解：PPC就是点击付费广告，当潜在的目标用户点击时，广告主支付的费用，目前，PPC广告是搜索引擎营销的重要组成部分，主要包括：百度、360、搜狗的相关推广，但在电商领域亚马逊站内广告投放，淘宝直通车的投放，都是一种常见的PPC推广。那么，该如何优化PPC广告，它有什么特征呢？ 1、PPC是市场的小喇叭当你刚进入市场的时候，基本上算是无名小卒，根本没有太多人关注，甚至连市场噪音都算不上，那么这个时候抉择PPC广告，就向市场的小喇叭一样，它不断向潜在的目标用户发出广播，并且吸引对方来到自己的着陆页。当你觉得投放PPC广告的时候，有哪些值得注意的地方呢？ ① 整理目标用户数据，根据用户属性，合理抉择目标平台。 ② 坚持投放，在预算答应的范畴下，不断提高品牌曝光机会。 2、PPC广告优化注意事项对于PPC而言，并非是上线投放广告，便会诞生志愿的效果，在日常的工作中，你可能需要边干边学，不断优化PPC投放的策略，为此你可能需要了解： ① 挑选精准的关键词对于电商网站而言，大量低成本投放的关键词，大部分的流量也是无效的，你可能需要根据特定的市场环境，调整关键词的投放策略，比如：天气、节日、季节等因素。当然，你还需要对以往关键词进行数据分析，挑选ROI较高的词做PPC推广，并且时刻统计转化率。 ② 关注着陆页的用户体验当然，着陆页简陋可以分为两部分，部分可控与完全可控，如果只是部分可控，那么你可能需要关注页码的色彩搭配，产品图片的抉择，超链接样式，字体大小等。如果是自有的独立页面则需要考虑，挪动适配，页面加载速度，页面购买按钮设计与搜索框的体验等。 3、PPC推广与SEO如何抉择理论上讲PPC广告投放，特定关键词的价格，随着市场竞争的加剧，价格是不断攀升的，这就是PPC广告最大的挚肘，而SEO往往来自于自然排名，虽然需要漫长的时间，但一但排名稳固，所需要维护的成本相对较低。那么，对于企业而言，初创可以利用PPC打响品牌，中长期发展可以利用SEO获取相关的搜索流量，当然你需要利用SEO数据监控的相关软件定期审查关键词，如果长时间没有提升排名，还是需要利用PPC来做。总结：PPC与SEO，并不是一个二选一的选择，很多时候是可以相辅相成的。 966SEO学习网 https://www.绿泡泡堂seo.comPPC是什么意思, PPC广告与SEO如何抉择！

SEO如何修改简单网页模板！-学习网-网页模板-简单-SEO

2025-04-18

我们知道前端页面开发完成后，在网站程序调试成功后，一般的情况下，企业网站就正式上线，当运营一段时间，SEO人员介入的时候，就会发现html网页模板的设置有诸多问题，那么，为了更好的SEO效果，我们可能需要自行修改简陋网页模板，以达到SEO标准化。那么，从SEO角度我们如何修改简陋网页模板呢？ 1、SEO网站标题（title）的修改我们讲的SEO网站标题，主要是指在搜索结果中展示的标题，而不是站内标题，通常网站标题结构为如下几种情况： ① 首页：品牌词+一段简陋概述OR企业产品核心关键词+品牌词 ② 分类页：分类核心关键词+品牌词 ③ 内容页：内容页面SEO标题+品牌词 2、网页模板H1-H3标签的使用 ① 首页：H1包含，核心关键词OR品牌词，H2包含分类页，H3包含内容页面。 ② 分类页：H1包含分类名称，H2包含列表页，H3包含内容页面 ③ 内容页：H1包含内容页面核心关键词，H2包含分类页面OR内容页小标题，H3包含列表页 3、html网页模板：核心关键词调用这里我们主要讨论，首页核心关键词的调用，主要原因是网站首页，特殊是企业站，没有内容页面，很难控制核心关键词的密度。所以，我们就需要在这个地方下点心思，比如，在如下栏目包含关键词： ① 产品中心，列表页，顶部导航，底部导航的标题 ② logo图片，利用ALT标签包含关键词 ③ 首页企业简短的简介中，包含关键词 4、Nofollow标签的使用我们知道网站模板页面上，有很多没有实际意义的页面，为了合理引导蜘蛛的爬行，我们需要利用nofollow标注如下内容： ① 企业简介与联系方式页面，比如：关于我们 ② 图片超链接：我们经常遇到产品中心点击图片和标题都可以访问目标页，这造成了2个同样的URL，为此我们需要屏蔽其中一个。 5、合并网站模板中的css、js 为了更好的提高页面加载速度，我们通常的做法就是在html网页模板中，尽量减少css和js的调用，为此我们可能需要合并与压缩这类文件。总结：SEO网站模板的优化，还有诸多细节，对于简陋网页模板，修改上述内容就可以很好的配合SEO工作了，仅供大家参考。绿泡泡堂SEO学习网 https://www.绿泡泡堂seo.comSEO如何修改简陋网页模板！

title是什么意思，SEO如何发挥标题的作用？-学习网-作用-标题-title-SEO

2025-04-17

在SEO工作中，我们经常会讨论关于的问题，没有任何一个网站可以跳过这个环节，它直接影响页面内容搜索排名的走向，以及相关的用户行为指标。言外之意：<title>标签，在SEO优化中，具有极为重要的地位，是网站权重累积，重要的因素之一。 title是什么意思？简陋理解：title是一个网站的标题，它代表一个页面的核心内容，在Html代码中具体的表现形式为： <title>标题内容，主要的作用是告诉访问者，这个页面讲述的主题内容是什么，以及告知百度蜘蛛，这个页面的核心关键词是什么。标签，标题的作用： ① 有利于关键词排名从SEO与熊掌号的角度，百度官方一再强调标题title在搜索结果的重要性，如果你的标题与核心内容是不相关的，比如：蓄意操控标题，张冠李戴，那么它很难在SERP中，获得很好的排名。 ② 提高点击率与转化率很多SEOer在网站优化过程中，经常会发现有排名，无点击的事情，这是一件非常可悲的事情，耗费大量资源做的排名，点击率却不高，其中的原因很可能是网站title标题没设置好。那么，如何设置网站<title>标签？通常情况下，绿泡泡堂SEO学习网认为，在做网站title优化的时候，我们需要重点关注如下几个内容： 1、关键词的匹配自从新媒体平台上线以后，标题党变成为广大内容创作者讨论的重点话题，但基于搜索引擎营销的时候，在信息流中写作标题的方法，在搜索中完全行不通。 网站title标题中必须包含特定的关键词，并且是内容页面的核心词，且是基于搜索需求的词。 2、<title>标题的字数随着挪动端SEO的重要性不断提高，为了更好的满足，手机或者移动终端的用户体验，绿泡泡堂SEO学习网建议，大家讲网站的标题字数控制在20个字左右，以免造成部分标题展示不全的问题。 3、<title>标签连词符在标题中，常见的连词符主要包括：“，”逗号“、”顿号“|”竖杠“-”横杠以及“_”下划线“【】”大括号等，那么到底哪种形式有利于SEO呢？早几年的百度SEO，很多人爱慕参考百度空间的表达方式，抉择“_”下划线，从目前来看，并没有那种连词符会得到更多的权重倾斜，我们尽量维持网站标题：简洁、美观、容易辨识、突出重点即可。 4、<title>标签的写法按照百度蜘蛛的抓取习惯，从上到下，从左到右，以及用户的浏览习惯，我们通常建议，将热门关键词，放在标题的最左侧，突出页面核心主题。其次，针对不同栏目网站标题可以参考如下设置： ① 首页标题：一句话（品牌文化，且包含核心产品词）+品牌词（网站名称） ② 列表标题：列表内容+品牌词（网站名称） ③ 内容页面：文章标题+品牌词（网站名称），不要包含分类名称。总结：关于网站title优化的细节还有很多，做为SEO人员，我们应该重视标题的作用，上述内容仅供参考！绿泡泡堂SEO学习网 https://www.绿泡泡堂seo.com title是什么意思, SEO如何发挥标题的作用？ </div> </div> <div class="SeoSeo-rykufy result-item row"> <div class="SeoSeo-apsgfp col col-md-3 col-sm-4 thumb"> <img src="https://seoseo.top/zb_users/plugin/zk_keyword_matrix/templates/assets/default.jpg" alt=""> </div> <div class="SeoSeo-hifkty col col-md-9 col-sm-8"> <h3><a target="_blank" href="https://seoseo.top/shen-me-shi-smart-yuan-ze-smart-seo-ru-he-she-ding-mu-biao-xue-xi-wang-yuan-ze-mu-biao-smartsmart.html" class="SeoSeo-qohgqh fs-5">什么是smart原则，Smart SEO如何设定目标？-学习网-原则-目标-smart-Smart</a></h3> <div class="SeoSeo-zlqqel meta"> 2025-04-20 </div> SEO是一个由浅入深的工作，踏入这个行业容易，真正做到有的放矢，获得潜在关键词流量是另外一回事，顾在成熟的SEO项目中，我们经常需要利用smart原则，设定相关的团队目标。那么，什么是smart原则，Smart SEO如何设定目标？简陋理解：smart原则主要的作用是更好的用于衡量一个团队的绩效考核指标，从Smart SEO的角度，它通常主要是指在特定的影响因子下，确保网络推广团队，顺利的完成既定目标。根据smart原则，它通常包括如下5个因素： 1、S具体目标从Smart SEO的角度，smart原则中的S主要代表，具有事件，言外之意，就是我们的SEO项目，应该从哪里正式开始，比如：SEO营销的相关计划 ① 你期望增添的产品销量 ② 你获得多少社交媒体的追随者 ③ 提供企业品牌的检索量 2、M可衡量指标当我们利用smart原则，制定相关计划之后，需要通过有效的ROI运算，用于确定具体的数据指标，比如： ① 总流量增长完全既定目标，你大概需要多少相关性的流量作为支持。 ② 关键词排名基于总流量的需求，你如何利用关键词发掘工具，整理出大量有效的目标关键词。 ③ 搜索结果位置而根据实际参与的关键词，你需要确定其在搜索结果中，排名位置的合理分配，什么词，需要排名TOP1，而其他的排名TOP1-3等。 ④ 外部资源投入达到预期位置，你该如何进行外链优化，它需要多少预算与资源。 3、A可实现标准设定具有可衡量的标准固然重要，但我们需要确保这个标准是完全可以实施的，而不是随机揣测的，比如： ① 排名极具竞争度的关键词 ② 短期内，获得大量的外链资源 如果一但在项目的运营过程中，你发现既定目标不可实现，那么需要及时随机调整相关计划。 4、R相关合理性当我们在制定相关计划的时候，我们需要遵循smart原则中，字母R的相关合理性，它通常是一个相对指标，按照上一周期，亦或是上一个近期的案例，作为参考指标。而不是毫无参照物的随机设定预期目标，毕竟从Smart SEO的角度，任何一个搜索引擎的算法，都是随机波动的，我们不能确保任何计划的100%的大幅度提升。 5、T预期时间节点我们知道SEO是一个长周期，但它并不意味着，可以无限期的延长下去，毕竟所有的资源投入都需要在特定周期内，得到有效的反馈。当然，由于SEO的特性，我们不能将时间节点精确到某年某日，但我们可以根据以往的实际体会，合理分配资源，将其设定在一定的时间段内。总结：值得说明的是，我们这里所指的Smart SEO并不是所谓的智能SEO平台，而是基于smart原则的，相关既定目标设置的常用策略，仅供大家参考！绿泡泡堂SEO学习网 https://www.绿泡泡堂seo.com 什么是smart原则, Smart SEO如何设定目标？ </div> </div> <div class="SeoSeo-olfixo result-item row"> <div class="SeoSeo-gkzngt col col-md-3 col-sm-4 thumb"> <img src="https://seoseo.top/zb_users/plugin/zk_keyword_matrix/templates/assets/default.jpg" alt=""> </div> <div class="SeoSeo-nxfobv col col-md-9 col-sm-8"> <h3><a target="_blank" href="https://seoseo.top/webgl-ru-he-shi-yong-webgl-chuang-jian-ye-ti-xiao-guo-ru-he-shi-yong-xue-xi-wang-ye-ti-xiao-guo-webgl.html" class="SeoSeo-rtnotf fs-5">WebGL：如何使用WebGL创建液体效果？-如何使用-学习网-液体-效果-WebGL</a></h3> <div class="SeoSeo-rfvpuv meta"> 2025-04-18 </div> 许多网页设计师都在寻找为他们的网站设计增加重大影响的方法，以便他们能够吸引用户的注意力。多年来，从使用标题图形到在登录页面菜单下放置幻灯片，到成为完整的浏览器宽度，现在绝大多数网站都遵循相同的格式。添加交互式元素确实可以吸引用户的注意力，并表明这与他们刚刚访问过的其他网站不同，它使一个网站比只有一个巨大的幻灯片和一些视差滚动更有趣。 01.添加初始变量从项目文件中打开开始文件夹，然后将其拖到代码编辑器中。打开’ index.html ‘，您将看到JavaScript库已经链接到您，在空脚本标签内部是代码所在的位置，在这里检测WebGL以确保可以运行项目，然后添加将在场景中使用的整个变量范畴。if (!Detector.webgl) Detector.addGetWebGLMessage();var SCREEN_WIDTH = window.innerWidth;var SCREEN_HEIGHT = window.innerHeight;var renderer, camera, scene, moverGroup, floorGeometry, floorMaterial, pointLight, pointLight2, pGeometry;var FLOOR_RES = 60;var FLOOR_HT = 650;var stepCount = 0;var noiseScale = 9.5;var noiseSeed = Math.random() * 100;02.创建更多变量下一个变量块处理水底应该有多大以及它与初始鼠标位置一起挪动的速度，屏幕的中心已经完成，改进的噪声库正在用于创建水面。var FLOOR_WIDTH = 3600;var FLOOR_DEPTH = 4800;var MOVE_SPD = 1.9;var mouseX = 0;var mouseY = 0;var windowHalfX = window.innerWidth / 2;var windowHalfY = window.innerHeight / 2;var snoise = new ImprovedNoise();var textureLoader = new THREE.TextureLoader();03.运算鼠标为场景的后期处理效果添加了一些最终变量，添加一个检查鼠标挪动的事件监听器，场景将在显示端口挪动以对鼠标挪动作出反应，此处添加的功能可运算出答应的挪动量。04.更改后期处理设置‘ params ‘功能是存储后处理效果的所有设置的地方，前四行中覆盖了倾斜移位朦胧，然后电影在其余行中通过，这主要是针对屏幕强度和噪声强度。05.设定最终参数最后一个参数是针对屏幕边缘的黑暗小插图，调用’ init ‘和’ animate ‘函数来运行。’ animate ‘函数将在本教程的后期创建，但是’ init ‘函数在这里创建。摄像机和场景设置为答应查看3D内容。 effectVignette.uniforms["offset"].value = 1.0; effectVignette.uniforms["darkness"].value = 1.3;}init();animate();function init() { camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 4000); camera.position.z = 2750; scene = new THREE.Scene(); scene.fog = new THREE.FogExp2(0x1c3c4a, 0.00045);06.让光进去为了看到场景的内容，将放置四个灯，首先个是半球灯，用于获得场景的基本氛围，接下来是在场景中间添加浅蓝色光的中心灯，这是为了给整个场景提供一些亮光。var hemisphereLight = new THREE.HemisphereLight(0xe3feff, 0xe6ddc8, 0.7);scene.add(hemisphereLight);hemisphereLight.position.y = 300;var centerLight = new THREE.SpotLight(0xb7f9ff, 1);scene.add(centerLight);centerLight.position.set(2500, 300, 2000);centerLight.penumbra = 1;centerLight.decay = 5;07.动画灯接下来要添加两个灯，“ PointLight ”和“ PointLight2 ”是彩色灯光，它们会环绕场景以相反的方向旋转，以便灯光在视图中不断变化。首先种是粉红色光，第二种是橙色光。反射图像的路径和格式在最后两行中设置。pointLight = new THREE.PointLight(0xe07bff, 1.5);pointLight.position.z = 200;scene.add(pointLight);pointLight2 = new THREE.PointLight(0xff4e00, 1.2);pointLight2.position.z = 200;scene.add(pointLight2);var path = "img/";var format = '.jpg';08.有光泽的表面液体表面将具有反射的光泽表面，这通过创建反射立方体来完成。这是一个立方体，里面放有一个360度的天穹盒，它将被反射到液体表面。’ urls ‘数组包含要加载的图像，然后设置材质。09.成立一些小组挪动器组将包含稍后将添加的一些粒子，而地板组将包含液体的表面。将创建一个新的3D对象来保存该表面。将有两个液体表面; 一个将具有反射材料，第二个将具有线框’ floorMaterial ‘，如此处所定义。moverGroup = new THREE.Object3D();scene.add(moverGroup);var floorGroup = new THREE.Object3D();var floorMaterial = new THREE.MeshPhongMaterial({color: 0xeeeeee, side: THREE.DoubleSide, blending: THREE.AdditiveBlending, wireframe: true});floorGeometry = new THREE.PlaneGeometry(FLOOR_WIDTH + 1200, FLOOR_DEPTH, FLOOR_RES, FLOOR_RES);10.制作表面当添加首先个液体表面时，反射贴图非常明显，雾有助于将背景和表面混合在一起这两个液体表面在这里创建为’ floorMesh ‘和’ floorMesh2 ‘。它们被定位并放置在“ floorGroup ” 内，然后在相机前旋转到良好的视角。这不是直接平坦，而是略微倾斜，因为它看起来更好。var floorMesh = new THREE.Mesh(floorGeometry, cubeMaterial);var floorMesh2 = new THREE.Mesh(floorGeometry, floorMaterial);floorMesh2.position.y = 20;floorMesh2.position.z = 5;floorGroup.add(floorMesh);floorGroup.add(floorMesh2);scene.add(floorGroup);floorMesh.rotation.x = Math.PI / 1.65;floorMesh2.rotation.x = Math.PI / 1.65;floorGroup.position.y = 180;11.添加浮动颗粒浮动粒子填充场景，当所有这些都在渲染功能中进行动画处理时，它会带来对相机的挪动感这里的代码部分创建一个空的几何对象，然后将2,000个顶点放入其中作为粒子。它们分布在X，Y和Z轴上的随机位置。它们会漂浮在液体地板表面的正上方。pGeometry = new THREE.Geometry();sprite = textureLoader.load("img/sprite.png");for (i = 0; i < 2000; i++) { var vertex = new THREE.Vector3(); vertex.x = 4000 * Math.random() - 2000; vertex.y = -200 + Math.random() * 700; vertex.z = 5000 * Math.random() - 2000; pGeometry.vertices.push(vertex);}12.创建外观此处定义的材料将设置粒子的外观。在上一步中加载了图像，并在创建材质后将其用作每个粒子上的图像，然后将其应用于所有粒子的几何的每个点，然后将它们添加到场景中。13.添加徽标添加徽标（透明的PNG图像）将其放置在场景的中心，以后可以轻松替换为您自己的徽标。徽标将放置在屏幕中央，这将添加到面向相机的平面上，徽标略微透明，并添加添加剂混合物，以便在较轻的物体从后面通过时更加明显。这被定位并放置在场景中。sprite = textureLoader.load("img/logo.png");geometry = new THREE.PlaneBufferGeometry(500, 640, 1);material = new THREE.MeshLambertMaterial({ transparent: true, opacity: 0.8, blending: THREE.AdditiveBlending, map: sprite, side: THREE.DoubleSide});var plane = new THREE.Mesh(geometry, material);plane.position.set(0, 70, 1800);scene.add(plane);14.添加渲染设置渲染器设置为具有平滑的抗锯齿边缘，现在设置背景颜色。这将添加到文档正文中，以便场景位于HTML页面上，通过初始化各种渲染和着色器通道来设置后处理效果。15.传球一旦添加了胶片和毛刺传递，就会创建一个效果组合器，将所有传递组合在一起。这些将逐一添加到作曲家，最终将呈现给屏幕以供观众展现。16.关闭’init’功能最后几个设置被添加用于场景的初始化。设置后处理的参数，调用wave的设置，并在每次调整浏览器大小时添加事件监听器，这样可以更新显示以适应新尺寸。17.设置波浪现在为液体表面诞生波浪，这是通过在x和z轴上挪动地板几何体的每个顶点并在y轴上向上移动来完成的。在此阶段，为x和z轴创建“ for ”循环。function setWaves() { stepCount++; moverGroup.position.z = -MOVE_SPD; var i, ipos; var offset = stepCount * MOVE_SPD / FLOOR_DEPTH * FLOOR_RES; for (i = 0; i < FLOOR_RES + 1; i++) { for (var j = 0; j < FLOOR_RES + 1; j++) { ipos = i + offset;18.制造波浪并非所有顶点都以相同的方式向上缩放，距离相机最远的那些将是较大的，然后两侧将略微减少，并且最亲近相机的那些将缩放最少，这使得背部和侧面看起来更有趣。if ((i > 30) || (j < 12) || (j > 48)) { floorGeometry.vertices[i * (FLOOR_RES + 1) + j].z = snoise.noise(ipos / FLOOR_RES * noiseScale, j / FLOOR_RES * noiseScale, noiseSeed) * FLOOR_HT; } else if (i > 25 && i < 30) { floorGeometry.vertices[i * (FLOOR_RES + 1) + j].z = snoise.noise(ipos / FLOOR_RES * noiseScale, j / FLOOR_RES * noiseScale, noiseSeed) * (FLOOR_HT / 1.2); } else { floorGeometry.vertices[i * (FLOOR_RES + 1) + j].z = snoise.noise(ipos / FLOOR_RES * noiseScale, j / FLOOR_RES * noiseScale, noiseSeed) * (FLOOR_HT / 2); } } } floorGeometry.verticesNeedUpdate = true;}19.调整大小和动画调整窗口大小时，此处的函数将从步骤16中设置的侦听器调用。摄像机，渲染器和编辑器都在此处重置，以匹配浏览器窗口的新维度。animate函数只将其自身设置为60fps，调用render函数来更新显示。function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); composer.setSize(window.innerWidth, window.innerHeight);}function animate() { requestAnimationFrame(animate); render();}20.设定每一个行动框架每帧调用渲染函数，点光源设置为在场景中绕轨道运行，摄像机根据鼠标挪动定位，稍微缓和，使其逐渐挪动到位。相机设置为始终查看场景的中心。function render() { var timer = -0.0002 * Date.now(); pointLight.position.x = 2400 * Math.cos(timer); pointLight.position.z = 2400 * Math.sin(timer); pointLight2.position.x = 1800 * Math.cos(-timer * 1.5); pointLight2.position.z = 1800 * Math.sin(-timer * 1.5); camera.position.x += (mouseX - camera.position.x) * .05; camera.position.y += (-mouseY - camera.position.y) * .05;camera.lookAt(scene.position);21.渲染场景经常会有一个后处理效果在屏幕上诞生毛刺效应，只是为了使屏幕变得活跃并扭曲屏幕，然后再恢复正常在最后一步中，粒子在它们各自的顶点上向前挪动，如果它们到达相机，它们就被放回到距离中。这会更新，并调用’ setWaves’函数使波向前滚动。相关文章推举CSS3动画使用教程将CSS3动画视为CSS过渡的更复杂的姐妹，动画在几个关键方面与变换不同：动画不会优雅地降级，如果浏览器不支持 […]...React入门教程 ReactJS简介 ReactJS是用于构建UI的javascript库之一，对于Web和便携式应用程序的视图 […]...3D Touch简介：静态快速主屏幕操作 iOS 9引入了3D Touch，用户可以使用该抚摸按下主屏幕图标并获取应用程序中某些操作的快捷方式，或者用户 […]...APPIUM – 用于测试的自动化工具 Appium最初由Dan Cueller开发，用于利用Apple iOS的UI自动化框架对本机挪动应用程序运行 […]...php是什么？为什么要使用php？ PHP（PHP的递归首字母缩写：Hypertext Preprocessor）是JavaScript和Pyth […]...WebGL：如何使用WebGL创建液体效果？ </div> </div> </div> </div> <nav class="SeoSeo-uymflx mt-4"> <ul class="SeoSeo-zuoixg pagination justify-content-center"> <li class="SeoSeo-qsourz page-item"><a class="SeoSeo-byldmx page-link" href="https://seoseo.top/so/38740.html">‹‹</a></li><li class="SeoSeo-ukefvi page-item"><a class="SeoSeo-tjemwg page-link" href="https://seoseo.top/so/38740.html">‹</a></li><li class="SeoSeo-yezugg page-item"><a class="SeoSeo-nywbzy page-link" href="https://seoseo.top/so/38740.html">1</a></li><li class="SeoSeo-pbgdee page-item active">2</li><li class="SeoSeo-qclxer page-item"><a class="SeoSeo-iornra page-link" href="https://seoseo.top/so/38740_3.html">3</a></li><li class="SeoSeo-twxuyb page-item"><a class="SeoSeo-fsvpnq page-link" href="https://seoseo.top/so/38740_4.html">4</a></li><li class="SeoSeo-qtwhau page-item"><a class="SeoSeo-qmrcbp page-link" href="https://seoseo.top/so/38740_5.html">5</a></li><li class="SeoSeo-riulab page-item"><a class="SeoSeo-qcavja page-link" href="https://seoseo.top/so/38740_3.html">›</a></li><li class="SeoSeo-nzzuqs page-item"><a class="SeoSeo-vcwtlo page-link" href="https://seoseo.top/so/38740_434.html">››</a></li> </ul> </nav> </div> <div class="SeoSeo-wvkwhc col side-bar-wrap right col-xl-4 col-md-2 d-xs-none"> <dl class="SeoSeo-bfxumc function" id="zk_keyword_matrix"> <dt class="SeoSeo-thhulc function_t">相关词汇</dt><dd class="SeoSeo-wsrwxd function_c"> <div><li><a title="百度怎么添加搜索引擎" href="https://seoseo.top/so/de5428e25011b5c6863e59afa727466d.html">百度怎么添加搜索引擎 (11)</a></li> <li><a title="虚幻3引擎百度云" href="https://seoseo.top/so/03e45871e3c3356cd939a42a1f62e807.html">虚幻3引擎百度云 (68)</a></li> <li><a title="百度的搜索引擎广告" href="https://seoseo.top/so/259048b95734936fe2a591d6ea40c4b2.html">百度的搜索引擎广告 (451)</a></li> <li><a title="临沂百度引擎推广公司地址" href="https://seoseo.top/so/1bf1f2108e04d0ac52f916cf48e0f6cf.html">临沂百度引擎推广公司地址 (177)</a></li> <li><a title="百度搜索引擎期许" href="https://seoseo.top/so/5105562183062a5d3108f55590996db9.html">百度搜索引擎期许 (192)</a></li> <li><a title="自拍搜索引擎百度云" href="https://seoseo.top/so/085b07fd5dc4b84c1dcccee57b8d159e.html">自拍搜索引擎百度云 (345)</a></li> <li><a title="车载百度导航引擎初始化" href="https://seoseo.top/so/08e00b6ded3d41565557d79e83e3b121.html">车载百度导航引擎初始化 (216)</a></li> <li><a title="百度盘网搜索引擎" href="https://seoseo.top/so/d6ed717e84cc5a94fd50bafc85647c88.html">百度盘网搜索引擎 (375)</a></li> <li><a title="百度统计非搜索引擎" href="https://seoseo.top/so/a781f2fbccc71a089bfda1c1adc6f660.html">百度统计非搜索引擎 (484)</a></li> <li><a title="百度的搜索引擎内核" href="https://seoseo.top/so/999ef0ae3e4709db5d216a031e32c163.html">百度的搜索引擎内核 (478)</a></li> </div> </dd> </dl> <dl class="SeoSeo-hzscbn function" id="divTags"> <dt class="SeoSeo-zyzcqx function_t">标签列表</dt><dd class="SeoSeo-uoddlr function_c"> <ul><li><a title="seo" href="https://seoseo.top/tags-1.html">seo (3158)</a></li> <li><a title="优化" href="https://seoseo.top/tags-2.html">优化 (1276)</a></li> <li><a title="权重" href="https://seoseo.top/tags-3.html">权重 (598)</a></li> <li><a title="学习网" href="https://seoseo.top/tags-7.html">学习网 (2614)</a></li> <li><a title="百度" href="https://seoseo.top/tags-10.html">百度 (1653)</a></li> <li><a title="网站" href="https://seoseo.top/tags-11.html">网站 (1129)</a></li> <li><a title="推广" href="https://seoseo.top/tags-29.html">推广 (471)</a></li> <li><a title="怎样" href="https://seoseo.top/tags-33.html">怎样 (393)</a></li> <li><a title="怎么" href="https://seoseo.top/tags-34.html">怎么 (1377)</a></li> <li><a title="SEO" href="https://seoseo.top/tags-35.html">SEO (1230)</a></li> <li><a title="意思" href="https://seoseo.top/tags-55.html">意思 (553)</a></li> <li><a title="排名" href="https://seoseo.top/tags-56.html">排名 (761)</a></li> <li><a title="什么" href="https://seoseo.top/tags-57.html">什么 (1758)</a></li> <li><a title="关键词" href="https://seoseo.top/tags-81.html">关键词 (422)</a></li> <li><a title="平台" href="https://seoseo.top/tags-158.html">平台 (396)</a></li> <li><a title="哪些" href="https://seoseo.top/tags-163.html">哪些 (663)</a></li> <li><a title="360" href="https://seoseo.top/tags-246.html">360 (505)</a></li> <li><a title="软件" href="https://seoseo.top/tags-251.html">软件 (467)</a></li> <li><a title="搜狗" href="https://seoseo.top/tags-252.html">搜狗 (542)</a></li> <li><a title="技能" href="https://seoseo.top/tags-644.html">技能 (560)</a></li> <li><a title="下载" href="https://seoseo.top/tags-691.html">下载 (659)</a></li> <li><a title="白帽" href="https://seoseo.top/tags-836.html">白帽 (1064)</a></li> <li><a title="引擎" href="https://seoseo.top/tags-2261.html">引擎 (1720)</a></li> <li><a title="神马" href="https://seoseo.top/tags-2592.html">神马 (392)</a></li> <li><a title="搜刮" href="https://seoseo.top/tags-3192.html">搜刮 (1919)</a></li> </ul> </dd> </dl> <dl class="SeoSeo-vnkuxo function" id="zk_article_recommendation"> <dt class="SeoSeo-cfrrwf function_t">相关推荐</dt><dd class="SeoSeo-bzwhtx function_c"> <div>无需更改</div> </dd> </dl> <dl class="SeoSeo-qxzpas function" id="zqzs_suiji"> <dt class="SeoSeo-sttyiz function_t">随机列表</dt><dd class="SeoSeo-qefplv function_c"> <div><li><a href="https://seoseo.top/quan-zi-dai-biao-shi-er-sheng-xiao-na-yi-xiao-quan-zi-dai-biao-shi-er-sheng-xiao-na-yi-xiao-ne.html">权字代表十二生肖哪一肖_权字代表十二生肖哪一肖呢</a></li> <li><a href="https://seoseo.top/sou-gou-sou-gua-yin-qing-guan-fang-wang-zhan-ru-kou-xia-zai-sou-gou-sou-gua-yin-qing-da-quan.html">搜狗搜刮引擎官方网站入口下载_搜狗搜刮引擎大全</a></li> <li><a href="https://seoseo.top/hei-mao-seo-yin-bi-gong-neng-seo-hei-mao-ji-neng-you-na-xie.html">黑帽seo隐蔽功能_seo黑帽技能有哪些</a></li> <li><a href="https://seoseo.top/bai-mao-zen-me-zuo-seo-bai-mao-zi-de-zuo-fa-he-chi-cun.html">白帽怎么做seo_白帽子的做法和尺寸</a></li> <li><a href="https://seoseo.top/guan-yu-seo-xin-shou-ling-di-zi-ru-men-seo-hei-mao-de-xin-xi.html">关于seo新手零底子入门seo黑帽的信息</a></li> <li><a href="https://seoseo.top/ourplay-xia-zai-an-zhuang-ping-guo-ban-ourplayios-guan-wang-xia-zai.html">ourplay下载安装苹果版_ourplayios官网下载</a></li> <li><a href="https://seoseo.top/bai-du-sou-gua-yin-qing-zhong-yao-gong-neng-shi-shen-me-bai-du-sou-gua-yin-qing-zhong-yao-gong-neng-shi-shen-me-ne.html">百度搜刮引擎重要功能是什么_百度搜刮引擎重要功能是什么呢</a></li> <li><a href="https://seoseo.top/wang-zhan-sou-gou-quan-zhong-zha-xun-wang-zhan-sou-gou-quan-zhong-zha-xun-zai-na.html">网站搜狗权重查询_网站搜狗权重查询在哪</a></li> <li><a href="https://seoseo.top/guo-jia-chao-deng-pan-suan-zhong-xin-guo-jia-chao-deng-pan-suan-zhong-xin-ji-nan-zhong-xin.html">国家超等盘算中心 _国家超等盘算中心济南中心 </a></li> <li><a href="https://seoseo.top/shen-ma-ci-li-lian-jie-sou-gua-yin-qing-shen-ma-sou-gua-ke-hu-duan.html">神马磁力链接搜刮引擎_神马搜刮客户端</a></li> </div> </dd> </dl> </div> </div> </div> </body> <style> body,*,ul,ol,dd,blockquote {margin: 0;padding: 0;} body {background: white;} .main-wp {margin-bottom: 50px;} .title { font-size: 32px; /*margin: 50px;*/ } .search-input input[type=text] { border-top-left-radius: 1.5em; border-bottom-left-radius: 1.5em; } .search-input .btn { border:1px solid #e0e0e0; border-top-right-radius: 1.5em; border-bottom-right-radius: 1.5em; cursor: pointer; } .keyword { color: #333; float: left; margin: 0 10px 10px 0; padding: 5px 10px; background: #f5f5f5; border-radius: 2em; text-decoration: none; } .keyword-description { font-size: 16px; padding: 20px; background: #f5f5f5; margin-bottom: 10px; } .keyword-description h1 { font-size: 22px; line-height: 22px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; margin-bottom: 8px; } .keyword-description p {margin: 0;} .result-item { height: 125px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; overflow: hidden; } .result-item:last-child { border: none; } .result-item>div { height: 100%; overflow: hidden; } .results-list .thumb img { width: 100%; height: 100%; display: block; } .result-item>div h3 { margin: 0; } .result-item>div a { color: #333; text-decoration: none; } .result-item .meta { color: #666; font-size: 14px; } .result-item>div p { line-height: 1.68em; font-size: 16px; } .side-bar-wrap { padding-left: 25px; } .side-bar-wrap li { list-style: none; } </style> </html>

热门搜索词