第43章 Notepad++网页编辑

参与人数1

本帖最后由 lee_st 于 2018-1-3 16:12 编辑

转帖

本章节为大家讲解网页编辑软件的使用。当前可用于Web前端的编辑器超多，而且都非常好用，比如代码提示、语法高亮和加速工程编辑的插件等，统统具备。我们教程选用Notepad++，本章节就为大家讲解Notepad++编辑HTML。

43.1 初学者重要提示

43.2 网页编辑软件介绍

43.3 使用Notepad++制作简单网页方法

43.4 用Notepad++调试网页方法

43.5 Notepad++结合Zen Coding快速编辑HTML

43.6总结

lee_st · 2018-1-4 09:16:09

43.1 初学者重要提示

Notepad++支持在线安装插件和离线安装插件，如果大家的网络环境不好的话，建议选择离线安装即可，本章节的43.3.4小节已经提供方法。

lee_st · 2018-1-4 09:16:25

3.2 网页编辑软件介绍
网页编辑软件可以简单的分为三大类：
第1种：Windows系统自带记事本
这种方法是最简单的，使用记事本就可以编辑网页代码，在第42章的42.4小节专门举了一个例子。
第2种：Notepad++，Sublime，VS Code等编辑软件
这几种软件，再配合相关的插件，做网页编程极其方便。从本章节开始，网页的编程全部采用Notepad++，其它的也都很好用，大家有兴趣可以了解下。
第3种：专业的可视化网页编辑软件
这种类型的软件代表有Adobe Dreamweaver CS6，Microsoft ExpressionWeb 4等。由于我们嵌入式网页编程要设计的内容都比较简单，所以没必要学习这种软件，我们这里就使用Notepad++，简单省事。当然，如果大家有兴趣的话，也是可以掌握下的。

lee_st · 2018-1-4 09:16:40

43.3 使用Notepad++制作简单网页方法
下面为大家讲解使用Notepad++做网页编辑的方法。

lee_st · 2018-1-4 09:17:06

43.3.1 第1步：下载安装软件

这个软件非常小，也就2-3MB大小，32位和64位的绿色版本和安装版已经都放在了这个帖子中。另外，特别注意一点，不管你的电脑是32位的还是64位的，都推荐使用32位版本，测试64位版本发现不支持插件管理。

软件的安装比较简单，我们这里就不说了，或者使用绿色版，直接解压出来就可以使用。安装后，软件的效果如下（安装时，我这里选择了中文，安装后可以设置中英文切换的）：

lee_st · 2018-1-4 09:17:36

43.3.2 第2步：设置中英文切换

点击Notepad++菜单栏中的设置，选择“首选项”：

lee_st · 2018-1-4 09:18:03

在弹出的窗口中就可以设置语言：

大家根据自己的需要选择中文或者英文即可，我们教程里面使用中文。

lee_st · 2018-1-4 09:18:27

43.3.3 第3步：安装插件（在线安装方式）

（注意，有时候在线安装容易安装不上，因为连接google等无法登陆的外网，需要“梯子”，这个时候看本章43.3.4小节的离线安装方式即可）

像Notepad++这种编辑器，功能强大的地方就在于可以安装各种比较好用的插件，所以务必要掌握如何安装插件，我们这里就安装一个HTML编辑需要用的格式化插件Tidy2，使用这个插件可以将大家凌乱的代码按照HTML标准格式进行格式化。

点击插件->Plugin Manager->Show Plugin Manager。

lee_st · 2018-1-4 09:18:53

弹出窗口后，等待插件更新完毕。

lee_st · 2018-1-4 09:19:18

更新完毕后，效果如下：

lee_st · 2018-1-4 09:19:37

这里我们选择插件Tidy2。

lee_st · 2018-1-4 09:20:06

提示要更新PluginManager插件，下面就是更新此插件的过程（估计是因为Notepad++自带的PluginManager插件版本低了）。

lee_st · 2018-1-4 09:20:30

更新完毕后，弹出如下窗口，点击“是”按钮即可。

lee_st · 2018-1-4 09:20:57

跟前面一样，继续选择Tidy2，点击“Install”安装按钮。

lee_st · 2018-1-4 09:21:31

点击“Install”按钮后会有一个如下的下载和安装进度。

lee_st · 2018-1-4 09:22:01

之后弹出如下窗口：

lee_st · 2018-1-4 09:23:31

点击“是（Y）”按钮，可以看到插件Tidy2已经安装上了。

至此，在线方式安装就完成了，如果要安装任何其它的控件，方法都是一样的。

lee_st · 2018-1-8 09:22:29

43.3.4 第4步：安装插件（离线安装方式）

与第3步的功能相同，都是安装插件，只是这里采用离线的安装方式。

插件的离线安装比较简单，仅需将插件放到Notepad++安装目录的plugins文件夹里面即可，中下载用于HTML代码格式的插件Tidy2，下载后将其放在Notepad++安装目录的plugins文件夹里面：

lee_st · 2018-1-8 09:22:56

下面是存放了Tidy2.dll的效果：

lee_st · 2018-1-8 09:23:16

如果Notepad++在打开状态，将其关闭，重新打开后，就可以看到安装的插件了：

搜索历史

第43章 Notepad++网页编辑

评分

相关推荐

44条评论

评分

评分

评分

评论

精选推荐

热门帖

站长推荐/6