你的第一个网站
本模块将向您介绍 Web 开发的实际操作。您将收集所需资源并编写代码来构建一个简单的网页，然后将其发布给全世界观看。
创建专业的网站需要大量工作，因此如果您是 Web 开发新手，我们鼓励您从小处着手。您不会立刻就构建出另一个 Facebook，但创建一个属于自己的简单在线网站并不难，所以我们将从这里开始。
预备知识
本模块假定您对 Web 技术没有任何先验知识，但您应该已经熟悉使用您的操作系统，包括文件系统和浏览网页。您应该已经安装了代码编辑器和多个 Web 浏览器。
如果情况并非如此，我们建议您先完成 环境设置 模块。
教程
- 您的网站会是什么样子？
-
在开始编写网站代码之前，您应该先进行规划。您要展示什么信息？您将使用什么字体和颜色？在这里，我们将概述一种您可以遵循的简单方法来规划您网站的内容和设计。
- 创建内容
-
HTML (HyperText Markup Language) 是用于构建网页及其内容的结构化代码。例如，内容可以组织在一组段落中、一个项目符号列表或使用图像和数据表格。本文档提供了对 HTML 及其功能的初步了解，并向您展示了如何为您的第一个网站创建基本内容。
- 设置内容样式
-
CSS (Cascading Style Sheets) 是用于美化 Web 内容的代码。美化内容部分将指导您开始所需的一切。我们将回答诸如：如何将文本设置为红色？如何在（网页）布局的特定位置显示内容？如何用背景图像和颜色来装饰我的网页？
- 添加交互性
-
JavaScript 是一种为网站添加交互性的编程语言。这体现在游戏、按钮按下时的响应行为、表单中的数据输入、动态样式、动画等方面。本文档将帮助您开始使用 JavaScript，并加深您对可能性的理解。
- 发布您的网站
-
一旦您完成了编写构成您网站的代码和组织文件，您就需要将其全部上线，以便人们能够找到它。本文档解释了如何轻松地将您的示例网站上线。
另见
- 前端开发人员职业路径 MDN 学习合作伙伴
-
Scrimba 的 前端开发人员职业路径课程教授您成为一名合格的前端 Web 开发人员所需的一切，包含有趣的互动式课程和挑战、知识渊博的老师以及支持性的社区。从零基础到获得您的第一份前端工作！该课程的许多组成部分都有独立的免费版本。