如果你没有创建网站,你就等于不存在。这就是当今由互联网统治的世界的现状。如果您没有创建网站,客户应该如何找到您?
聘请 Web 开发人员为您创建网站可能会非常昂贵。学习为自己做这件事也许是一个更好的主意。在本教程中,我们将告诉您如何从头开始创建网站。
目录
建站方法
如果您不知道如何制作网站,则整个主题可能看起来令人生畏。主机、域名、编程……这一切都可能非常令人困惑。
最新优惠现在有效:Follow the Datacamp promo code link & get an exclusive 25% OFF Datacamp subscriptions. Act now while the offer is still available!
但。
在以前没有任何东西的地方创造东西的满足感是世界上独一无二的。在弄清楚如何从头开始创建网站时,您将学到的东西将在您的一生中受益匪浅。
谁知道呢,您可能非常喜欢建立网站,以至于决定改变职业。您听说过世界上严重缺乏 Web 开发人员吗?
如何从头开始创建网站
在本节中,我们将告诉您如何从头开始创建网站所需的一切。有五件事要学习:
- 如何购买域名
- 如何购买主机
- 如何用 HTML 编写
- 如何在 CSS 中设置样式
- 如何在 JavaScript 中工作
首先,让我们定义什么是简单网站。就本教程而言,它是一个小型网站,用于宣传您的工作并提供未来客户的联系方式。它应该回答三个问题:
- 你是谁?
- 你做什么工作?
- 怎么联系你?
一到三页就足以向访问者提供所有这些信息。使用 HTML 和 CSS,您不仅可以使网站具有简单的功能,而且还可以让它看起来不错。
如果您想知道如何从头开始创建具有提供某种电子商务功能或主机博客等功能的网站,您将需要了解有关 Web 开发的更多信息,包括后端编程语言。“等等,什么是后端?” 你现在可以问我们。
答案是fake-complexed,意思是看起来很复杂,其实很简单。如果您可以在显示器上看到它,那就是前端。如果你不能,那就是后端。按钮、图像、文本——这就是前端。您的网站处理专业乐高 Darth Vader 时钟订单的方式?这就是后端。
要对网站的后端进行编程,您需要学习一种额外的编程语言,例如JavaScript。我们不建议您自己尝试。当直接涉及金钱时,如在线商店的情况,最好让经验丰富的专业人员为您处理。
然而,一个简单的网站是另一回事。你可以自己做。
话虽如此,让我们深入研究如何从头开始创建网站。
如何购买域名?
在我们告诉您如何购买域名之前,您最好先了解一下什么是域名。
就像您在现实世界中有一个地址一样,您的网站也必须在 Internet 上有一个地址。域名就是您的地址, 例如cn.bitdegree.org是我们的域名。
好的,您如何注册域名?首先,您需要考虑一些可以代表您是谁和您做什么的可能性。如果您正在制作个人网站来宣传自己,您应该考虑将其命名为 namesurname.com。
如果您的名字很困难,您可能需要发挥创意。请留意,.com网站地址在许多行业中被认为是最受尊敬的。尽可能尝试获得一个。
不要忘记,名字应该与你做什么和你是谁有关。
当您确定某些域名选项时,您必须使用域名可用性检查器检查哪些可用。一旦你确定了你想要的名字,你就需要购买你想要的域名。
这是如何从头开始创建网站的第一步。通常,您选择的主机服务提供商将允许您在主机设置过程中购买域名。
我如何找到主机?
有数百个网络主机服务提供商,在世界各地提供服务。选择一个可能是一个艰难的决定。以下是最受欢迎的列表,供您查看、研究和决定:
无论您选择哪个网站,它都应该有大量关于如何使用其平台从头开始创建网站的指南。如果他们不这样做,请避免使用它。
一旦您拥有主机解决方案并处理好域名,就可以开始开发您的网站了。
什么是 HTML?
尽管很多人认为HTML(或超文本标记语言)不是一种编程语言。HTML 负责使您网站的元素发挥作用。它就像您创建网站的脚手架,也是您在学习如何从头开始创建网站的过程中掌握的重要工具。
HTML 告诉您的网站应该在页面上显示什么文本、图像应该放在什么位置、链接(如果有的话)应该重定向到用户的位置。
要查看网站上的 HTML 格式,例如 bitdegree.org,请在 Google Chrome 网络浏览器中打开该网站,右键单击页面上的任意位置,然后单击查看页面源代码。
如果它显示在最顶部,那么您正在查看 bitdegree.org 的 HTML 代码。不过,BDG 是一个复杂的网站。它也使用 JavaScript 之类的东西来使其工作。
不要气馁,您的网站将比 BitDegree 简单得多,您不需要 3000 多行代码就可以让它按照您的意愿运行。
好的,您对 HTML 是什么有了一些了解,现在是学习如何使用 HTML 从头开始创建网站的时候了。
Internet 上有数百个 HTML 课程、指南和教程。我们也写了一篇关于如何在 BitDegree 上快速学习 HTML的教程。本教程将告诉您快速入门和掌握 HTML 所需的一切知识。
此外,Udacity 提供了一个很棒的HTML 和 CSS 课程 ,可以帮助您学习如何将 CSS 与 HTML 一起使用。
什么是 CSS?
您根本无法在不提及 CSS 的情况下编写“如何从头开始创建网站”指南。虽然我们已经介绍过 HTML 负责您的内容出现在网站上,但CSS 是用来设置样式的。
当然,有些人可能认为它现在对网站至关重要,但想想看,你真的认为一个纯文本的网站值得访问吗?我觉得不是。
CSS 帮助您的网站显得有吸引力。虽然它可能对交互性没有帮助(稍后将在 JavaScript 部分详细介绍),但它肯定会提高您网站的质量。
如果你想开发一个网站,你需要学习 CSS。通常情况下,学习 CSS 是与学习 HTML 一起提供的。要同时学习它们,我建议前往 Udacity 并查看他们的 HTML 和 CSS 课程。
什么是 JavaScript?
HTML 和 CSS 是只告诉浏览器如何生成页面的语言,而JavaScript 是一种真正的编程语言。每个前端开发人员都必须了解它。
为什么需要 JavaScript?假设您正在制作个人网站。它包含三个部分,主页、图形设计作品集和联系我。您可以使用 HTML插入将用户引导至顶部不同部分的链接,然后将该链接的样式设置为具有 CSS 的可按下按钮。
对于一个基本的网站,这很好。但是,如果您想更喜欢它并添加一些动画怎么办?使用简单的 JavaScript,您可以做一些非常酷的事情。
如果你真的想知道如何从头开始真正地创建一个网站,你需要知道所有三个:用于脚手架的HTML、用于样式的CSS和用于功能的JavaScript。
建站软件
好的,假设您了解了使用 HTML、CSS 和 JavaScript 构建梦想网站所需的操作。您知道如何定义所需的元素、它们的外观以及它们的作用。
这不会让您的网站神奇地凭空出现。您需要在 .html、.css 和 .js 文件中编写代码,然后通过主机服务提供商将它们上传到您的网站。
但是,如果您知道如何从头开始创建网站,那么实际创建它需要哪些工具?
集成开发环境
IDE 或集成开发环境是专门的软件,包含创建网站或独立应用程序所需的一切。
虽然像WebStorm、Visual Studio Code 或 Adobe Dreamweaver这样最好的 IDE具有数百个听起来很棒的功能,包括网站的实时预览,但事实是,您的项目可能不需要它们。
除非您的真正意图是学习如何从头开始大规模地创建网站,否则购买用于 Web 开发的 IDE 是完全矫枉过正的。相反,您应该获得一个增强的文本编辑器。
增强的文本编辑器
一个专门的免费(开源)文本编辑器是您学习如何从头开始创建网站,然后着手将您的业务放到 Internet 上所需的全部内容。
有多种可用工具可供选择。您可能需要查看 Atom、Notepad ++、Vim或 Brackets。
整个事情是如何运作的?这很简单。您创建一个新文档,以适合 HTML 的方式对其进行框架化,然后使用扩展名 .html 保存它,例如 index.html。
然后,链接 .css 文件以控制 HTML 脚手架中元素的外观。这就是制作简单网页所需的全部内容。
“好吧,”你现在可能会问。“这只是文本,我怎么知道我的页面在 Internet 上会是什么样子?”
简单的。您只需要使用任何 Internet 浏览器打开 HTML 文件。
使用您选择的文本编辑器和 Web 浏览器,您可以更改和塑造您的页面,直到您满意为止。届时,通过您的主机服务提供商上传文件,该网站将很快上线。
自动化工具
虽然您正在研究如何从头开始创建网站很棒,但可能存在问题。你可以建立一个简单的网站,让人们知道你是谁,你做什么,以及如何联系你。
但是,如果您决定添加博客会发生什么?
是的,您将能够添加 blog.html 并将其与网站的其余部分链接,但是如果没有某种后端解决方案,发布新帖子将非常烦人,这使得添加新内容更容易。
有更简单的方法可以做到!
WordPress
大多数互联网都建立在 WordPress 上是有原因的。它是一个内容管理系统,具有丰富的模板和插件库。如果您需要您的网站做某事,很可能有一个 WordPress 插件。
使用WordPress设置您的网站比自己编写网站容易 100 倍。所有顶级网站主机服务提供商都有工具可以在 WordPress 上自动设置您的网站。完成后,您登录 WordPress,然后可以更改主题、添加插件并添加您想要的内容(图像、文本、视频)。
如果您尝试学习如何从头开始创建网站并放弃使用 WordPress,那么您的知识根本不会浪费。毕竟,您可以使用您学到的 CSS 技能,自己定制一个 WordPress 主题。
建站服务
您绝对可以从头开始学习如何制作网站,但有些人多年前就已经学会了。这些人制作了网站,让您可以拖放元素来创建自己的网站。
一个网站里面一个网站,Inception 多少?
像这样的网站建设者在 YouTube 上投放大量广告,您可能至少听说过他们。如果你还没有,他们是一个简短的谷歌搜索。在大多数情况下,这些工具是制作精美简单网站的快捷方式。
一些技巧
请留意,最新的网站趋势往往严重依赖图像。您可能需要大量高质量、专业拍摄的照片。
专业提示:通过kraken.io网站上的工具运行这些图像。它将使图像文件更小而不会显着损害质量,这将使您的网站加载速度更快。
快速加载时间对于用户体验非常重要。常见的逻辑是,您的网站加载速度越快,访问者停留和浏览的可能性就越大。
你知道吗
您是否想知道哪些在线学习平台最适合您的职业?
结论
如何在 TL;DR 版本中从头开始创建网站?它可以很简单也可以很复杂。取决于你选择的方法。如果您决定学习编程,那将会很复杂,但最终会有所收获。
另一方面,使用众多可用的网站构建器中的一个将使该过程更容易。
如果您想要挑战,请先开始学习 HTML 和 CSS。不要购买域名或主机,只需使用浏览器打开 HTML 和 CSS 文件。使用您喜欢的增强型文本编辑器编写您的网站。
一旦您知道如何使 HTML 和 CSS 变魔术,就可以学习 JavaScript 的基础知识,用时髦的过渡效果和您可能需要的任何功能来美化您的网站。
当你有你需要的东西时,开始制作你需要的网站文件。一旦您拥有您想要的页面,请继续购买域名和主机。提供者(至少是好的提供者)将提供有关将其全部联机的教程。