因为我们新手之前没有接触过代码，对于很多代码还不是很熟悉。所以我们不知道该如何去书写这些代码。
那如何解决这个问题呢？
一、（简称：DW）
dreamweaver标志此图来源于网络如有侵权请告知我们会立即删除。
DW软件有几个版本型号，如特别经典的8.0，比较新的有DW2022。把设计师的图片转化成我们的静态页面？就是通过dw这个软件写的html代码,新手们推荐使用dreamweaver软件。
它可以帮助我们去编辑我们的网站上面的网页（所见即所得），通过可视化的操作，比如：进行一个拖拉，进行一个插入可视化的操作，这个软件就可以自动的翻译成代码，就不需要我们去手写代码了，这样可以大大节省我们写代码的步骤和时间。
所以我们在学习建网站的时候，这个代码编辑软件是一定要下载使用的。
1、软件优点：
（1）快速灵活的编码
借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，用于快速了解并编辑 HTML、CSS 和其他 Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。
（2）通过更少的步骤轻松设置网站
利用起始模板更快地启动并运行您的网站，可以通过自定义这些模板来构建 HTML 电子邮件、“关于”页面、博客、电子商务页面、新闻稿和作品集等相关页面。
（3）在各个设备上动态显示
构建可以自动调整以适应任何屏幕尺寸的响应式网站。实时预览网站并进行编辑，确保在进行发布之前网页的外观和工作方式均符合您的需求。
除了dreamweaver这个网页编辑软件之外，我们建网站还需要使用到以下两个软件↓↓
二、photoshop(简称：PS）
此标志源于网络如有侵权请告知我们会立即删除
是用于制作网站里的图片的一个图片编辑软件。
这个优点就比较多了，可以实现无限创造可能，最基本功能诸如：网站切图，图标制作、网页Banner制作，flash图片制作等。
三、NOTEPAD++
此图源于网络如有侵权请告知我们会立即删除
也是一款代码编辑软件，这个是不可多得的一款，不论是日常使用还是手写程序代码，相信它都会给你带来方便。
(1)、内置支持多达27种语法高亮度显示（包括各种常见的源代码、脚本，能够很好地支持 .nfo 文件查看），还支持自定义语言。
(2)、可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，还可显示缩进引导线，代码显示得很有层次感。
(3)、可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式（F11），支持鼠标滚轮改变文档显示比例。
(4)、提供了一些有用工具，如邻行互换位置、宏功能等。
(5)、可显示选中文本的字节数（而不是一般编辑器所显示的字数，这在某些情况下，比如软件本地化很方便。
需要安装包的同学可以私信我，无偿分享给你们!如果本文对你有帮助，别忘记转发，点赞、关注一下小编哦！
