如何从头开始创建网站：初学者指南

如果你没有网站，则不存在。这就是今天由互联网统治的世界状况。如果你没有网站，客户应该如何找到你？聘请Web开发人员为你构建网站可能会变得非常昂贵。学会为自己做这可能是一个更好的主意。在本教程中，我们将告诉你如何从头开始创建网站。

 

网站建设方法

如果你不知道如何从头开始创建网站，整个主题可能看起来很难。托管，域名，编码等这一切都非常令人困惑。

但创造出以前没有任何东西的东西的满足感就像世界上没有别的东西一样。在了解如何从头开始创建网站时，你将学到的东西将在你的整个生命中为你提供良好的服务。

谁知道，你可能喜欢建立网站，以至于你决定改变职业。你是否听说过世界上的Web开发人员严重短缺？

如何从头开始创建网站

在本节中，我们将告诉你了解如何从头开始创建网站所需的一切。有四件事，还有一件要学习的额外项目：

如何购买域名

如何购买托管

如何用HTML编写

如何在CSS中设置样式

如何在JavaScript中工作

首先，让我们定义什么是简单的网站。出于本教程的目的，它是一个小型网站，宣传你的工作并提供未来客户的联系方式。它应该回答三个问题：

你是谁？

你是做什么？

怎么联系你？

一到三页就足以向访问者提供所有这些信息。使用HTML和CSS，你不仅可以使网站具有简单的功能，而且可以使其看起来很好。

如果你需要更多网站，例如提供某种电子商务功能或托管博客，你需要了解有关Web开发的更多信息，包括后端编程语言。“等等，后端是什么？”你现在可以问我们。

答案是假的 - 复杂的，这意味着它看起来很复杂但实际上很简单。如果你可以在显示器上看到它，那就是前端。如果你不能，那就是后端。按钮，图像，文字 - 这是前端。你的网站处理专业Lego Darth Vader时钟的订单的方式？那是后端。

要对网站的后端进行编码，你需要学习其他编码语言，如JavaScript。我们不建议你自己尝试。如果直接涉及金钱，就像网上商店一样，最好让经验丰富的专业人士为你处理。

然而，一个简单的网站是另一回事。你可以自己做。

话虽如此，让我们深入探讨如何从头开始创建网站。

我如何购买域名？

在我们告诉你如何购买域名之前，了解域名是一个好主意。

就像你在现实世界中有一个地址一样，你的网站也必须在互联网上有一个地址。域名是你的地址。

好的，你如何注册域名？首先，你需要考虑一些可能代表你是谁以及你做什么的可能性。如果你要创建一个个人网站来宣传自己，你应该考虑将其命名为和你想做网站相关的域名。如果你的名字很难，你可能必须要有创意。请记住xxx.com网站地址被认为是许多行业中最受尊重的地址。尽可能尝试获得一个。

不要忘记这个名字应该与你做什么和你是谁有关。

当你选择某些域名选项时，你必须使用域可用性检查器检查哪些域名可用。一旦确定了所需的名称，就必须购买所需域名的权利。通常，你选择的托管服务提供商将允许你购买域名作为托管设置过程的一部分。

我如何找到主机？

有数百家网络托管服务提供商，提供世界各地的服务。选择一个可能是一个困难的决定。以下是最受欢迎的列表，供你查看，研究和决定：

Hostinger

BlueHost的

SiteGround

HostGator的

的iPage

A2Hosting

MDDHosting

FastComet

无论你选择哪个网站，都应该有很多关于如何使用他们的平台从头开始网站的指南。如果他们不这样做，请避免使用它。

一旦你拥有托管解决方案和域名，就可以开始开发你的网站了。

什么是HTML？

 

HTML（或超文本标记语言）不是一种编程语言，尽管许多人似乎都在想。HTML负责使你网站的元素发挥作用。它就像你构建网站的脚手架，以及掌握学习如何从头开始创建网站的基本工具。

HTML告诉你的网站页面上应该有哪些文本，图像应该在哪里，如果有的话，链接应该重定向用户。

要查看网站上的HTML内容，在搜索引擎网络浏览器中打开网站，右键单击页面上的任意位置，然后点击查看页面来源。如果它在最顶部说，你正在查看网站的HTML代码。不过，BDG是一个复杂的网站。它使用像JavaScript这样的东西来使它工作。

不要气馁，你的网站将比BitDegree简单，你不需要3000多行代码就能让它按照你的意愿运行。

好的，你已经了解了HTML是什么，现在是时候学习如何使用HTML从头开始创建网站了。

Internet上有数百种HTML课程，指南和教程。我们编写了一个关于如何学习HTML的教程在BitDegree上快速。本教程将告诉你需要了解的所有内容，以便快速入门并快速获取HTML。

此外，我们有一个很棒的交互式HTML和CSS课程，使用游戏化原则来确保你学习并同时保持自己的娱乐。

什么是CSS？

我们之前提到过CSS，但并没有真正告诉你它是什么。是时候解决这个问题了，因为这是学习如何从头开始创建网站的重要一步。

我们已经确定HTML用于“告诉互联网”文本和其他网站元素应该在哪里以及它们应该做什么。CSS或层叠样式表是一种语言，它告诉网站所有不同的元素应该如何看。虽然它确实为你的网站元素设计了风格，但它不是一种编程语言。

使用HTML，你可以使你的网站有一个简单的文本行，说“我正在学习如何从头开始创建一个网站。”该文本将非常简单明了。

使用CSS，你将能够在页面上更改此文本的字体，大小，颜色，对齐方式和位置，以及许多其他内容。

对于更复杂的网站，你的选择实际上仅受你的想象力和HTML和CSS知识的限制。至少在谈到网站的外观时。对于功能，你至少应该学习JavaScript的基础知识。

什么是JavaScript？

 

HTML和CSS是只告诉你的浏览器如何生成页面的语言，JavaScript是一种真正的编程语言。每个前端开发人员都必须了解它。

你为什么需要JavaScript？假设你正在创建一个个人网站。它有三个部分，HOME，GRAPHIC DESIGN PORTFOLIO和CONTACT ME。你可以使用HTML插入将用户引导到顶部不同部分的链接，然后将此链接设置为带有CSS的可按下按钮。

对于一个基本的网站，没关系。但是，如果你想获得它并添加一些动画怎么办？使用简单的JavaScript，你可以做一些非常酷的东西。

如果你真的想知道如何从头开始创建一个真正的网站，你需要知道这三个：脚手架的HTML，样式的CSS和功能的JavaScript。

网站建设软件

好吧，假设你了解了使用HTML，CSS和JavaScript构建梦想网站需要做些什么。你知道如何定义所需的元素，它们的外观以及它们的作用。

这不会让你的网站神奇地出现在任何地方。你需要在.html，.css和.jscript文件中编写代码，并通过托管服务提供商将其上传到你的网站。

但是，如果你知道如何从头开始创建网站，那么你需要实际创建哪些工具？

集成开发环境

IDE或集成开发环境是专门的软件，包含构建网站或独立应用程序所需的一切。

虽然WebStorm，Visual Studio Code或Adobe Dreamweaver等最好的IDE具有数百种出色的功能，包括你网站的实时预览，但事实是你可能不需要它们用于你的项目。

除非你真正的目的是学习如何从头开始大规模创建网站，否则购买用于Web开发的IDE是完全矫枉过正的。相反，你应该得到一个增强的文本编辑器。

增强的文本编辑器

你需要一个专门的免费（开源）文本编辑器来学习如何从头开始创建一个网站，然后去做它以使你的业务在互联网上。

有多种可供选择的工具可供选择。你可能需要查看Atom，Notepad ++，Vim或Brackets。

整个过程如何运作？这很简单。你创建一个新文档，以适合HTML的方式构建它，并使用扩展名.html保存它，例如index.html。

然后，链接.css文件以控制HTML脚手架中的元素外观。这就是制作简单网页所需的全部内容。

“好的，”你现在可能会问。“这只是文字，我怎么知道我的网页在互联网上会是什么样子？”

很简单。你只需使用任何Internet浏览器打开HTML文件即可。

使用你选择的文本编辑器和Web浏览器，你可以更改和整形页面，直到你满意为止。那时，通过你的托管服务提供商上传文件，网站很快就会上线。

自动化工具

虽然你正在考虑如何从头开始创建网站，但可能存在问题。你可以建立一个简单的网站，让人们知道你是谁，你做什么以及如何与你联系。

但是如果你决定添加博客会发生什么？

是的，你将能够添加一个blog。html并将其与网站的其余部分链接起来，但如果没有某种后端解决方案，发布新帖子将会非常烦人，这使得添加新内容变得更加容易。

有更简单的方法来做到这一点！

WordPress建站

大多数互联网都建立在WordPress上是有原因的。它是一个内容管理系统，具有丰富的模板和插件库。如果你需要你的网站做某事，可能会有一个WordPress插件。

使用WordPress设置你的网站比自己编写网站容易100倍。所有顶级网站托管服务提供商都有工具在WordPress上自动设置你的网站。完成后，你可以登录wordpress，然后可以更改主题，添加插件，以及添加所需的内容（图像，文本，视频）。

如果你尝试从头开始学习如何创建网站并放弃使用WordPress，那么你的知识将不会浪费。毕竟，你可以使用你学到的CSS技巧，自己制作一个WordPress主题并自己定制。

网站构建服务

你绝对可以学习如何从头开始创建一个网站，但有些人在几年前就已经学会了。这些人制作的网站允许你拖放元素来创建自己的网站。

一个网站内的网站，有多少？

像这样的网站建设者在YouTube上大肆宣传，很可能你至少听说过它们。如果你还没有他们是一个短的谷歌搜索。在大多数情况下，这些工具是一个快速无忧的方式来制作一个非常简单的网站。

请记住，最新的网站趋势往往严重依赖图像。你可能需要大量高质量，专业拍摄的照片。专业提示：通过kraken.io网站上的工具运行这些图像。它可以使图像文件更小，而不会显着损害质量，这将使你的网站加载速度更快。

快速加载时间对于用户体验非常重要。常见的逻辑是，网站加载速度越快，访问者留下和浏览的可能性就越大。

结论

如何在TL; DR版本中从头开始创建网站？它可以简单或复杂。取决于你选择的方法。如果你决定学习编码，那么它将会很复杂，但最终会有所回报。