|
一、网页编辑器的基本框架，如下图所示
图示注释：
① 工具条：通过点击工具条上的各种图标，调用相应的功能
② 编辑框：显示和编辑内容的地方
③ 模式切换-普通：在线编辑模式，在这种模式下才可以使用工具条上的功能
④ 模式切换-HTML：HTML模式，可以查看和修改网页的HTML代码
⑤ 模式切换-预览：预览模式，在提交前可以预览网页的效果
⑥ 提交：编辑内容后按“提交”按钮即更新内容
二、网页编辑器工具条图标注释
 |
文字粗体 |
 |
文字斜体 |
 |
文字下划线 |
 |
文字颜色 |
 |
文字背景色 |
 |
上标 |
 |
下标 |
 |
文字删除线 |
 |
插入移动字幕 |
 |
剪切(复制并删除)选中的内容 |
 |
复制选中的内容到剪贴板 |
 |
复制剪贴板内容到编辑框 |
 |
删除选中的内容 |
 |
撤消操作 |
 |
恢复撤消的操作 |
 |
恢复默认对齐方式 |
 |
左对齐 |
 |
右对齐 |
 |
居中对齐 |
 |
创建一个链接，可以是给文字或图片加上链接 |
 |
取消链接 |
 |
插入图片（上传新图片或从图库中选择已经上传的图片） |
 |
修改图片属性，如图文环绕方式，图文间距，图片尺寸等 |
 |
插入一张表格 |
 |
选中表格后，编辑表格属性。如边框宽度，边框间距 |
 |
编辑表格单元格属性 |
 |
表格中在当前单元格上方插入一行 |
 |
表格中在当前单元格下方插入一行 |
 |
表格中在当前单元格左侧插入一列 |
 |
表格中在当前单元格右侧插入一列 |
 |
表格中删除当前列 |
 |
表格中删除当前行 |
 |
辅助线功能。当表格边框为0的时候，编辑器中看不到表格框。使用辅助线可以在有表格框的位置显示虚线。 |
三、网页编辑器功能详解
1、如何在编辑框中输入文字?
2、如何将WORD文档复制到编辑框
3、如何将网页内容复制到编辑框？
4、如何修改文字字体和尺寸？
5、如何改变文字颜色?
6、如何插入移动字幕?
7、如何给文字做上标、下标？
8、如何做文字删除线、下划线？
9、如何将段落居中、居右对齐？
10、如何给文字做链接？
11、如何在编辑框中插入图片？
12、如何实现文字环绕图片？
13、如何插入表格?
14、如何修改表格属性?
15、如何修改单元格属性?
16、如何在表格中插入一行或一列？
17、如何使用辅助线功能实现高级排版？
18、如何在网页中插入代码？
| 
