喜欢您来！

写在前面

  1. 笔者有点忙而且经常咕咕，如果在看教程的过程中遇到任何问题/报错，请优先考虑使用搜索引擎。

  2. 笔者的水平有限，如果在教程中发现有任何错误，可以及时反馈，并请海涵。

  3. Web开发和高等数学之类的科目并不相同，因为Web开发的难点不在于其深度，而在于其广度——即开发过程中涉及到的众多概念和工具。所以只要对Web有足够的热情并持续不断练习，每个人都可以成为Web大师。

开始之前

在开始Web旅程之前，你需要在电脑上安装一个合适的编辑器及一个足够现代的浏览器。

Web开发推荐的浏览器包括Chrome、Firefox、Microsoft Edge，对浏览器版本的要求不是很高，只要不是太古老的就行。

相对浏览器而言，编辑器的选择更加五花八门，一些常见的编辑器如下：

  • Visual Studio Code (推荐)
  • Sublime Text
  • Atom
  • 记事本

你也可以使用以下IDE``集成开发环境(Integrated Development Environment)：

  • Webstorm
  • Visual Studio

第一个网页

第一个网页非常简单！只需要两步：

  1. 创建一个名为index.html的文件
  2. 把网页的内容写进去！

如果你正在用Windows系统，你可以先创建一个名为index.txt的文本文档，然后把名字改成index.html。

如果你正在用macOS或者Linux系统，你可以通过以下命令创建：

1

touch index.html

网页的内容如下：

1
2
3
4
5
6
7
8
9

<!doctype html>
<html>
<head>
    <title>Wow! Web!</title>
</head>
<body>
    <h1>Hello, world!</h1>
</body>
</html>

将刚刚写好的网页保存，然后用浏览器打开，你应该能看到下面的页面。

好耶

恭喜你已经完成了第一个网页！尽管这个网页和我们平常看到的有那么亿点点不一样，但是你已经在Web开发的道路上迈出了第一步！