Web 入门

创建一个专业的网站需要大量的工作，因此如果你是 Web 开发的新手，我们会鼓励你从小事做起。虽然你无法立刻再建一个 Facebook，但是做一个简单的网站并不难，我们将由此开始。

通过学习下列的文章，你将从零开始获得第一个在线网页。让我们开始旅程吧！

安装基础软件

说到建设网站的工具，有很多可供选择的。如果你初入门径，你可能会被外面一系列的代码编辑器、框架和测试工具所迷惑。在这篇文章中，我们将一步一步地教你如何安装开始基础的 Web 开发所需的软件。

你的网站会是什么样子？

在你开始为你的网站写代码之前，你应该先计划一下。需要展示什么信息？使用什么字体和颜色？我们概述了一个简单的方法，你可以按照这个方法来规划网站的内容和设计。

处理文件

一个网站由很多文件组成：文本内容、代码、样式表、媒体内容，等等。在建立网站时，你需要将这些文件以合理的结构组合起来，并确保它们能够相互交流。本文将讲解如何为网站建立合理的结构以及相关注意事项。

HTML 基础

超文本标记语言（HTML）是用于构建 Web 内容并赋予内容含义和目的的代码。例如，这个内容是段落还是列表？页面中是否插入图像？是否要有数据表格？在你的接受能力之内，这篇文章将提供足够的信息让你熟悉 HTML。

CSS 基础

层叠样式表（CSS）是用于为网站添加样式的代码。例如，你希望文本是黑色还是红色？内容应该绘制在屏幕的什么地方？应该用什么背景图像和颜色装饰你的网站？在这篇文章中，我们将带你学习入门所需的知识。

JavaScript 基础

JavaScript 是用于为网站添加交互特性的编程语言。例如，游戏、按钮按下或在表单中输入数据时会发生的事情、动态的样式效果、动画，等等。在这篇文章中，我们将让你了解这门令人兴奋的语言的潜力，以及如何入门。

发布你的网站

一旦完成了代码编写和构成网站的文件的组织工作，你就需要把它们全部放在网上，这样人们才能找到它。这篇文章描述如何以最简便的方式将你的简单示例上线至网络。

万维网是如何工作的

当你访问最喜欢的网站时，有很多你可能不知道的复杂的事情正在后台发生。本文将概述在电脑上浏览网页时正在发生的事情。

前端开发者职业道路 ^{MDN 课程合作伙伴}

Scrimba 的前端开发者职业道路教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式课程和挑战、有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作！许多课程有单独的免费版本。

Web 解密

由 Jérémie Patonnier 创建的一系列很棒的解释 Web 基础知识的视频，面向的是 Web 开发的纯新手。

Web 和 Web 标准

这篇文章提供一些实用的和 Web 相关的背景故事——Web 是如何诞生的、什么是 Web 标准技术、Web 和 Web 标准技术是如何一起工作的、为什么“Web 开发者”是一个很好的职业选择，以及在课程中你将学习什么样的最佳实践。