宁皓网的学习路径：零基础第二阶段

第二阶段课程推荐完成期限：14 天 。在第二阶段我们要了解一款编辑器，这是你以后工作的主要工具，可以选择的编辑器非常多，一开始，我推荐大家不要在选择工具上花费太多时间，选择一款自己已经熟悉的，或者我推荐的这款编辑器，名字是 Atom。开源，可扩展，可定制，是一款现代的编辑器。

然后需要再学一下版本控制工具，名字是 Git。这是以后设计，开发，协作必备的工具，一定要学会。推荐一开始，了解 Git 在命令行下的操作。它也有图形界面，比如 Github 与 Bitbucket 都提供了图形界面的 Git 版本控制工具。

接着再学两门标记语言，HTML 与 CSS，这是网页设计的基础。非常简单，只需要记住标记的名字，使用方法，与规则就行了。没有复杂的逻辑，不需要多想，只需要理解，记住也不是必须的，只要理解就行。忘了标记的名字，记不清 CSS 属性的名字与用法都可以去搜索一下。你只需要知道自己具体要搜索什么就行了。

任务一：编辑器

编辑器，下载 Atom 编辑器。学会打开文件与目录，知道在哪里做基本的设置，安装插件与主题。一开始不用成为编辑器专家，了解个基础，能正常工作就行了。以后慢慢完善你的编辑技巧 ：）

推荐 1 天完成，最多用两天时间。

课程：

《编辑器》

任务二：版本控制

Git，一个版本控制工具。你创建了一个项目，里面会包含一些文件，你要有一种方法跟踪这些文件的变化，这就要用到 Git 。学会为项目创建仓库，提交修改，创建远程仓库，把项目推送到远程仓库上，再从远程仓库上把项目的修改拉取下来。这些是基本的操作，要求先在命令行下面完成这些任务。

推荐 3 天完成，最多用 5 天。

课程：

《Git》

任务三：HTML

了解网页上经常出现的一些 HTML 标记，比如你要在网页上添加一个标题，你可以使用 h1 到 h6 这些不同级别的标记。要添加一块内容，可以用一个 div 标记。要添加一段文字，可以使用 p 标记。引用别人的话，可以使用 blockquote。添加一段代码，可以使用 pre 标记。了解这些不同的标记的作用与意义，要搞明白这些标记真正代表的意义。比如 p 表示 paragraph ，经常用它包装一个段落的文字。

推荐 3 天完成，最多用 5 天。

课程：

《HTML》

任务四：CSS

网页上文字的字体，字号，颜色。段落的行与行的距离。区块内容的排列方式。不同元素之间的内外边距，还有它们的背景。网页元素的变化与动画效果。所有这些都跟 CSS 有关。要明白怎么把样式添加到网页上的某些元素上，也就是样式的选择器的写法，还要明白样式的应用规则，也要记住一些常用的 CSS 属性的名字，还有它们的值的类型。

推荐 7 天完成，最多用 10 天。

课程：

《CSS》