以下的内容将向您介绍ufree1.0的功能。在您熟悉它的功能后,您会发现它的编辑方式与powerpoint有很多相似之处。
ufree的基本界面由可拖动的工具条和各种操作框构成,您可以隐藏其中多数的工具条和操作框,任意拖动设置界面以方便您的编辑,并且得到尽可能大的编辑区。
A.主工具条
主工具条是ufree的两个不可隐藏的工具条之一,您的多数编辑操作都将借助于这两个工具条完成。
下面示意图说明了主工具条的功能:
1.拖动按钮
在ufree中,所有的工具条和操作框都是可拖动的,您只需要按住拖动按钮即可将它们拖动到您想要的位置,通过拖动功能您可以自由布置界面以方便您的编辑。ufree希望通过各种创新为您提供更富创意的编辑模式。
2.插入编辑框
ufree不同于一般在线编辑器的最大区别在于提供类似于powerpoint的编辑模式,ufree通过提供可拖拉控件来实现这种编辑模式,上图列出的2-9均是ufree提供的基本控件,您可以通过这些控件实现基本的ppt编辑模式。
编辑框控件为您提供一个可自由拖拉的框体,您可以在该框体中进行各种文字编辑,与在基本编辑窗口中进行文字编辑不同,在编辑框中编辑完成的文字可随编辑框拖拉到编辑区的任意位置。同时您也可以对编辑框进行边框、颜色等基本设置。编辑框示意图如下:
注意:您可以看到在编辑框内部,您同样可以对不同的文字块(以换行为不同文字块)进行颜色和边框的设置,只需要让光标在想要操作的文字块即可。
关于控件拖动:控件只有在出现下图所示的外框时才能进行拖动,某些控件需要您将鼠标移动到控框处点击才能出现拖动外框。见下图:
3.插入栏目
与插入编辑框相似,栏目具有标题。
4.插入图片
点击该按钮后会提示您输入图片的相对路径,如果您的图片是网络上的图片,您只需要输入http://...形式的地址即可;如果您将ufree用为单机编辑器,那么您需要输入图片的相对地址,例如您要添加的图片sample.jpg和您编辑的页面在同一个文件夹下,那么您只需要输入图片的文件名sample.jpg即可,如果您的图片在img文件夹下,而img文件夹和您编辑的页面在同一个文件夹中,那么您就应该输入img/sample.jpg。以上形式和您编辑一般形式的网页是完全相同的,一定的HTML的知识会有助于您熟悉这些操作。
5.插入表格
点击该按钮后会提示您输入表格的行数和列数,您应该输入正整数,如果您的输入格式有误将不会生成表格。在生成表格后,其中的单元格内会首先填充“>”,这主要是为了解决firefox下兼容性问题,请您谅解。表格控件和图片控件一样也有自己的附加工具条,请看下面的示意图:
注意:您可能会发现该工具条中只提供了“删除行”功能,如果您想删除列则必须使用“删除该单元格”功能来删除同一列中的所有单元格,这样该列即被删除。或者您也可以使用“向下合并单元格”功能,将整列合并为一个单元格,然后删除。
6.插入网页
该按钮会提示您输入一个网页地址,标准形式为“http://。。。”,然后编辑区内即会出现该页面的浮框,您可以调整其大小和位置,请看下面的示意图:
7.插入多媒体文件
与插入网页的功能类似,您只要输入多媒体文件的地址即可,标准形式也是http://....,然后编辑区内即会出现播放窗口,您可以调整其大小和位置,并且该控件还有一个链接设置工具条,可以让您设置播放窗口的超链接。
8.插入代码框
该控件功能代码引自双鱼编辑器,首先向原作者表示感谢。具体使用方法很清晰,见下图:
9.插入链接框
链接框实际是一个透明的gif图片,通过将链接框覆盖在某些区域上,用户在点击到这些区域时即会跳转到您为该链接框设置的地址去。
注意:以上从2-9即为目前ufree提供的基本控件,这些控件都有共同的基本操作,比如改变控件外框风格、颜色、内部填充色、是否透明等,接下来将介绍如何进行这些设置。
10.复制控件
接下来我们将介绍的几个按钮都是针对各种控件的通用操作,通过它们提供的功能,您就编辑出风格各异的控件了。
与我们在一般编辑软件中可以对控件直接使用ctrl+c快捷键不同,在ufree1.0版本中,我们暂时不提供快捷键的支持,因此您需要使用该按钮来复制控件,这可以省去您重复制作相同样式控件的劳动。
11.删除控件
实际在IE中,您使用delete键即可删除控件,但是在firefox中,您就必须使用该按钮来删除控件。
12.升高控件层&13.降低控件层
有时您在编辑中可能会遇到控件间彼此覆盖的问题,这两个按钮可以象在powerpoint中一样帮助您调节控件间的覆盖关系。
14.设置外框颜色
用来设置控件外框的颜色。
15.设置填充色
用来设置控件内部的填充色。
16.设置控件透明
用来设置控件透明。
17.设置控件可移动
有时,您可能会引入一些原本不是ufree编辑的页面,来用ufree对它们进行二次编辑,这时页面中的控件一般是不可移动的,而该按钮可以设置这些控件为可移动。
18.设置外框风格
用来设置外框的风格。
19.设置保存点&20.恢复保存点
通过设置保存点功能,您可以保留住当前编辑状态,然后用“恢复保存点”按钮即可恢复到该状态。
注意:一旦你关闭浏览器,一切保存点都会随之消失。
21.设置页面背景色
您可以设置想要的页面颜色。
22.增大编辑区高度
有时可能您的编辑已经达到编辑区的下沿,这时您就可以使用该功能放大编辑区,以获得更加充裕的编辑空间。
23.增大编辑区宽度
与增大编辑区高度功能类似,您可以用该按钮放大编辑区的宽度。
24.恢复标准大小
该按钮可以将编辑区设置为合适的最小空间。
25.代码编辑器
代码编辑器提供了“根据代码刷新编辑区”和“根据编辑区刷新代码”两个基本功能:
根据代码刷新编辑区:您可以自己输入代码,然后编辑区刷新为代码内容
根据编辑区刷新代码:将显示目前编辑区的代码内容
26.预览
将在新窗口显示您所编辑的页面。
27.清空编辑区
该按钮将清除编辑区内中的所有内容。
28.关于
您可以在这里获得ufree的使用帮助地址。
B.文本编辑工具条
该编辑条提供了一般在线编辑器的功能,可以满足您进行普通文本编辑的需要,这里不对各项功能进行详细介绍,请简见下图:
注意:
在文本编辑模式下,您的编辑将与一般编辑器下没有什么不同。如果您希望象powerpoint那样进行自由拖放式的编辑,那么你就应该在编辑框控件中进行文本编辑,而不应该直接在编辑区内进行文本编辑,否则应对不同大小的页面,文字换行的不同位置会引起控件与文字的重叠。 |







图8-2

