代码制作软件（搞代码的软件）
本文目录一览：
用什么软件来编辑网页代码？
dreamweaver下这个看看,这是专业做网页的软件,也是现在基本上用的很多的软件,可以代码和图形切换,可以直接把框架和图案拖进去,当然代码也会自动添加进去,试试~!
写代码的软件有哪些
写代码可以用的软件有：Webstorm、Vscode、SublimeText、HBuilder、Dreamweaver、notepad++、editplus等。
代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。代码设计的原则包括唯一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。源代码是代码的分支，某种意义上来说，源代码相当于代码。现代程序语言中，源代码可以书籍或磁带形式出现，但最为常用格式是文本文件，这种典型格式的目的是为了编译出计算机程序。计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令，这种过程叫编译，它由通过编译器完成。做前端开发，写代码的软件是必不可少的。主流的前端开发写代码软件有：WebStorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，下面我们一起来看看。
做前端开发，写代码的软件是必不可少的。主流的前端开发写代码软件有：WebStorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，下面我们一起来看看。
1.WebStorm【推荐】
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。WebStorm的过人在于，商家不断的更新版本。
2.Visual Studio Code（简称：Vscode）【推荐】
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，启动非常快，完全可以用来代替其他文本文件编辑工具。还可以用来做开发，支持各种语言。软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
3.Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。拥有着漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。其主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
4.HBuilder
HBuilder是DCloud推出的专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
5.Dreamweaver
Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。所见即所得的网页编辑器的优点有直观性、使用方便、容易上手。它使用所见即所得的接口，亦有HTML编辑的功能。熟练掌握Dreamweaver软件的使用，无论是设计师还是工程师，它都能有效提高你的工作效率。
6.Notepad++
Notepad++是一款Windows操作系统下的一套文本编辑器。此软件是免费软件，可以免费使用，自带中文，小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，Notepad++ 内置支持多达27种语法高亮度显示。Notepad++除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。
7.Editplus
Editplus是一款由韩国Sangil Kim出品的小巧但是功能非常强大的文字编辑器，拥有无限制的Undo/Redo（撤销）、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。除了支持HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript, VBScript的代码高亮外，还内建完整的HTML和CSS指令功能。
有什么软件可以自动生成前端代码
学习前端的话，dw是可以自动生成网页界面，但是他的自适应不行，有的地方还是要自己改的，所以基本上是没有什么软件是可以自动生成代码的。
学代码的话用哪个软件比较好？
不同代码功能用的软件不一样。推荐3款
1.Adobe Dreamweaver，简称"DW"，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2.IDEA 全称IntelliJ IDEA，是用于java语言开发的集成环境(也可用于其他语言)，IntelliJ在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。
3.Visual Studio。功能完备的 IDE，可用于编码、调试、测试和部署到任何平台。
写代码软件
1.WebStorm【推荐】
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。WebStorm的过人在于，商家不断的更新版本。
2.Visual Studio Code（简称：Vscode）【推荐】
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，启动非常快，完全可以用来代替其他文本文件编辑工具。还可以用来做开发，支持各种语言。软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
3.Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。拥有着漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。其主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
4.HBuilder
HBuilder是DCloud推出的专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
5.Dreamweaver
Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。所见即所得的网页编辑器的优点有直观性、使用方便、容易上手。它使用所见即所得的接口，亦有HTML编辑的功能。熟练掌握Dreamweaver软件的使用，无论是设计师还是工程师，它都能有效提高你的工作效率。
6.Notepad++
Notepad++是一款Windows操作系统下的一套文本编辑器。此软件是免费软件，可以免费使用，自带中文，小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，Notepad++ 内置支持多达27种语法高亮度显示。Notepad++除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。
7.Editplus
Editplus是一款由韩国Sangil Kim出品的小巧但是功能非常强大的文字编辑器，拥有无限制的Undo/Redo（撤销）、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。除了支持HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript, VBScript的代码高亮外，还内建完整的HTML和CSS指令功能。
8.记事本写代码
能用记事本写代码的基本功都很扎实，对语法等掌握非常精准，而且思维比较细致。虽然用记事本写代码的人很少，但实在没有IDE可用的情况下能用记事本熟练编码，委实令人佩服。
以上几种编写代码的软件，你用过其中几款？
Dreamweaver使用，网页特效代码制作
首先用ps或者其他软件将几张图片的大小p成一样的。比如笔者把三张图片都p成了200x268的大小。
2
打开Dreamweaver，新建一个网页（笔者这里建立一个html类型的网页）。
3
按Ctrl+S保存新建的网页。
4
点击菜单栏：插入--表格。插入一个1行1列的表格。
5
把鼠标指针放到表格中，单击菜单栏的:插入--布局对象--AP Div,插入一个AP Div。
6
把鼠标放到刚刚新建的AP Div里边，点击菜单栏的：插入--图像，选择一张需要插入的图片。
7
按上面的方法依次添加其他几个AP Div，并在里边插入图片。
接下来插入一个AP Div，然后再里边添加一个1行3列的表格。
鼠标指针放到表格第一个方框中，单击菜单栏：插入--表单--按钮。操作如图
鼠标点中添加的按钮，然后再下方属性面板中，把值修改为1。
按照上述步骤依次为表格的第二个框、第三个框添加一个按钮，并把属性值改成2和3。如图
把几个AP Div移动到同一个区域。如下图
单击菜单栏：窗口--行为，打开行为面板。
鼠标点击第一个方框的按钮，点击标签检查器行为面板下方的“+”号，弹出的菜单中选择“显示-隐藏元素”。
按照下图所示，把AP Div1设置成显示，AP Div2设置成隐藏，AP Div3设置成隐藏。AP Div4可以设置成显示，也可以不设置（默认显示）。
如图，点击行为面板左边的英文，在弹出的菜单中选择onFocus。
按照上面的步骤，依次把表格第二个方框、第三个方框的按钮设置成如下图所示。
这样就做好了。按F12在浏览器中看看效果。
