📓 学习笔记 · 编程词汇 #7 🌐

什么是网站？

网站就是放在服务器上的一堆网页，你用浏览器输入网址就能打开看！
读完这篇，你就懂百度、B站、淘宝到底是怎么"运行"起来的。

📄 一堆网页

网站是很多网页组成的集合

🏢 住服务器里

网页存在一台叫"服务器"的电脑上

🌐 有网址

每个网站都有专属地址，叫域名

👀 用浏览器看

Chrome、Safari 都能打开网站

🌐 网站到底是什么？

网站（Website）就是一堆放在服务器上的网页，通过一个网址就能访问。你可以把它理解成一个"网上之家"：里面有首页、关于我们、文章列表等好多页面。

比如你打开 www.baidu.com，看到的就是百度这个网站。它的首页是搜索框，点搜索结果会跳到别的网页，这些网页加起来就是一个"网站"。

🏠 网站 = 网上之家
很多网页住在一起

📒 网页 = 一页纸
网站里的一张内容

💡 一句话记住：网站 = 服务器上的很多网页 + 一个网址。

📄 网页 vs 网站 · 别搞混！

这两个词很容易搞混，但其实区别很简单：

📄 网页（Web Page）：网站里的"一页"。比如百度搜索结果页、B站一个视频页，都是一个网页。

🌐 网站（Website）：很多网页组成的"集合"。比如整个百度、整个B站，都是网站。

📄 1 个网页
就像书里的"一页纸"

📚 1 个网站
就像"整本书"，有很多页

💡 比喻：网页是书里的一页，网站是整本书。一本书有很多页，一个网站有很多网页。

🧩 网站的四大组成

一个能用的网站，通常需要这四样东西配合：

🎨 前端（Frontend）：你在浏览器里看到的部分。用 HTML（骨架）、CSS（衣服）、JavaScript（动作）写成。

⚙️ 后端（Backend）：藏在背后的程序。负责处理你的请求，比如登录、搜索、保存数据。

🗄️ 数据库（Database）：存东西的仓库。用户的账号、文章、视频都存在这里。

🏢 服务器（Server）：一台24小时不关机的电脑，网站就"住"在它里面，等你来访问。

💡 比喻：前端是"餐厅大堂"（你能看到），后端是"厨房"（在做饭），数据库是"仓库"（存食材），服务器是"整栋楼"。

🚀 你打开网站时发生了什么？

当你在浏览器输入 www.baidu.com 按下回车，其实发生了这样一连串事：

1 ⌨️ 输入网址

你在浏览器输入网址

2 📇 查 DNS

DNS 把网址翻译成 IP

3 📦 发请求

你的电脑找到服务器要网页

4 📤 服务器回传

服务器把网页文件发回来

5 👀 浏览器显示

浏览器把文件画成页面

💡 DNS 是啥？它就像一本"电话簿"，把好记的网址（baidu.com）翻译成电脑能懂的 IP 地址。你记不住 IP，但记得住网址，DNS 帮你转换！

🏷️ 网站都有哪些种类？

你天天用的网站，其实分好多种类：

🔍 搜索引擎

百度、谷歌，帮你找信息

🎥 视频网站

B站、YouTube，看视频

🛒 购物网站

淘宝、京东，买东西

💬 社交网站

微信网页版、微博

🎮 游戏网站

4399、网页游戏

📚 学习网站

就是你正在看的这个！

💡 小彩蛋：你正在阅读的这个笔记页面，本身就是一个网页！它和你爸爸帮你做的"知识库 index.html"加起来，也是一个"网站"哦～

🛠️ 自己写一个超简单网页

网页其实就是用 HTML 写的。下面这段代码就是一个能跑的"超简版网站"主页：

<!-- 这是网页的骨架 HTML -->
<html>
  <head>
    <title>我的第一个网站</title>
  </head>
  <body>
    <h1>欢迎来到我的网站！</h1>
    <p>这是我用 HTML 写的第一个网页。</p>
    <a href="about.html">关于我</a>
  </body>
</html>

💡 通俗解释：把这段代码保存成 index.html，再用浏览器打开，你就能看到一个标题、一段话、一个链接。这就是一个"网站"的雏形！再加几个网页互相链接，就是真正的网站了。

概念	是什么	像什么
🌐 网站	服务器上的很多网页	一本完整的书
📄 网页	网站里的一页	书里的一页纸
🏢 服务器	存放网站的电脑	网站住的"楼"
📇 域名	网站的好记地址	网站的门牌号
📇 DNS	把域名翻译成 IP	电话簿
🎨 前端	浏览器里看到的部分	餐厅大堂
⚙️ 后端	背后的程序逻辑	餐厅厨房
🗄️ 数据库	存数据的地方	仓库