如何建立网站:A到Z入门指南

在本文中,我将向您展示创建网站的基本步骤.


  1. 注册域名
  2. 注册虚拟主机
  3. 设计网页
  4. 验证并测试您的网站
  5. 微调和成长

创建一个基本的网站很容易。劳动本身不应该超过一个小时。然而,了解您的选择并使其适应您的情况绝非易事.

由于某些步骤可能需要其他知识,因此不在本文讨论范围之内,因此我在必要时提供了指向详细资源的链接.

你为什么要建立一个网站

首先,请务必先定义您的目的.

我们都知道,网站可以作为企业实体或个人,成为您在线形象的重要组成部分。对于个人而言,它可以像基本资料一样简单,也可以像整个投资组合一样详细。对于企业而言,应将其视为资产的一部分,并与您的个人资料,产品或您所做的事情相关.

牢记明确的目标可以使您在以后做出更好的决策-即使用哪种平台,与哪些营销渠道互动等.

建立网站的一些典型原因:

  • 出售产品 –如果您的主要目标是销售产品,则您的网站应包括产品展示柜,在线购物车,安全付款网关,最好是销售点系统.
  • 显示信息 –如果您的目标是显示公司或个人信息,请考虑在可负担的平台上构建简单的一页网站.
  • 分享当前的想法和经验 –对于喜欢与世界交流和分享想法的用户,博客通常是最好的.

这些原因不必相互排斥。例如,您可以拥有一个包含两个或多个上述元素的网站.

建立自己的网站的基本步骤

弄清网站目标之后,就可以构建了!要开始使用,您需要先…

1.注册一个域名

什么是域名?

要启动网站,您需要做的第一件事就是域名.

域名是用于标识您在Internet上的网站的地址。一些示例包括Yahoo.com,Google.com或BuildThis.io(您正在阅读的网站).

在哪里注册域名?

要拥有域名,您必须向域名注册商注册.

域名注册商将帮助您检查域名是否唯一,然后再继续进行注册。 GoDaddy和NameCheap是两个流行的域名注册商。我使用它们来管理我的域已经很长时间了.

如何选择域名?

选择域名通常是最困难的部分,因为它不仅必须反映您的品牌,而且仍然容易,简单且令人难忘.

您的域名必须是唯一的–该名称不能由全世界的另一个人或组织拥有。创建域名时应牢记的一般经验法则是:

  • 简短易记
  • 不要使用商标名称
  • 尽可能使用.com或.net
  • 有创造力并使用复合词或虚构词
  • 尝试使其与关键字相关

可行的技巧

  • 如果您很难确定域名,则可以始终使用域名生成器来获取建议。一些比较流行的是 Wordroid 精益域名搜索.
  • 如果您是初学者,建议您转到GoDaddy或Namecheap查找域名。两者都使新手可以轻松购买和注册域名.

2.注册一个虚拟主机帐户

什么是网络托管?

Web主机是一台大型计算机(又名服务器),用于存储作为网站一部分所需的文件.

可以将其视为存储家具和家用电器的房屋-该房屋是您的网络托管服务商,并且可以用来存放任何东西 房子就是您的网站内容。网站内容通常包括文本,图像,视频和您认为必要的任何其他元素.

您在托管方面有哪些选择?

今天,Web托管提供各种软件包。传统上,网络托管提供商只参与提供具有基本软件和技术支持的服务器的租赁。使用传统的托管服务提供商托管网站通常更便宜,更灵活;但需要一些额外的工作来建立网站.

如今,公司将不同的服务捆绑在一起,并允许用户通过一个服务提供商来构建,托管和管理所有网站。我们通常称这些公司为网站建设者或在线商店建设者. 托管网站 在这些“捆绑”平台上通常价格昂贵且灵活性较低;但您可以轻松建立网站或在线商店.

初学者托管平台

如果您刚刚开始,那么基本的共享托管通常就足够了。为此,我建议使用Hostinger单一计划–该计划可让您以低至$ 0.80 / mo的价格托管一个网站.

Hostinger主机Hostinger单一计划–托管一个网站,具有10 GB SSD存储和100 GB带宽(对于初学者而言足够),每月$ 0.80.

电子商务/在线商店的托管平台

如果您打算直接从您的网站(一家电子商务商店)出售产品,则应查看Shopify Basic(起价为29美元/月).

Shopify平台有80万家电子商务商店使用Shopify,包括NBA Lakers Store和Tattly.com。 Shopify Basic的最低价格为$ 29 / mo.

易于制作网站/小型企业的托管平台

如果您只需要一个简单的网站来展示您的业务组合和联系方式,那么捆绑主机选项可能是正确的。 Wix和Weebly是我喜欢的两个网站建设者–我们对这两个网站进行了大量撰写,您可以在此处查看我们的评论– Wix评论/ Weebly评论.

蜡作为捆绑选项作为一种在线服务,Wix使您可以使用拖放式可视编辑器来构建网站,即使您的编码知识为零。 Wix Unlimited Plan的价格为$ 12.50 /月.

可行的技巧

  • 有多种托管类型:共享托管,专用服务器托管和云/ VPS托管.
  • 如果您是小型网站,则使用共享托管计划会比较便宜。建议较大的站点使用云或专用托管.
  • 选择网络主机之前,您需要考虑的一些关键特性是它们的价格,服务器速度和正常运行时间率。 Hostinger(适用于新手)以及InMotion Hosting和SiteGround(适用于大型网站)是一些受欢迎的名称.
  • 如果您打算直接从您的网站上销售产品,请考虑使用Shopify或BigCommerce之类的商店构建器.

3.设计您的网页

准备好域名和虚拟主机后,就该将某些内容发布到Internet上了。要设计网页,您可以聘请网络开发人员或自己动手做.

我们在这里详细讨论如何外包Web开发任务。如果您打算雇用某人为您开发网站,则应跳过以下步骤并转到该页面.

对于DIY使用者,以下是设计网页的三种简单方法:

1-您所见即所得(WYSIWYG)Web编辑器

所见即所得(WYSIWYG)编辑器可让您从头开始建立网站并设计网页,而无需编写代码。它的工作方式就像普通的文字处理程序一样–从模板或空白页开始,然后创建网站页面。完成后,您将其中的内容填满,然后使用文件传输协议(FTP)程序将整个文件夹上传到您的网络托管服务商.

要使用此方法,最好是您具有基本的HTML / CSS技能以及一些有关Internet工作原理的常识.

有几种WYSIWYG网络编辑器可供使用-一些非商业用途免费,而其他一些则可能需要付费许可证. Microsoft Expression Web, Google Web Designer, 蓝色狮riff, 和 开放元素 有一些好地方要检查一下.

对于FTP程序– FileZillaWinSCP 是两个最好的免费选项.

Microsoft Expression-所见即所得编辑器示例–这是Microsoft Expression Web编辑器的屏幕截图。文件夹列表(左)–使用文件夹构建网站。编辑器(中心)–在此处编写文本并设置其格式。样式/工具箱(右)–使用CSS样式和设计页面(可选)。请注意,您将需要创建一个页面名称索引(.html / .htm / .php / .asp)–它将作为您网站的主页.

仅当您使用传统托管(即Hostinger)时,此选项才可用。如果您喜欢学习Web编码,则使用所见即所得(WYSIWYG)编辑器既灵活又有趣……但是对于立即想要网站的初学者来说,这不是一个可行的选择.

2-使用内容管理系统(CMS)

如今,大多数网站都是使用CMS构建和管理的。从网站所有者的角度来看,CMS有很多好处。它们易于管理,设计和开发灵活,具有成本效益(免费!)–三个关键优势.

如果您还没有听说过– WordPress,它将为Internet上所有网站的约33%提供支持 世界上最受欢迎的CMS.

对于那些在步骤2中选择常规托管选项的用户,只需单击几下即可安装WordPress。.

在Hostinger中安装WordPress这是在Hostinger上设置WordPress的方法。登录到您的Hostinger帐户,转到网站 > 自动安装程序 > WordPress的 > 设置密码和网站名称 > 安装.

安装WordPress后,您将获得基本的网站框架。然后,您可以使用WordPress模板设计网页。预先构建的WordPress模板是 可在WordPress.org(官方主题目录)免费获得. 或者,您可以从“典雅主题”或“工匠”等专业开发商那里购买高级模板.

Disha在这里解释了如何使用WordPress创建博客或网站。如果您需要更多信息,请按照说明进行操作.

注意–如果您在步骤2中选择使用Wix或Weebly之类的“捆绑”平台,则无法使用CMS.

3.使用拖放式网站/商店构建器

拖放式网站/商店构建器是创建网站的最简单,最快的方法.

您不需要任何Web开发技能–只需选择一个预先构建的模板,从构建器中获取必要的Web元素(即联系表单,下拉菜单,Google Map,付款按钮,购物车等),然后功能齐全的网站已准备就绪.

Internet上散布着许多网站建设者-Wix和Weebly是最受欢迎的两个。如上所述,如果您要建立在线商店,Shopify将是一个不错的选择.

Wix演示

使用Wix编辑器创建和编辑网站在Wix处设计网页:网站菜单(左)–在此处管理页面,选择网站背景,设置网站导航,添加文本和链接,上传图像等;对齐方式(中间/左侧)–在此处排列和对齐网站元素;预览(右上)–保存,预览和发布您的网站.

在Wix预制模板上设计网站Wix模板– Wix上有数百个预构建的模板(查看全部).

Shopify演示

使用Shopify编辑器创建和编辑网站在Shopify上使用预制主题设计在线店面。菜单(左)–在此处选择主题并添加商店元素(幻灯片,标题,图像,页脚等);预览(中/右)–在此处预览您的商店.

Shopify模板Shopify提供了广泛的免费和高级主题(请参阅示例).

Hostgator网站生成器演示

Gator网站生成器使用Gator网站生成器–菜单(左)–选择主题,添加页面,并在此处添加页面部分;预览(中央/右侧)–在顶部导航栏的页面之间移动;保存,预览和发布您的网站.

Gator Website Builder上的免费主题Hostgator网站构建器提供的完全可定制的响应式网站模板.

可行的技巧

  • 在一页中按Shopify,BigCommerce,Wix和Weebly浏览免费的电子商务网站模板
  • 使用Wix创建网站的分步说明
  • 查看使用Wix构建的网站示例
  • 使用Shopify创建网站的分步说明
  • 查看使用Shopify构建的网站的示例

4.验证和测试您的网站

网站准备就绪后,就可以在主要浏览器(Chrome,Firefox,Safari,Microsoft Edge,IE 11等)以及不同屏幕尺寸上验证和测试其工作方式了.

我们可以在线免费工具的帮助下运行这些测试.

标记验证

W3C-完成创建后,验证您的网站使用轻松验证您的网站标记 W3C标记验证服务.

什么是标记验证? 诸如HTML,PHP等编码语言或脚本都有各自的格式,词汇和语法。标记验证是验证您的网站是否遵守这些规则的过程.

浏览器测试

在不同的浏览器中测试您的网站一次即可对多达115种不同的浏览器进行网站交叉测试 浏览器射击.

屏幕测试

以不同的屏幕尺寸测试您的网站采用 萤幕苍蝇 在显示器,平板电脑,智能手机和其他不同屏幕尺寸上预览网页.

5.调整和发展您的网站

在互联网上发布您的网站是第一阶段。要确保您的网站成功,还有许多其他事情要做。这是开始的一些任务…

微调网站速度

谷歌明确表示,网站速度是其排名因素之一。这意味着,如果您的网站加载速度很快,则其排名可能更高.

另外–网站加载速度越快,网站访问者就越快乐。在无数的案例研究和实验中,事实证明,缓慢加载的网站会损害用户体验并影响网站收入。如果亚马逊的网站速度降低甚至一秒钟,亚马逊将损失约16亿美元的收入.

如果您当前的网站速度慢, 学习如何改善它.

提高网站搜索的可见性

您无需成为搜索引擎优化(SEO)的专家即可吸引您的网站。但是,具备一些基本的搜索引擎优化技能总是很不错的.

在创建一个网站管理员帐户 Google Search Console 将您的网站提交给Google并确定所有SEO问题。进行基本的关键字研究,然后为主要关键字优化页面标题和标题。在您的网站上实施架构标记以从搜索结果页面中脱颖而出.

有关更多SEO技巧,请阅读我们的SEO假人指南.

实施HTTPS

自从Google Chrome浏览器开始将HTTP网站标记为“不安全”以来,SSL证书已成为一件大事。为了确保您的网站受到用户“信任”,必须有HTTPS连接.

添加基本​​页面

没有两个网站可以用作不同的目的和/或功能。但是,每个网站应具有三个标准页面:索引(主页),关于页面和联系页面。.

主页

主页通常是大多数访问者登陆您的网站后首先去的地方。您的首页应该提供正确的音调,并吸引访问者更深地进入您的网站.

网站示例-Haus示例– Haus主页带有清晰的导航菜单和画廊风格的设计(非常适合产品展示).

关于页面

About Page就是与访客建立融洽的关系。它可以让您自我介绍并提供有关您的网站的详细信息(好吗?)。通常,建议包含网站所有者和运营人的照片.

网站示例-Bulldog Skincare示例– Bulldog Skincare的“关于页面”发送可爱且令人难忘的消息.

联系页面

与您的用户和潜在客户进行沟通很重要。因此–联系人页面。包括所有可能的沟通渠道(社交媒体资料,联系表,电子邮件地址等),以确保访问者能够与您联系.

网站示例-Survicate示例– Survicate的联系页面设计精美,具有较大的表单字段,清晰的号召性用语;并包含所有必要的信息.

扩大您在社交媒体平台上的影响力

您的网站还应该在社交媒体平台上占有一席之地,其中大多数目标受众都在其中闲逛。对于BuildThis.io,意味着Facebook和Twitter。对于其他人,可能是LinkedIn,Tumblr或Pinterest.

以下是针对初学者的一些社交媒体营销技巧.

添加图标

您看到字母“出现在浏览器标签左侧的黄色圆圈中?这就是所谓的“收藏夹图标”。像徽标一样,网站图标是代表网站的较小视觉元素.

Favicon是一种精美的小品牌化技术,网站所有者经常忽略它。如果听起来像您,请使用这些免费的网站图标生成器来帮助您.

制作网站常见问题

您可以免费建立自己的网站吗?

您可以使用创建一个免费的网站 免费网络托管 例如000Webhost提供的价格或使用某些网站建设者提供的免费计划。例如,Wix提供有限资源的免费计划,适用于小型,小批量网站.

如何为我的企业创建网站?

网站构建器是小型企业无需外包即可创建自己的网站的理想方式。这些选项不需要技术知识,通常会提供预先设计的模板,这些模板可能会很有用 > 点击这里开始.

什么是最好的网站建设者?

“最佳”是一个主观术语–对我们而言最好的选择可能不适合您。就受欢迎程度而言-Squarespace是最受欢迎的网站建设者,拥有22%的市场份额。紧随其后的是Wix和GoDaddy的GoCentral,分别位于第二和第三名.

我可以在Google上创建网站吗?

Google提供了一个Sitebuilder作为其G Suite产品系列的一部分。价格从$ 5.40 /用户/月起.

如何从网站创建PDF?

如果您的计算机上安装了Adobe Reader,则可以按CTRL-P从bt网页创建PDF。从打开的打印菜单中,选择输出为PDF,然后保存文件.

立即完成!

现在,您对创建和构建成功网站的知识已绰绰有余。是时候利用您的知识了。立即开始,畅游互联网!

*翻译:EN ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map