猫史档案馆

       因为近期本人开辟了第二语言（毕竟光会个Python也不行啊2333），本着复习巩固+多帮助大家的理念，就来了这么一个栏目

       废话少说，让我们直接进入正题吧：

——————————————

       因为题目就是“做网页”，所以说我们的主要学习内容包含但不限于H喵L、CSS与一点JScript

       到后期，可能还会给一些github的教程，要不然光自己看自己做的网页的多没意思啊

       因为是“从零开始”，所以只能从一开始的理论知识开始

       当然，毕竟光学这些枯燥无味的知识也没意思，我们将会在学习的同时一步步构建自己的网页

       到最后你回首时，看见自己的所有知识点都被融合成了一个精华网页，该是多么的激动与欣慰啊

       （又有点扯远了2333）

       首先，让我们了解一下一个最基本的网页是怎样构成的：

       拿编程猫的网页来说，可以基本分为三部分：

       H喵L的基本结构、CSS的绚丽外观、以及JScript的动态交互

       比如：H喵L的作用，就是指定了最顶上是目录、中间是这个帖子、下面是评论区

       CSS呢，就是给这个目录弄成金闪闪的颜色、旁边再加上一些图案装饰

       JScript用于处理你的动作，也就是回帖、跳转链接之类的变化

       那有人就要问了：要想做一个网页，必须要三者全会吗？这岂不是要劝退的节奏？

       因此，嗯哼君就明确跟大家说了：其实他们，一点也不难！比起那些C++、Java之类的编程语言，真是十分简单了……

       （PS：另外说一声，H喵L严格地说不能算是编程语言。他只是用来解释你这个代码是什么意思，编译器是浏览器。这也是为什么你不用去下载Dev-C++之类的软件的原因，只要有浏览器就OK）

       我们学习的顺序，是H喵L→CSS→JScript（也许吧）。

       不过很多时候，教程只会讲一些皮毛。要想深入学喵一门语言的话，还请移步那些专业的教材网站哦

       接下来，就让我们做好准备，开启做网页的大门吧——

——————————————

一、Dw准备

       工欲利其事，必先利其器

       虽然我们可以用txt写代码，但是一个好的IDE还是很有用的

       很多人推荐vsc（Visual Studio Code的简称）、notepad++之类的软件。我也都试了一下，各有利弊吧。

       衡量以后，我就果断选择了Dw（Adobe Dreamweaver的简称）。要问为什么？因为Dw本来就是面向于网页制作的。他可以提供代码、分屏及实时预览三种模式，还有自动补全、代码纠错、自动导入等等功能，仿佛是专门为做网页设计的似的。

       在此，我也不做硬性要求。我希望大家能分别尝试一下当前主流的几款IDE，做出自己的选择（当然，以后我的教程截图会用Dw。基本的功能都是互通的，有不会的地方也可以提出来）

       上述介绍的三个IDE，前两者都是免费的。但是Dw是付费，为此我们就需要去搜一些“绿色版”（你懂得的）

       下载完后打开，按照提示一步步完成配置。我放一下最终界面，如果你和我的一样，那么恭喜你：你已经做好学习H喵L的准备了！

       下一节课，我们将会学习如何去做一个最简单的网页，并且立竿见影（这倒是H喵L的一个好处之一）

       假若有什么困难，可以随时在评论区问我，我会一一回答的

       OK，本节课到此为止，十分感谢您的阅读！

 

       （PS：如果实在找不到绿色版的话，我也可以放出网盘）