① 怎样用Beyond Compare进行代码的合并与对比
首先安装好Beyond Compare软件并且打开
选择左边选项里的文本合并
选好要合并的文件
可以看到行号
自己整理一下，合并并且保存
这样就OK了
② 如何用Beyond Compare比较代码
步骤一 下载并安装Beyond Compare软件。最新版Beyond Compare 4中文版可在Beyond Compare中文官网进行下载。
步骤二专 打开Beyond Compare软件，选属择左侧“文本比较”并双击；
步骤三 在打开的文本比较会话界面把要对比的两个代码文件分别拖到左右的两个框里；
步骤四 打开后自动就会把不同的区域标为红色了；
步骤五 左边的小栏中的红色是整个代码中有不同的地方；
步骤六 拖动滚动条，无论是水平还是竖直两边的代码都会同步，浏览十分畅快。
以上就是如何用Beyond Compare比较代码的方法，如果想要查看图文教程，可下载Beyond Compare资料，点击教程网址搜索“如何用Beyond Compare比较代码”就可以查看图文教程了。
③ 网页设计师非常有用的几个在线工具
几个网页设计工作中经常会用的在线工具，能够大大的提供工作效率!
ProCSSor
ProCSSor是一个很不错的CSS代码美化工具，它可以轻松的把代码转换成很美观的格式。
jsFiddle
JsFiddle有多种用途，其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段，而且代码可以分享，还可以嵌入到你的博客中等等。
Frame Box
Frame Box是一个非常好用的用于在线分享线框图（wireframes）的工具。
Spritebox
Spritebox是一个所见即所得的工具，帮助Web设计者迅速而轻松地从一张精灵图片（CSS Sprit Image）创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS Sprites，在国内很多人叫CSS精灵，它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。
CSS3 Generator
这是一个简单的跨浏览器CSS3样式生成器，可以生成你想要的任何值。
Super Conversion Button
这个工具可以帮助你瞬间生成一个美观的试用（Try it now）按钮。
wordmark.it
这个工具之前曾介绍过，可以帮助你直观的查看当前电脑上安装了哪些字体。
0 to 255
④ 怎样用Beyond Compare进行代码的合并与对比
Beyond Compare 4比较代码的方法如下：
步骤一：运行桌面上的Beyond Compare 4软件，打开内软件主页面。
步骤二：在主页面左侧的新建容会话栏目中，双击选择“文本比较”会话，打开会话操作界面，单击会话界面两侧“打开文件”按钮，选择需要比较的文件。
您可以选择本地文件系统上的代码文件，也可以设置FTP配置档，连接到您的FTP站点，对比远程虚拟代码文件。
步骤三：在文本比较会话左右两侧窗格中，代码文件之间的差异部分以红色标注高亮显示，您可以单击工具栏显示“全部”、“差异”、“相同”按钮分类别查看文件内容。
步骤四：在对比出两份源代码文件之间的不同之处后，您可以单击工具栏“编辑“按钮，对差异文本进行编辑和修改，最后可单击会话界面右上角“保存”按钮进行保存。
具体教程详见文本文档