Web 的构建模块 5

如果您正在开始 Web 开发之旅，那么掌握 Web 的“方式”和“原因”与学习 HTML、CSS 或 JavaScript 一样重要。

您将获得开始 Web 开发所需的所有基本知识。

互联网如何运作？

互联网是万维网的支柱，是使万维网成为可能的技术基础设施。从最基本的角度来看，互联网是一个由所有计算机组成的大型网络，这些计算机相互通信。

“互联网如何运作”的详细视频

Web 基础知识：2024 年 Web 构建模块指南

网络已经发生了巨大的发展，但其核心原则对于任何想要理解或构建数字世界的人来说仍然至关重要。本指南详细介绍了网络的基本概念，从基本定义到支持现代在线体验的技术。

1.万维网（WWW）：一个互连的信息系统

万维网，通常简称为网络，是一个由相互连接的文档和资源组成的庞大系统，这些文档和资源链接在一起并通过互联网（底层网络基础设施）。将其视为一个巨大的图书馆，信息在全球范围内共享和访问。

• 关键组件：
  • 资源： 这些是网络的构建块 - 网页、文档、图像、视频和其他数字内容。
  • URL（统一资源定位符）： 标识每个资源的唯一地址，例如网页的街道地址（例如，https://www.example.com/about）。
  • HTTP/HTTPS（超文本传输​​协议）： 控制 Web 浏览器和服务器如何交换信息的通信规则（协议）。 HTTPS 通过加密增加了一层安全性。
  • 网络服务器： 存储和提供网络资源的计算机。
  • 网络浏览器： 允许用户访问网络资源并与之交互的软件应用程序（例如 Chrome、Firefox 或 Edge）。

2. 网页、网站和 Web 应用程序：了解差异

• 网页： 单个文档，通常用 HTML 编写，可以显示文本、图像、视频和其他媒体。
• 网站： 相关网页的集合，通常在单个域名下链接在一起。将其视为一本包含多个章节的书。
• Web 应用程序（Web 应用程序）： 一种更具交互性和动态性的网站类型，提供类似于桌面或移动应用程序的功能。示例包括 Gmail、Google Docs 和许多现代社交媒体平台。 Web 应用程序通常利用 JavaScript 框架和 API 等先进技术来提供丰富的用户体验。

3. 构建网页：HTML、CSS 和 JavaScript 的三重奏

创建网页涉及三项核心技术：

• HTML（超文本标记语言）： 基础。 HTML 提供网页的结构和内容，定义标题、段落、图像和链接等元素。就像建筑物的骨架。
• CSS（层叠样式表）： 造型师。 CSS 控制网页的呈现和视觉外观，处理颜色、字体、布局和响应能力（页面如何适应不同的屏幕尺寸）等方面。就像建筑物的室内设计和装饰。
• JavaScript： 大脑。 JavaScript 为网页添加了交互性和动态行为。它支持表单验证、动画、交互式地图等功能。它就像建筑物的电线和智能家居功能一样，使其具有功能性和动态性。

4. 网络浏览器：您的网络窗口

网络浏览器是重要的软件应用程序，可让您访问万维网并与之交互。 2024 年流行的浏览器包括：

• 谷歌浏览器
• Mozilla 火狐
• 微软边缘
• 野生动物园
• 勇敢
• 歌剧

浏览器工作原理：当您输入 URL 时，浏览器会向托管该资源的 Web 服务器发送请求。服务器发回必要的文件（HTML、CSS、JavaScript、图像等），浏览器解释这些文件以在您的设备上呈现（显示）网页。

5. 服务器：Web 的动力源

服务器是专门的计算机，用于存储、处理网络资源并将其传递给客户端（例如您的网络浏览器）。服务器有多种类型，每种都有特定的角色：

• 网络服务器： 设计用于提供网页和其他网络内容。流行的 Web 服务器软件包括 Apache、Nginx 和 Microsoft IIS。它们通过 HTTP/HTTPS 处理请求，与数据库交互，并交付请求的资源。
• 邮件服务器： 处理电子邮件发送、接收和路由。他们使用 SMTP（简单邮件传输协议）、POP3（邮局协议版本 3）和 IMAP（互联网消息访问协议）等协议。
• 文件服务器： 允许用户通过网络存储、访问和管理文件。他们经常使用 FTP（文件传输协议）或 SFTP（安全文件传输协议）。

6. 数据库：组织网络信息

数据库是有组织的数据集合，可以轻松存储、检索、管理和更新信息。它们对于大多数动态网站和 Web 应用程序至关重要。

• 关系数据库（SQL）： 将数据存储在具有行和列的表中，建立表之间的关系。它们非常适合结构化数据，并使用 SQL（结构化查询语言）进行数据操作。示例：MySQL、PostgreSQL、Oracle、SQL Server。
• 非关系数据库 (NoSQL)： 以更灵活的格式存储数据，例如文档、键值对或图形。它们非常适合大量非结构化或半结构化数据。示例：MongoDB、Cassandra、Redis、Couchbase。

7. 客户端-服务器架构：Web 交互的基础

网络从根本上运行在客户端-服务器架构。

• 客户端： 您的网络浏览器，正在请求资源。
• 服务器： 存储和交付资源的计算机。

浏览器使用以下方式解释接收到的数据：

• DOM（文档对象模型）解释器： 解析 HTML 结构。
• CSS 解释器： 应用 CSS 中定义的样式。
• JavaScript 引擎： 执行 JavaScript 代码以添加交互性。

8. Web 开发的类型：前端、后端和全栈

Web 开发通常分为三个主要领域：

• 前端开发： 专注于用户界面 (UI) 和用户体验 (UX) – 用户直接在浏览器中看到并与之交互的所有内容。前端开发人员使用 HTML、CSS 和 JavaScript，通常使用 React、Angular 或 Vue.js 等框架。
• 后端开发： 处理为前端提供支持的服务器端逻辑、数据库和 API。后端开发人员使用 Python、Java、Node.js、PHP 或 Ruby 等服务器端语言以及数据库技术。
• 全栈开发： 涵盖前端和后端开发。全栈开发人员精通一系列技术，使他们能够处理 Web 应用程序的各个方面。流行的全栈组合包括 MERN（MongoDB、Express.js、React、Node.js）、MEAN（MongoDB、Express.js、Angular、Node.js）等。

9. 虚拟主机：让您的网站易于访问

网络托管 是一项使互联网上的用户可以访问您的网站或 Web 应用程序的服务。网络托管提供商在其服务器（数据中心）上提供空间来存储您网站的文件并使其 24/7 可用。流行的托管选项包括共享托管、VPS 托管、专用服务器和云托管。

感谢您的宝贵时间。

以上是Web 的构建模块 5的详细内容。更多信息请关注PHP中文网其他相关文章！