不懂编程如何制作网页

对于一名专业的程序员来说，编写一张可运行的网页是轻而易举的事情，但对于不懂编程的人来说，这可是“隔行如隔山”，那么，不懂编程的可以制作网页吗？答案当然是肯定的，今天就由我来教大家如何使用UltraEdit编辑器制作一张可运行的页面，即便不懂编程的也可以做得出来哟。

一、创建与保存文件

首先，我们打开UltraEdit编辑器，新建一个文档，操作为：点击菜单栏上面的“文件”，再点击下面的“新建”就可以了。

图1新建文件

文件新建完毕后，记得先点击“文件>>保存”，或直接按键盘快捷键“CTRL+S”。

图2保存

在弹出的“另存为”框中，你就可以选择对应的保存路径，文件名也可以根据实际需要进行命名。注意事项：注意把下面的“保存类型”选择为“HTML/Java”文件，因为网页文件只有后缀名为“html”才可以运行的。

图3保存设置

二、编写代码

为什么说不懂编程也可以制作网页？是因为网页中的许多代码都是由UltraEdit编辑器自动生成的。主要使用的是“编码”中“插入HTML/Markdown标签”的标签，如图4的红色框所示。

图4插入HTML/Markdown标签

如果你想在网页上设置一个按钮，只需要鼠标点一下“html按钮”即可，然后就会出现图5中红色箭头所指的内容了。

图5添加按钮

点一下菜单栏上面的“切换浏览器视图”，就能看到预览效果了。再点一下“切换浏览器视图”，则关闭预览效果。

图6预览效果

如果你添加背景颜色，那么可以点击“编码>>HTML背景颜色”。

图7点击“HTML背景颜色”

在弹出的“颜色拾取器”框中，提供了多种不同格式的颜色设置，如三原色设置、十进制设置以及十六进制设置等等。当然，如果你对颜色的代码不太熟悉，那么可以点击左上角红色框内的按钮进行选择。

图8设置背景颜色

然后我们就可以在这个div内输入一些内容，如图9所示，注意：由于html代码遵循严格的嵌套关系，所以要使背景颜色生效，需要将内容填写在div内。

图9填入内容

点击“切换浏览器视图”后，就可以看到预览效果了。

图10预览效果

还有其他标签，如“居中”（内容居中对齐）、“居左（内容左对齐）”、“居右（内容右对齐）”等都在“插入HTML/Markdown标签”内，有兴趣的朋友可以亲自尝试一下，还可以登录城东书院了解更多关于UltraEdit的操作技巧哟。