月度归档： 2019年5月

无论你是在创建一个新的网站，还是意识到是时候对已有的网站进行适当的重新设计了，开始研究时可能首先遇到的概念之一就是响应式网页设计。那什么是响应性网页设计？HostGator美国虚拟主机商主要就响应式网页设计做一些简单介绍。

所谓响应性网页设计是一种相对较新的网站设计方法，它可以确保网站在所有设备上看起来都很好。在响应性网站上，无论你使用什么设备，都显示相同的信息和页面元素，但它们的大小和组织方式将根据屏幕的大小而改变。不管是什么设备，该网站都会根据智能手机和平板电脑的屏幕尺寸调整（或做出反应），以提供一种直观的体验。适应性设计和灵活的布局为访问者提供了更好的用户体验，也有助于提高搜索引擎的优化价值。

响应性网页设计

随着使用手机访问各种网站的人数增多——手机用户现在已经超过了PC端用户——网站所有者必须优先考虑手机用户的体验。在手机应用的早期，除了为PC用户加载一个网站以外，设计师通常会为智能手机用户创建一个独立的手机网站。但是随着可用设备的类型和屏幕大小的增加，这并不能解决实际的许多问题。除了屏幕尺寸的变化，还必须处理人们改变手拿设备的方向的能力（横向与纵向），以及人们对如何设置网页浏览器窗口大小有不同的偏好。简而言之，即使可以设计十几个完全独特的网站来适应不同的屏幕大小，但仍然会错过一些常见的使用案例。或者可以设计一个几乎可以在所有的设备、屏幕和浏览器窗口上运行的响应性的网站——不管尺寸大小。其实有兴趣的朋友也可以关注一下 响应式网页设计的一些例子。

响应性网页设计的主要元素

灵活的网格。设计师一般使用网格来构建网站，但对于响应性网站，他们必须确保网格是灵活的，并且可以根据屏幕大小加载不同的内容。因此，灵活的网格是响应性网站设计的核心部分。

断点。与灵活的网格相关，断点是页面上的一些点，你可以在这些点上识别出页面的哪些地方可以被切断，以及旁边的信息将向下移动。对于人们使用的三种主要设备类型，每个网站都应该至少有三个断点，但大多数网站应该有更多断点。

灵活的图像和响应性的媒体查询。根据屏幕的大小，文本很容易移动，但图像和媒体功能可能更棘手。设计人员可以使用多种不同的选项来确保图像以合适的尺寸显示在屏幕上，而不会导致加载速度变慢或看起来被压缩得很奇怪。在大多数情况下，这是确定图像将以多大尺寸显示的译码问题。在其他情况下，它可以改变图像本身（例如，删除不必要的部分），并根据屏幕大小让站点知道加载哪个版本。设计人员还可以使用一些编码命令来确保页面上包含的媒体以合适的大小加载。响应性媒体查询可以设置媒体的最大和最小宽度，以及为ipad上的媒体设置方向。

视觉层次结构。响应性设计的网站设计的很大一部分总是考虑页面的哪些部分是最高优先级的。对于访问者来说，要看的最重要的图片和信息应该放在页面的上方，不那么重要的元素应该放在下方。一般来说，视觉层次结构是一种很好的网页设计实践，但它在响应性设计中尤其重要，因为使用较小设备的访问者每次在页面上看到的内容会更少。想要把它们放在页面上，要确保页面上最有价值的部分是可以在更高的位置访问。

触摸屏和是适合鼠标的元素。手机设计的另一个重要原因是确保页面上的所有内容在触摸屏上都像在鼠标上一样直观和可用。这意味着链接要足够大、足够明显，可以在小屏幕上选择，而且在所有设备类型上都可以轻松滚动。良好的响应性设计包括用户测试，以确保页面的所有元素使用触摸操作都能像使用鼠标操作一样。

使用响应性网页设计的5个原因

作为一个网站的拥有者，应该知道网页设计的趋势有时是来来去去的。如果你已经有了一个网站，专注于一个专业的网站改进或重新设计是一件大事，所以即使知道什么是响应性网站设计以及这个词有多么响亮，都可能会想知道建立一个响应性的网站是否真的重要。对于一个刚开始建立新网站的人来说，可能会担心让它响应起来会更加困难或昂贵。在这两种情况下，响应性网页设计确实是最佳选择。

1、大多数网络用户使用手机浏览网页。

最近的预估显示，拥有移动设备的人数超过了50亿。正如我们已经提到的，现在更多的用户通过手机上网，而不是台式机。手机上网显然是一种趋势，网站所有者需要适应这一趋势。你不会想因为糟糕的用户体验而失去超过一半的网站访问者。为了让网站适合所有人，你需要平等地考虑手机和PC用户。响应性网站是确保每个访问你网站的人都能获得你想要的体验的最好方法。

2、搜索引擎优化需要一个适合手机的网站。

几年来，谷歌一直在告诉搜索引擎优化的专业人士，网站在手机上运行的好坏是决定排名的一个因素。他们甚至开发了一个免费的工具来看看网站是否适合手机。如果想让人们通过搜索引擎找到你的网站，那么让它适合手机是至关重要的。谷歌不仅将适合手机端作为搜索引擎优化排名的一个因素，而且他们还坦率地表示，他们更喜欢响应性设计。虽然表达自己的偏好并不等同于说它会提升你的搜索引擎优化，但如果关心网站在排名中的位置，接受谷歌的建议是明智的。

3、可以节省时间。

显然，你需要一个能在手机上运行的网站，这一点已经没有争议了。但是，除了响应性设计之外，还有其他一些选项可以让你的网站更合适于手机。例如，你可以创建一个单独的手机版本的网站。但拥有两个网站也会带来一些问题。首先，建立两个独立的网站比建立一个单独的响应性网站需要更多的时间。当你创建网站和更新网站的时候，就会加倍努力。此外，必须熟练地掌握每一项工作。当你要监控的大量网站的时候，将会出现更多损坏链接或页面无法正确加载。

4、提供跨设备的一致信息。

创建一个独特的手机网站背后的思考是，当人们在移动设备上访问你的网站时，可以弄清楚他们在寻找什么，然后创建一个网站来满足这些针对于手机的需求。然后，在构建PC网站时，可以构建一个更完整的网站版本，因为有更多的空间可以使用，其中包含你想包含的所有内容。问题是，这意味着你的手机用户正在错过PC访问者可以看到的一些信息。要么在PC网站上填补访问者补需要的信息，要么剥夺了手机用户可能感兴趣的东西。无论哪种方式，因为他们使用的设备不同，你给他们的体验也不平等。手机行为与PC行为的相似之处令人惊讶。一项分析发现，人们喜欢使用手机或其他移动设备滚动屏幕程度几乎和在台式机上一样高，而且可能的话，他们更愿意在手机或其他移动设备上点击链接。如果把所有较长的页面和内容都放在只有PC版本的网站上，那就等同于把那些使用手机设备而且更愿意阅读和参与这些内容的用户屏蔽了。和PC端相比，网站访问者在移动端滚动得更多。

5、使跟踪分析更容易。

这只是使网站翻倍的另一种方法，意味着需要做更多的工作。必须跟上网站的两个版本的分析，并分别分析结果。相比之下，使用响应性网站，仍然可以看到根据用户使用的设备不同分析也不同，但可以根据网站一致的大图视图来推断什么对你的用户有用。当你在处理跨设备的相对一致的体验时，在一个地方跟踪你的分析并把他们弄明白会更容易。

如何创建一个响应性网站

随着响应性网站设计日益规范，网站所有者现在创建响应性网站更容易。决定如何让网站响应时，有两个主要的选择。

选项1：使用响应性模板。

今天创建网站比互联网的早期时候创建要容易得多。即使不懂编程或设计技能的人也可以在正确的网站构建器的帮助下，在几个小时内拼凑出一个好看的网站。由于响应性网站设计的重要性，最好的网站构建器将包括响应性模板，你可以使用这些模板来简化对适合手机或其他移动设备的响应性网站的设计。

如果你的首要任务是让网站以一种快速、简单、实惠的方式建立起来，那么一个带有适合手机模板的网站构建器是响应性网页设计的最佳工具。当试图找到适合你需要的网站构建器时，请确保它提供了许多精心设计的模板供你选择，并且它们都是响应性好的。你不需要做任何额外的工作来确保网站对你的移动用户和PC访问者一样有效。

选择二：雇佣一个熟练的设计师。

你的第二个选择更贵，但它给你更多的权力来实现网站的具体愿景。虽然使用响应性模板的网站构建器使事情变得容易得多，但你的工作是从一个已经存在的设计开始的，其他网站也是从这个设计开始的。一个好的网页设计师可以从零开始为你建立一个与你的想法直接匹配的网站。在这一点上，大多数专业的网页设计师都有能力构建响应性网站，但一定要询问你了解过设计师，并从一开始就明确表示你希望网站的响应性好。要求查看其他响应性网站的例子，以确保你喜欢他们的工作，并相信他们会创建你想要的网站。费用是建站的一个重点，有很多企业都会找便宜的建站方式，相关内容可以参考了解一下 如何找到一个价格便宜的网站构建器。

最后一步：执行用户测试。

无论选择哪一个选项来构建响应性网站，为了真正了解它在所有类型的设备上都能很好地工作，都需要对其进行测试。或者更准确地说，需要目标客户来测试它。用户测试可以确保在发布网站之前发现网站可用性的问题。在因为手机而降低销售之前，最好知道在手机上的结账过程是困难的，而用户测试为你提供了这种有价值的信息。用户测试对于任何网站来说都是一个好主意，但是对于响应性网站尤其有用，这样你就可以确保网站在尽可能多的设备上看起来像你想要的样子。

关于响应式网页设计就介绍到这，有兴趣的朋友可以访问HostGator美国虚拟主机商官网，了解更多关于响应式网站的内容 2019年网页设计的趋势是怎样的。

构建网站的想法已经有一段时间了，现在终于准备好迈出第一步了。恭喜你！但又有点担心该如何开始，更重要的是，如何支付网站的构建费。好消息是，你不再需要在花高价去聘请专业网站设计师和学习如何编写代码之间做出选择。通过使用网站构建器，可以完全独立地构建一个网站，不需要任何网站设计的技巧。即使预算特别有限，依然可以在预算范围内，找到一个便宜的网站构建器。

应该使用一个免费的网站构建器吗？

在找到一个合适的好的网站构建器之前，在研究的初期，你或许会注意到市面上实际已经有一些免费的网站构建器了。有些甚至比那些价钱便宜的构建器更好，对吧？其实不一定。任何提供网站构建器的公司都会以某种方式赚钱，因此免费额网站构建器通常有一些权衡或限制，这使得他们没有付费的网站构建器好用。以下是几种常见的形式：（当然关于网站构建器的介绍有兴趣的可以了解一下 什么是网站构建器，网站构建器有哪些优势。）

广告——如果他们没有直接从你身上赚钱，网站构建器公司会可能通过在你的网站上提供广告来赚钱。这可能会使你的网站看起来更加杂乱和劣质，并将分散访问者对你想让他们注意的信息的注意力。

共享品牌——除了提供广告，一些网站构建器把你的网站作为一种推广他们自己品牌的方式。这意味着他们的logo将出现在你页面的某个地方，甚至在你的URL中，比如：yourname.theirname.com。这会让访问者很难将你与网站构建器的品牌区分开来，并认为你的网站具有令人难忘的独特身份，从而阻碍你自己品牌的发展。

有限页面——这是免费构建器的常见限制。在许多情况下，网站构建器最多只能构建一个单页的网站，而且不会给你太多的工作空间。

有限的带宽——这是另一个大问题。带宽量会影响网站加载所需的时间，对于具有音频、视频、社交媒体显示或动画等媒体元素的网站尤其如此，这些元素需要更多的带宽来加载。访问者不会等待一个缓慢的网站加载，所以如果网站构建器不能提供充足或无限的带宽，就会因此失去访问者。

重要的功能需要付费升级——对于许多提供免费网站构建器方案的公司来说，这是一种让你迈出第一步的方式，这样他们就能最终说服你升级到他们的付费计划之一。他们通过限制免费构建器的功能来做到这一点，这样随着时间的推移，你可能会意识到确实需要一个付费的构建器方案。

如果这些不是问题，请记住，还有一个问题：大部分免费的网站构建器在你创建一个网站，并决定切换到一个不同的网站构建器时，你不能把已经建好的东西带走，你得从头开始。如果网站的URL是网站构建器URL的子域（例如前面描述的yoursite.theirsite.com情况），那么所有初始网站构建的任何关注程度都将在迁移到新的URL时丢失。

换句话说，如果网站是一个人喜好的项目，而且确信自己永远不会在意个人品牌、电子商务网站选项或其他品牌在网站上的广告，那么免费的网站构建器可能是有意义的。而对于其他人来说，最好从一个合适的、负担得起的网站构建器开始，这样你可以在成长过程中继续坚持使用下去。那可负担得起的网站建造者的实际花费是多少？购买一个好的网站构建器并不会超出你的预算。最实惠的网站构建器花费在每个月4- 25美元。

大多数公司都会提供几个网站构建器包，所以要注意不同构建器的成本和特性的比较。如果现在还不需要这些功能，但在未来几年可能又想要，那么现在就应该知道升级的费用是多少。不想选择目前看来最便宜的方案，只需要长期支付更多将来需要升级到一个商业网站并换掉目前这个基本网站构建器的费用，还要注意所签订的合同。在许多情况下，较低的成本将伴随着较长期的承诺。如你做了足够的调查来确定你的选择，这是可以的，但是如果不想因为同意一个三年的承诺，每个月节省了几美元，而被一个你不喜欢的网站构建器所困住。

应该在一个便宜的网站构建器中寻找什么功能？

在权衡选择时，一定要考虑每个网站构建器所提供的功能，而不仅仅是成本。最便宜的构建器可能没有你需要的关键功能，尤其是在经营一个商业网站时，只需多花一点钱就可以让网站构建器拥有现在和长期需要的所有功能。虽然使用一个简单的网站构建器有很多好处，但重要的是要概述未来网站的目标，这样才能为未来选择最好的网站构建器方案。以下是浏览不同网站构建器时需要考虑的一些重要功能。

首先，有一些特性你绝对不想在上面省钱。在做出选择时，考虑这些是必要的。不能提供这些特征的网站构建器是不能满足一个成功网站需求的。

易用性——如果不得不花几个小时学习如何使用一个新的网站构建器，那么即使它花费不多，也没有多大价值，你的时间也是有价值的，寻找一个网站构建器，拥有拖放功能和直观的编辑工具。最好购买能够立即投入，并当天就开始建设网站的网站构建器。

教育资源——一个好的网站构建器不需要花很多时间学习如何使用它，一个好的教育资源图书馆（教程和文章）将确保你知道所有不同的特性，能够充分利用他们，在有问题的时候可以获得简单的答案。

客户支持——同样重要的是，当你遇到困惑，需要 人的帮助时，应该能够相信，有人可以在你需要的时刻，帮助你。检查你的网站构建器提供的客户服务，并有良好的声誉。

网站模板——使用网站构建器构建网站通常从设计模板开始。有了一个精心设计的起点，所有其他的更改都会变得容易得多。一开始就有一个好看的模板会对最终结果的质量产生很大的影响。寻找一个提供多种模板的网站构建器，将没有问题，创建一个美丽的网站将没有困难。

移动友好的兼容性——现在人们用手机浏览比用电脑上浏览要多，这正是为什么需要一个移动响应网站的原因。如果你的网站没有一个响应式的设计，将失去访问者。简而言之，对于一个所有访问者都可以与之互动的网站，使用网站构建器，使网站移动友好更简单。

除了这些要点，还有机会希望网站构建器提供一些有用的额外选项。这些不一定是所有网站都需要的，但它们对一些网站很重要，并且对其他网站也很有用。

多页面——在选择网站构建器之前，考虑一下希望网站拥有多少页面。不仅仅是现在，在未来的几个月或几年，还需要空间让他成长吗？一些最实惠的网站构建器方案限制了可以创建的页面数量。这对一些网站来说很好，但对另一些网站来说却是个大问题。

自定义域名——大多数付费的网站构建器，将提供一个自定义域名的选项。很多域名，都需要单独支付域名费，但有些域名会包含在费用之内。确认是否能够使用自定义域名，以及是否应该预计额外的成本。

SEO（搜索引擎优化）功能——创建一个网站是一回事，让人们看到并与之互动是另一回事。如果在意人们是否能找到你的网站，那么现在就应该开始考虑搜索引擎优化。检查有用的搜索引擎优化特性，使页面易于执行一个网站优化（定制与谷歌相关的字段，如URL、标题和图像标记）。

媒体功能——网站会包括像音频或视频这类的媒体吗？如果是这样，请确保选择的网站构建器已经设置了这些功能所需的带宽，并使他们加载到网站变得容易。

安全功能——黑客无处不在，这就是为什么不惜一切代价必须保护网站免受黑客袭击的原因。如果网站不安全，就有可能被黑客接管或窃取客户的敏感信息。如果需要通过电子商务商店接受支付信息，那么SSL证书或与安全硬件的兼容性等安全特性是至关重要的，如果不需要，那么这些特性仍然非常有用。

电子商务功能——你会使用你的网站在网上商店出售商品吗？如果是，网站构建器，在添加购物车和安全的结帐过程中是必须的。

你在网站建设上的投资，将与你需要这些功能有很大关系，而且没有这些功能，也可以以很容易地生存。即使需要一些先进的功能，仍然可以在寻找便宜的网站构建器时节省费用。

投资网站构建器时省钱的4种方法，如果在做选择时，仍然让担心网站构建器的成本，有一些潜在的方法乐意使你花的钱增值。

1、 只为需要的东西付钱。

如果你的网站非常简单，并且从一开始你就不期望有太多的流量（大多数人不会马上获得很多流量），那就不需要投资一个有很多不同功能的高级网站构建器方案。找出你现在真正需要的功能，并找到可以提供这些功能的最便宜的网站。同时还要考虑到随着你的成长，在未来几年预计需要的特性，并在做出决定时考虑到未来升级的成本。从长远来看，最实惠的选择可能与目前最便宜的选择不同，你最好现少花点钱存起来。

2、寻找优惠价格服务。

一些网站构建器在这个价格范围内还包括你需要的其他服务。例如，HostGator的网站构建器附带免费的虚拟主机——每个网站在网上运行都需要虚拟主机。虚拟主机是另一项每月的开支，所以从长远来看，节省这些钱是值得的。同样，如果一个网站构建器包允许免费注册域名，或者包含免费的电子商务功能，那么无论如何，都可以为你节省额外的服务费用。在做出最终决定之前，请注意网站构建器包中包含的内容。

3、等待特价。

像任何其他类型的营销一样，提供网站构建器的公司经常提供特价销售。在正确的时间购物可以赢得折扣。通常情况下，在黑色星期五、劳动节或阵亡将士纪念日等其他公司的销售旺季，销售额会下降。如果关注某一个或几个特定的网站构建器，注册该公司的电子邮件列表，这样当该公司的产品上市时，就会得到通知提醒。许多网站构建器提供推荐或附属项目。果你有一个朋友，是目前的客户，或着你知道网站构建器附属机构提供的折扣代码，那么在一年中的任何时候，都可以有折扣。随着时间的推移，你还可以利用这些和别人分享你的折扣代码来节省续订费用。

4.、提前几年付款。

许多网站构建器会向签订长期合约的客户提供不同的月费。但如果不完全确定所选择网站构建器，这个选项可能有风险。但是，如果有信心在未来几年继续使用这个网站构建器，那么同意成为一、两年或三年的客户，并提前付款与每月付款并有权随时取消的客户相比，可以节省相当大的费用。

花几周的时间来研究不同网站构建器的所有不同功能和选项很容易。或者，可以通过检查HostGator的网站构建器来缩短这个过程，看看它是否和所需要的所有内容相匹配。如有任何关于它是如何工作的以及包含了什么内容的问题，我们的支持团队可以24/7给出答复。此外，你不必担心寻找和单独购买虚拟主机，因为它包括在内（并且来自最受尊敬的虚拟主机公司之一）。更多相关网站构建器与自助建站的介绍，可以参考了解 自助建站与网站构建器有哪些区别。