Web开发基础(初学者指南)

Web开发可能是一个难以掌握的概念，特别是如果您不熟悉该行业或不确定其中的内容。web开发到底是什么?它是如何工作的?你如何决定你的项目是否需要它，或者你需要雇佣什么样的web开发人员?本指南将解释web开发的所有基础知识，并将分解web开发人员如何以及为什么做他们的工作。

Web开发基础

1.什么是网页开发?

Web开发是指为互联网或内部网构建网站的非设计方面。这些任务可能包括构建静态登录页面、构建动态和交互式网页、编码、内容开发、测试和发布后的质量保证。开发人员主要负责两个方面:前端开发和后端开发。前端开发人员处理事物的外观，例如设计和交互，而后端开发人员则通过实现数据库、服务器或其他使事物顺利运行所需的服务器端元素来关注事物的工作方式。

在较大的公司和企业中，web开发过程将由图形设计师、客户联络服务、服务器维护、网络安全专业人员和网络工程师提供支持。较小的企业可能有2 - 3人的内部团队或单一的合同开发人员。

2.为什么网站开发如此重要?

网站有许多活动部件。它们的设计方式不仅会极大地改变它们的内容，还会极大地改变它们的行为、持续使用的便利性和稳定性。由于这些原因和大量相关的原因，高质量的web开发是极其重要的。

安全注意事项

网站存在于一个充满恶意软件感染和骗子的虚拟环境中。为了确保你的网站是安全的，这些以及许多其他的安全和稳定性的考虑都需要妥善处理。

性能考虑

如果页面加载时间慢，或者网站功能不完整或不可靠，你的网站会立即吸引负面反应。任何沮丧的时刻都不应该打断和破坏潜在客户通过你的数字内容的旅程。

3.Web开发基础

对于那些想了解更多关于网站开发的人来说，了解网站如何构建的几个关键元素是很关键的。网站和web应用程序设计通常分为两个主要部分;前端和后端。网站的前端(用户与网站交互的地方)被称为客户端脚本语言，通常是HTML或CSS(用于制作网站的语言)。然后计算机处理器接受这些页面设计并解释它们，以便在你在线浏览这些网站时给你一种互联网体验。这些编码语言允许用户和开发人员拖放不同页面的元素，这样他们就可以在他们选择的特定页面/位置上创建或编辑内容。

现在，让我们花点时间来明确一些技术术语，并奠定如何将这些概念组合在一起的基础。

什么是互联网?

因特网是一个由数百万个相互连接的计算机网络和系统组成的系统。这些网络由物理电缆和无线连接组成，在任何给定的时间都有许多设备在上面运行。互联网的历史可以追溯到1969年，当时英国计算机科学家蒂姆·伯纳斯·李(Tim Berners-Lee)提出互联网是大学共享信息的一种方式。伯纳斯-李后来创立了万维网联盟(W3C)，该组织为我们如何使用和访问在线数据建立标准。如今，大多数大型企业都有自己的网站，通常可以通过谷歌或必应等搜索引擎访问。

什么是网络?

Web是一个通过客户机-服务器架构中的计算机网络访问的相互链接的超文本文档系统。网页的性质允许您整合和链接来自web服务器上多个来源的信息。超文本文档包含文本、图像或到其他文档的链接，通常由统一资源定位器(url)标识。网络浏览器将这些文件显示在电脑屏幕上，并允许你与它们进行交互。客户端脚本允许作者创建响应用户操作和交互的动态内容，而不是依赖于服务器端脚本的预设响应。

什么是IP地址?

为了让信件到达预定的收件人，寄信人需要知道他们的街道地址。互联网协议IP地址也有类似的功能。IP地址是一串以点分十进制格式表示的唯一数字，它允许网络上的计算机准确地识别并访问一个网站的位置。

HTTP是什么意思?

超文本传输协议(HTTP)是一组商定的规则，指导如何在线访问数据。然而，HTTP关心的不是数据的位置，而是数据是如何形成的。HTTP是一种公认的语言，指导计算机如何请求网站数据，然后对这些请求做出响应。每次您访问以HTTP前缀开头的网站时，您的浏览器和托管服务器都在交换HTTP语言。然后，您的浏览器将数据“翻译”为可读的格式。

前端是什么意思?

网站的前端就是你所看到的。想想当你在维基百科上查找一页时会发生什么。你输入搜索词，你就会看到一个简洁、易于阅读的主题概述，以及围绕内容的导航元素。你在页面上阅读和互动的一切都是前端。

后端是什么意思?

一个网站的后端包含了那些使网站正常运行的数字组件。对于普通的计算机用户来说，组成页面的编码后端看起来是一个很大程度上难以辨认的字母、数字和符号块。

什么是HTML?

HTML是超文本标记语言(HyperText Markup Language)的缩写，是用于构建网页的两种编程语言之一。Web页面是使用HTML和CSS(级联样式表)构建的。两者一起工作来定义文本和图片在屏幕上的显示方式。如果没有HTML，浏览器将无法正确显示您的网站。这就像建造一座没有蓝图的房子;这在技术上是可行的，但并不可取。

什么是CSS?

层叠样式表是一种与HTML一起工作以使网站看起来更好的语言。它们可以被认为是样式表，因为它们包含CSS，这基本上是你网站的风格。每个网页都需要CSS来工作，但大多数人不知道如何编写它。获得css的方法有很多——你可以从其他网站购买主题和模板，或者你可以雇佣其他人为你创建它们——但最好的方法之一是学习如何自己做，这样你就可以完全控制你的网站的外观。因为学习基本的CSS不会超过一个小时，所以没有理由不去尝试一下!

JavaScript是什么?

JavaScript是一种在web浏览器中运行的开源、多平台脚本语言。它使网页具有交互性。如果没有它，你将浏览一个完全不同的互联网——充斥着无聊的文本和其他网站的链接。当今世界，企业必须在各个层面上从竞争对手中脱颖而出。有了JavaScript，就可以构建高性能的体验来帮助实现这一目标。

HTML、CSS和JavaScript是如何协同工作的?

HTML为网页提供结构，CSS提供样式，JavaScript增加功能。这些都是一个成功网站的重要组成部分，因为它们都协同工作。有时你只需要一两个，但其他时候你可能需要所有三个。例如，当您在文本编辑器中创建一个新的HTML文档时，它将被保存为HTML，并包含一些额外的元数据，使您的浏览器知道它应该显示在屏幕上的哪个位置。一旦您将该文件保存为HTML并在您选择的浏览器中查看它，您将只看到代码，除非您告诉浏览器应该强调哪些元素或它们应该有什么颜色。

CMS是什么?

一个内容管理系统CMS是一组工具，旨在使构建和维护网站的过程更容易。他们可能会使用一套CMS工具来加速和简化构建网站页面的过程，而不是一个网站开发人员从头开始编码每个页面。例如,使用CMS，网站开发人员可能会对网站上的每个页面应用统一的格式模板．导航元素、排版和按钮行为都将由CMS处理，这样网站构建者就不必在每次启动新页面时都重复这些任务。

什么是网络安全?

网络安全是保证在线数据以及存储这些数据的计算机系统安全的过程。网站很容易受到网络攻击，因此确保其数据和结构的安全是当务之急。这既保护你作为网站的主人，也保护你的网站访问者。

4.web开发有哪些不同类型?

Web开发不是一个过程。虽然这不是一个详尽的列表，但这里有三种主要的web开发类型。

前端开发

这种形式的web开发侧重于用户(广义上说，你的受众)通过你的网站看到和与之交互的内容。这包括网站视觉组件的设计，如页面布局、导航菜单、图形设计和排版。它还包含了构建引人注目的用户体验这一更无形的实践。因此，前端开发人员通常会在了解客户的企业身份和商业目标方面投入大量资金，并利用这些信息来构建一个有效补充这些特征的网站。

后端开发

一个网站的后端指的是用户使用的许多系统不看看他们是如何与你的网站互动的。例如，您的网站的后端可能包括一个联系人数据库，以帮助他们识别员工联系人，一个电子商务解决方案来处理支付，以及一个安全软件安装，以保护用户访问您的网站。后端网站开发往往不太关注美观的改进，而更关注于构建健壮可靠的代码，这些代码可以在日常的基础上易于维护和管理。

完整的开发

这里的术语“堆栈”指的是在你的网站上执行某个功能所需的不同技术和系统的分层。例如，设想一个允许客户购买产品的页面。这个数字资源将包括页面本身，适当地设计，以反映您的企业形象。在这之下，电子商务购物车软件将处理购买。在这之后，一个安全模块监控流量并保护您的网站免受恶意软件的侵害。一个全堆栈的web开发人员应该精通所有这些系统，并能够将它们一起开发，以便它们能够无缝地通信。

找一个网站开发人员

5.网站开发过程

在本节中，我们将看看所有这些因素是如何结合在一起形成一个网站开发过程的。这是一个好主意去追求每一个步骤，反过来，只有当你满意你有一个坚实的基础来建立一个新的阶段。

步骤1。评估情况、目标和需求

开发网站和制定商业计划很相似。您的构建模块包括了解您的财务状况(或预算)，对可用资源和技术有一个清晰的了解，以及如何随着时间的推移部署这些资源和技术的计划。

你的目标是制作一个预算时间表，以及一个简明的分析，描述你想要你的网站实现什么，以及为什么。以下问题可以帮助你集中评估情况:

• 你网站的主要目标是什么?

• 你的目标受众是什么？为什么他们会访问你的网站?

• 你的内容会是什么样子?它将如何组织?

• 你要花多少钱?

步骤2。创建技术策略

在网站开发开始之前，你应该评估你当前的技术以及如何使用它们。这一策略应该包括详细描述你收集的数据类型以及你为经营业务而使用的数字服务。它还应该准确地捕获指导技术如何增强业务的法规需求、策略和工作流。

步骤3。创建线框和站点地图

下一步是开发人员构建线框和站点地图。线框是一种非编码的布局，它显示了网站的外观和行为。站点地图是内容组织方式的蓝图。在这个过程的这一点上，还没有编写代码，所以这是一个创造性思考的完美时间。在这个过程的后期，更大的创造性改变会变得更加困难，所以不要急于这一步。

步骤4。编写网站代码

一旦对网站的总体设计达成共识，开发人员将开始编写代码。这通常需要一定程度的初始前端和后端编码，但在早期开发阶段，最主要的重点是指导用户体验的广泛设计元素:主要是导航和页面布局。在整个网站设计过程中，我们将提交一系列的草稿供您阅读和反馈。

第5步。构建网站的后端

通常只有当程序员确信他们的工作具有稳定的期望时，才会开始编写后端。这是网站开发过程中比较复杂和复杂的部分之一，在这个阶段，当后端开发人员通过许多编码需求来指导网站的行为时，这个过程“安静下来”是很常见的。

步骤6。优化你网站的前端

随着后端功能的正常运行，你的网站开发团队现在可以更详细地关注前端，有效地将用户界面“皮肤”置于你的网站将使用的所有工具之上。到目前为止，对于站点的外观和感觉应该有一个强烈的共识，所以此时您收到的草案可能更多地是关于微调而不是重大更改。

步骤7。获取域名

你可能已经有了几个选择，或者你可能需要与你的开发人员合作来获得新的域名。无论哪种方式，此时您的站点将被迁移到它的永久服务器上，即使它暂时对公众保持不可见，直到准备好启动。

步骤8。测试

你现在处于网站开发的最后阶段。根据项目的大小，这时可能会有专门的测试工程师来严格测试站点的各个方面。或者，您的开发团队和整个公司的员工现在可能开始仔细测试每个页面。这通常不仅包括对每个编码特性的测试，还包括对副本的详细编辑，以确保您的语言干净、引人注目且与品牌一致。

第9步。发布(或上线)

在开发的最后几天，大部分注意力都转移到你的PR团队(如果你有的话)或管理你的业务公众形象的人身上。他们通常会向你的客户群宣布发布日期，甚至可能在发布会当天进行促销活动来吸引人们的兴趣和注意力．

发射前的准备工作是一个紧张而令人兴奋的过程。然而，重要的是要注意网站需要持续的维护和升级。明智的做法是与开发者一起规划这些投入，并相应地进行预算。

结论

在本指南中，我们探索了网站开发是如何工作的，定义网站开发过程的基本定义，以及许多不同类型的web开发人员，以及这些专家如何从事他们的工作。以此为基础，我们接着谈到了如何规划自己的网站开发过程，从一个广泛的概念开始，逐步发展到一个经过全面测试和准备发布的产品。

我们希望你现在感觉装备好了，准备好找到一个开发人员谁可以把你的激动人心的网站想法转化为一个实际的和引人注目的产品。