HTML在线编辑器是企业上网平台所集成的一种网页编辑器,在你选择“使用HTML在线编辑器”来编辑你的网页后,它被迅速的下载到你的计算机中,并按照你的指令来完成网页的编辑,它操作的界面类似WORD,让你制作网页仿佛在做一个文稿一样简单,下面让我们来看看怎么样使用“HTML在线编辑器”来编辑你的网页。
当你点击“使用HTML在线编辑器”后,出现该编辑器的操作界面如下:
![]()
注意:如果调入程序时该界面没有完全出现可以关闭该窗口并点击“使用HTML在线编辑器”重新调入,或点击上方“刷新”图标重新调入。
以下将介绍HTML在线编辑器的各按键的作用,为方便说明,在上图中用一条红线将按键分为两行,称为红线上一行和红线下一行
红线之上一行按键从左至右依次为:
1. “B”为加粗键,可以将选定部分的文字加粗,等同WORD的“B”键;
2. “I”为斜体键,可以将选定部分的文字转化为斜体,等同WORD的“I”键;
3. “U”为下划线键,可以为选定部分的文字加上下划线,等同WORD的“U”键;
4. “
”为撤消键,可以依次将你的错误操作逐步撤消,等同WORD的“
”键;
5. “
”为恢复键,可以依次将你的撤消逐步回复,等同WORD的“
”键;
6. “
”为左对齐,可以将选定部分的文字靠左对齐,等同WORD的“
”键;
7. “
”为居中键,可以让选定部分的文字居页面正中,等同WORD的“
”键;
8. “
”为右对齐,可以将选定部分的文字靠右对齐,等同WORD的“
”键;
9. “
”为剪切键,可以将选定部分内容剪掉,等同WORD的“
”键;
10.“
”为复制键,可以复制选定部分的内容,等同WORD的“
”键;
11.“
”为粘贴键,可以将“剪切”和“复制”的内容粘贴到指定位置;
12.“
”为删除键,可以将选定部分的内容删除,等同于键盘的“Delete”键;
13. “
”为插入连接键,你可以给任意的文字或图片加上连接,把他们连接到你希望的网页,你可以先将准备加入连接的图片或文字选定(选定方法:图片点一下,文字为按住鼠标左键移动),然后点击“
”出现如下对话框:

图中的连接类型选项默认为“HTTP:”,如果需要连接的是一个“WWW”网页的话,那么此项不必选择,如果加入的是一个电子邮件的连接如“点此联系我们”,那么将连接类型改为“ mailto:”,下面的“URL”框需要填写连接的地址,那么直接填写你的电子邮件地址就可以了,注意不要将“mailto:”取掉,否则连接为默认的“HTTP:”连接;
如果你加入的是一个网页连接,那么你需要在下面的“URL”框内填写正确的连接地址,网页的“URL”获取方法为,鼠标右键点击想要连接的栏目,查看此栏目的属性,来获得它的地址(URL),将此地址加入连接。示例:如希望将首页的文字“申请”这段文字加上连接,点击后访问 “申请”,那么你可以先在你的网站上以鼠标右键点击“申请”,查看他的属性如下

在属性栏点击,出现该连接的属性,把“地址(URL)” 项的内容选定,复制;然后在在线编辑界面,将文字“申请”选定,点击“
”键,“将复制的“URL”粘贴到连接对话框内,(注意:不要出现两个“HTTP:”),然后点确定,即可完成连接。其他连接均可采用此方法连接,你也可以将你存储在素材库的HTML文件用这个方法连接,或在网页内加入友情连接。
14.“
”为添加附件键,当您有文件需要上传的时,点下此键,出现如下图所示图像
![]()

点红圈选中的任一个“选我”连接,即可选择您要插入的文件。
15.“
”为插入图片键,当你需要在网页中加入图片时,点下此键,出现如下对话框:
![]()

点红圈选中的任一个“选我”连接,即可选择您要插入的图片。
当你点击后,你可以看到,该图片已经出现在你指定的位置了;
16.“
”是针对文字底色的操作而设的选择框`,在你将一段文字选定后,然后点击该选择框的下拉箭头,选择合适的颜色后单击如下图所示的“选定颜色”按钮,然后点击

“
”该段文字的底色将变为你选定的那种;
16.“
”是针对文字本身的颜色操作而设的选择框,将需要颜色的文字选定后,按15的操作步骤进行操作即可;
17.“
”是寻求帮助,当你在制作的过程中遇到了难题,或者有问题要问,那么你可以点这个按键,会出现以前的制作者出现的问题及8N6电子商务网工作人员的回答,看看对你是否有所帮助,如果你仍然找不到答案,你也可以通过这里将你的问题提交,你会得到满意的答复。
红线下一行操作按键说明
图:红线下一行操作按键依次含义为
1.“
”减小缩进:其含义等同WORD中同一按键;
2.“
”增加缩进:其含义等同WORD中同一按键;
3.“
”插入水平线:当点击此键后,光标所在行出现一条水平长线;
4.“
”编号:点击此键可以自动为文字加入行编号,其含义等同WORD中同一按键;
5.“
”项目符号:点击此键可以自动为文字加入项目符号,或转换为编号形式,其含义等同WORD中同一按键;
6.“
”插入表格:你可以在你的网页中插入表格,点击该按钮后,出现插入表格对话框,按照需要输入表格的行数、列数和表格的边框宽度然后点确定,便会出现你要的表格,注意:该表格内的单元格的大小按照字符的多少和空格、回车键自动调节,这点并不同于WORD。你也可以使用表格来制作网页的大体结构,在插入表格的时候将边框设为“1”最后在源代码内找到“border”将其改为“border=0”,在你的网页中就看不到边框了。
7.其余选项“段落格式”、“字体”、“字体大小”和“特殊字体格式”均为对选定部分文字内容的操作,其含义和操作方法均与WORD相同。
界面下方椭圆红圈内选项说明
在该标注处有三个选项,其含义分别为:
1.“普通”此键为在线编辑器默认的编辑方式,在此方式下,不要求具有HTML语言的知识我们就能以简单的操作来做好网页;
2.“HTML”点此键后,你做好的网页将转换为HTML语言,如果你了解HTML语言,你就可以在此对你的网页做更为深入的编辑;
3.“预览” 点此键后,你可以观察你作好的网页,这种格式下,你看到的网页基本等同与提交后传到你的网站上的网页;
在你使用HTML在线编辑器编辑完成你的网页后,点击完成,HTML在线编辑器会自动将你作好的网页的原代码放入你后台管理的编辑框内,点击编辑框下方的提交,该网页将上传到你的网站中,你可以点击后台管理左上方的网站预览,就可以看到你作好的网站,点你刚才做的网页栏目,你的网页已经出现在你的网站上了。