2020年网站开发零基础学习指南

零基础学习有点像从消防水带喝水，大量的水肯定会灌您一头的水。本文可以让您慢慢熟悉领域并对其感兴趣，但这绝不是一本全面的手册。

在本文中，我们将介绍网站开发的基本知识，网站的创建过程以及为那些想了解更多有关开发的知识。

什么是网站开发？

网站开发是指建立网站的工作。这可能适用于从创建单个纯文本网页到开发复杂的网站应用程序或社交网络的所有内容。

虽然网站开发通常是指Web标记和编码，但它包括所有相关的开发任务，例如客户端脚本，服务器端脚本，服务器和网络安全配置，电子商务开发以及内容管理系统（CMS）开发。

现在，我们已经定义了网站开发，让我们回顾一些网站开发基础知识，以使您更好地熟悉该主题。

1.什么是网站？

网站是存储在服务器上的文件，服务器是托管（称为“存储文件”的）网站的计算机。这些服务器连接到称为互联网或万维网的巨型网络（如果我们坚持使用90年代的术语）。在下一节中，我们将详细讨论服务器。

浏览器是通过您的互联网连接加载网站的计算机程序，例如Google Chrome或Internet Explorer。您的计算机也称为客户端。

2.什么是网际协议（IP）地址？

Internet协议是一组管理互联网上交互的标准。

要访问网站，您需要知道其IP地址。IP地址是唯一的数字字符串。每个设备都有一个IP地址，以区别于通过互联网连接的数十亿个网站和设备。

的IP地址是121.40.71.49。您可以使用Windows上的“命令提示符”或MacBooks上的“网络实用程序”>“Traceroute”或访问站点24x7之类的网站来找到任何网站的IP地址。

要查找设备的IP地址，您还可以在搜索引擎中键入“IP”。

虽然您可以使用其IP地址访问网站，但大多数互联网用户更喜欢使用域名或搜索引擎访问。

3.什么是超文本传输协议？

超文本传输协议 （HTTP）将您和您的网站请求连接到容纳所有网站数据的远程服务器。这是一组规则（协议），用于定义如何通过互联网发送消息。它允许您在网站页面和网站之间切换。

当您在Web浏览器中键入网站或通过搜索引擎搜索内容时，HTTP提供了一个框架，以便客户端（计算机）和服务器通过互联网相互进行请求和响应时可以说相同的语言。从本质上讲，它是您和互联网之间的翻译器-读取您的网站请求，读取从服务器发送回的代码，并以网站的形式为您翻译。

4.什么是编码？

编码是指为服务器和应用程序编写代码。之所以称为“语言”，是因为它由与计算机进行通信的词汇和语法规则组成。它们还包括只能由设备和程序读取的特殊命令，缩写和标点符号。

从某种意义上说，开发人员也是翻译人员。

所有软件都至少使用一种编码语言编写，但是它们都根据平台，操作系统和样式而有所不同。有许多不同类型的编码语言……所有这些都可以分为两类（由两种不同类型的开发人员编写）—前端和后端。

5.什么是前端？

前端（或客户端）是您作为互联网用户看到并与之交互的网站或软件的一面。当网站信息从服务器传输到浏览器时，前端编码语言使网站可以正常运行，而不必不断与互联网“通信”。

前端代码允许像您和我这样的用户与网站进行交互并播放视频，扩展或最小化图像，突出显示文本等等。从事前端编码的网站开发人员从事客户端开发。

在下一节中，我们将详细介绍前端开发。

6.什么是后端？

后端（或服务器端）是您使用互联网时看不到的一面。它是数字基础设施，对于非开发人员来说，它看起来像一堆数字，字母和符号。

后端编码语言比前端语言更多。这是因为浏览器（在前端）只能理解JavaScript，而服务器（在后端）可以配置为（几乎）理解任何语言。接下来，我们将介绍有关后端开发的更多信息。

7.什么是内容管理系统？

内容管理系统（CMS）是Web应用程序或用于创建和管理Web内容的一系列程序。注意：CMS与站点构建器（例如阿里云建站或百度云建站）不同。

虽然不需要建立网站，但使用CMS肯定更容易。它提供了构建块（如插件和附加组件），并允许您使用代码创建结构。CMS通常用于电子商务和博客，但它们对所有类型的网站都很有用。

现在，为什么网站开发很重要？

您可能是企业主，雇用自由开发人员来构建您的网站，营销人员会向您的开发团队介绍愿景，或者是一个将发展视为职业的学生。无论您是谁，或者为什么要阅读本指南，在这个技术驱动的世界中，了解网站开发的基础知识都将有所帮助。

互联网不会很快消失。实际上，它已成为全球研究，连接，教育和娱乐的门户和主要方法。

截至2019年，全球有42亿互联网用户。这是世界人口的一半以上，这些人出于各种原因而使用互联网。

这些原因的共同之处是什么？他们需要一个网站，并且每个网站都需要一个熟练的网站开发人员。

网站开发也是一个快速发展的行业。从现在到2028年，网站开发人员的就业预计将增长13％。这比大多数其他技术职业要快得多。

无论您是想雇用一名网站开发人员还是成为一名网站开发人员，您都应该了解开发人员可以掌握的不同类型的网站开发-我们将在下面进行介绍。

这些不同类型的网站开发主要是指网站开发人员可以从事的职业的不同领域-我们在上一节中提到了其中一些。这些区别中的某些重叠，通常网站开发人员将掌握多种类型的网站开发。

1.前端

前端开发人员在网站，程序和软件的面向客户端或用户的一侧工作。他们设计和开发视觉方面，包括布局，导航，图形和其他美观。这些开发人员还致力于他们正在开发的任何项目的用户界面和用户体验。

2.后端

后端开发人员在网站，程序和软件的服务器端工作。这些开发人员在服务器，操作系统，API和数据库等系统中工作，并管理安全性，内容和站点结构的代码。

3.全栈

全栈开发人员在网站的前端和后端都可以工作。他们可以从头到尾创建一个网站，应用程序或软件程序。

4.网站

网站开发人员是前端，后端或全栈开发人员的同义词。但是，这些专业人员专门从事（与移动应用程序，桌面软件或视频游戏相对）。

5.桌面

桌面开发人员专门研究构建可驻留在桌面上的软件，例如Mac OS，Windows等。

6.手机

移动开发人员构建生活在诸如智能手机或平板电脑之类的移动设备上的移动应用程序。这些工具与其他网站和软件程序的操作方式大不相同，因此需要一套单独的开发技能。

7.游戏

游戏开发人员专注于为视频游戏，控制台游戏（Xbox，PlayStation等）和移动游戏编写代码，这使该专业可以与移动开发有所重叠。但是，游戏开发人员具有特定的技能来构建互动的，引人入胜的游戏体验。

8.嵌入式

嵌入式开发人员可以使用非计算机的所有硬件。其中包括电子接口，消费类设备，iOT设备，实时系统等。随着iOT和连接设备的最近兴起，这种开发技能正变得越来越流行和需求。

9.安全性

安全开发人员建立用于软件程序或的方法和过程。这些开发人员通常以安全人员的身份工作，并构建发现和消除安全风险的系统。

现在，让我们深入研究网站开发过程（其中涉及许多此类开发）。

网站开发流程

创建网站的过程并不像1-2-3那样简单。每个开发路径根据网站类型，编码语言和资源而有所不同。

以下部分简要概述了网站开发过程，并简要介绍了最常用的语言和CMS选项。

规划您的网站并创建站点地图

所有网站都以计划开头。开发人员将此计划称为线框或站点地图（不要与sitemap.XML混淆，sitemap.XML是一个文件，可帮助SERP爬行并找到您的站点）。它不一定是正式文件；这只是您网站的愿景，它将为您和您的开发人员提供方向和起点。您可以在白板上绘制它，也可以使用Invision，Slickplan或Mindnode之类的工具。

就像商业计划可以使潜在的投资者洞悉您的目标和可交付成果一样，站点地图也可以使开发人员了解您所描绘的内容以及实现愿景所需的信息。您可以自己创建站点地图，也可以与开发人员合作。

在规划网站时，这里有几个问题要问自己。

• 您想要什么单个页面？这些页面上会有什么内容？
• 您如何将这些页面分类？（这些类别可能代表您的主页菜单-如果这样有助于您进行思考。）
• 您网站上页面的层次结构是什么？
• 页面将如何链接在一起？
• 哪些页面和类别对您的网站和用户体验至关重要，哪些页面和类别可以删除或合并？

编写网站代码

网站开发过程的下一步是编写代码。

开发人员将为网站的前端和后端以及网站的不同功能（例如设计，交互性等）使用不同的编码语言。这些不同的语言可以共同构建和运行您的网站。

让我们从最常用的语言开始。几乎每个网站都同时使用这三个网站，您的网站也可能会一起使用。

HTML

自1990年代以来就开始使用超文本标记语言（HTML）。它是所有网站的基础，仅代表创建网站所需的最低限度。（是的，您可以创建一个仅包含HTML的网站。不过，它看起来并不漂亮。）

CSS和JavaScript之类的语言增强和修改了HTML代码构建的基本站点结构。HTML5是最新版本，并支持跨平台浏览器功能，使其在移动应用程序开发中很受欢迎。

CSS

级联样式表（CSS）于1990年代后期开发。它向网站添加了诸如排版，颜色和布局之类的设计元素；这是化妆品代码。

CSS使开发人员可以转换您的网站，使其与您为网站设想的外观相匹配，并且与HTML5一样，CSS与所有浏览器兼容。

JavaScript

JavaScript是编码语言的基础。JavaScript创建于90年代中期，用于向网站添加功能。开发人员可以使用它来添加动画，在某些页面中自动执行任务以及添加可增强用户体验的交互式功能。

JavaScript正在迅速发展。JavaScript一度被认为是一种“玩具”语言，如今已成为世界上使用最广泛的编码语言。在Node.Js的帮助下，它现在是一种后端编码语言。它是浏览器可以理解的第一门语言，甚至有人甚至讨论了将机器学习应用于它。

HTML，CSS，JavaScript是网站开发的“三巨头”。几乎每个网站都以某种方式使用它们。还有许多其他语言，例如Java，C ++，Python和SQL之类的服务器端语言，但是了解这三种语言是您网站开发知识的基础。

建立网站的后端

编写代码可能是网站开发中较复杂的部分之一，但它并不是唯一的组成部分。您还必须构建后端和前端站点的结构和设计。

让我们从后端开始。

后端处理启用前端功能的数据。例如，Facebook的后端存储了我的照片，以便前端可以允许其他人查看它们。它由两个主要部分组成：

• 数据库，它负责存储，组织和处理数据，以便可以通过服务器请求进行检索
• 服务器，这是组成计算机的硬件和软件。服务器负责发送，处理和接收数据请求。它们是数据库与客户端/浏览器之间的中介。实际上，浏览器将告诉服务器“我需要此信息”，并且服务器将知道如何从数据库中获取该信息并将其发送给客户端。

这些组件共同为每个网站奠定基础。

作为构建您的网站，后端开发人员将建立三件事情。

1. 您的逻辑代码，本质上是关于网站如何响应某些请求以及网站对象如何交互的一组规则。
2. 您的数据库管理，这是你的网站将如何组织，管理和检索它的数据。
3. 您的基础架构，这就是您网站的托管方式。托管您自己的站点将为您提供更大的控制权，但是成本更高，并且需要您维护自己的服务器运行状况和安全性。

有了这些组件和决策，您的网站就可以进行前端开发了。

注意：后端与网站开发有些关系，因为如果不存储任何数据，则不一定总是需要后端。在这种情况下，“数据”是指您需要保存和保留的所有用户输入的信息。考虑登录网站。如果他们没有后端，他们将如何记住您的登录信息？或您的个人资料设置是什么？要获取此信息，您需要一个后端。

例如，微信需要知道“朋友”列表中的人，您加入的活动，您创建的帖子等等。这就是所有存在于数据库中的“数据”。如果他们没有数据库后端，那么他们将无法访问这些数据。

另一方面，一个纯粹的信息网站，不需要用户输入任何数据的网站就不需要后端。

因此，如果您没有数据，则不一定需要进行后端开发。但这并不是说您不应该学习基础知识。您永远不知道何时需要它。

建立网站的前端

如果您曾经涉足网页设计或喜欢WordPress，DedeCMS或PHPCMS中的网站，那么您就接触过前端网站开发。

前端的东西很重要-它是您的访问者，客户和用户看到的东西以及他们将如何使用您的网站。

前端（或客户端）开发包括JavaScript，HTML和CSS的组合。它还控制诸如排版和字体，导航，位置以及浏览器兼容性和响应性之类的组件。此部分将反映您最初的现场构想以及包含在线框中的内容。

随着技术和消费者偏好的变化，客户端编码趋向于过时……比后端开发快得多。这是编码资源派上用场的地方。

使用CMS

为什么有人选择CMS而不是“手工”或“从头开始”编码？嗯，CMS更易于使用（您必须编写更少的代码），并且它通常具有围绕网站托管的工具。另一方面，它的灵活性较差，因此，您对前端的控制较少。

CMS选项通常还包括无需编写后端的插件。例如，有一些用于电子商务的WordPress插件，因此，您无需使用复杂的后端来向客户的信用卡收费，您就可以使用现有的插件，而根本不需要处理数据库和服务器端代码。

取得域名

此时，您的网站将具有IP地址。它还需要一个域名，您的访客可以使用该域名来找到您的网站。

也许您听说过阿里云和新网等网站。这些服务可帮助您购买域名并向ICANN（互联网名称与数字地址分配机构）注册。大多数域名注册有效期为一年，然后您需要续订。

深入网络开发

互联网在这里留下来。每天都在变得越来越好，网站开发人员站在这些创新和改进的最前沿。从我们的网站到您最喜欢的社交网络，再到您在手机上使用的应用程序，网站开发几乎涉及到您的每一天以及您的业务。花时间了解编码和编程，不仅可以扩大您的知识面，而且在未来需要做网站时不至于一窍不通。