版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、自助建站系统使用说明 东方资源 EAST021.COM PAGE 12在线网页编辑器使用说明使用在线网页编辑器,可以通过浏览器,直接编辑网页的内容。以“所见即所得”的方式,实现网页图文混排。在网站管理系统中,大部分的网页内容都可以使用网页编辑器进行图文混排编辑。甚至可以将现成的网页内容或WORD文档的内容拖放到编辑器中,直接生成网页。一、在线线网页编编辑器的的基本结结构如下图所所示:工具条:包括工工具菜单单和常用用功能的的图标按按钮 模模式切换换:可以切切换编辑辑模式、HTMML代码码模式、预览模模式、辅辅助线编编辑模式式编编辑框:显示和和编辑内内容的地地方 = 4 * GB3 提交交:编辑辑
2、内容后后按“提提交”按按钮更新新内容二、在线线网页编编辑器工工具条说说明复制、粘粘贴、全全选、删删除、查查找功能能切换编编辑模式式、HTTML代代码模式式、预览览模式、辅助线线编辑模模式插入入图片、FLAASH、REAALPLLAYEER和MMEDIIAPLLAYEER音乐乐影像、表格、移动字字幕、水水平线、链接。修改图片片属性、FLAASH属属性、表表格和单单元格、修改链链接和删删除链接接修改文文本属性性,包括括粗体、倾斜、下划线线、删除除线、上上标、下下标及文文字颜色色尺寸等等三、在线线网页编编辑器使使用说明明a) 如何在在编辑框框中输入入文字?可以直接接在编辑辑框内输输入文字字。也可以以
3、在其他他工具软软件(如如WORRD)中中编辑好好文字后后复制到编编辑框中中。b)如何何将WOORD文文档复制制到编辑辑框?可以直接接将WOORD中中编辑好好的文章章通过复复制粘粘贴操作作,直接接拷贝到到编辑框框中,即即方便,又美观观。 当当然,也也可以直直接复制制来自FFronntPaage,Dreeameeweaaverr等其他他网页制制作软件件制作好好的内容容。以下下介绍一一个复制制WORRD内容容到编辑辑框的样样例:上图是一一篇WOORD的的文档,包括一一些文字字和表格格。首先先选中需需要拷贝贝的内容容,按CTTRL_C或按按下鼠标标右键后后选择“复制”,将内内容复制制到剪贴贴板中。然后
4、将将光标停停留在编编辑框中中需要插插入文档档的位置置,按Ctrrl_VV或按鼠鼠标右键键选择“粘贴”,将刚刚才复制制的内容容粘贴到编编辑框中中。通过过这样的的复制/粘贴操操作,WWORDD文档中中编辑好好的文字字和表格格可以很很容易得得复制到到编辑框框中,即即方便又又美观(如左图图)。c) 如如何将网网页内容容复制到到编辑框框?可以以直接复复制外部部网页的的内容到到编辑框框中,甚甚至可以以直接拖拖放网页页到编辑辑框。只要用鼠鼠标选中中需要复复制的区区域,然然后复制制选中的的内容到到剪帖板板,然后后将光标标停留在在编辑框框中,粘粘贴内容容即可。方法和和复制WWORDD文档相相同。需需要注意意的是
5、,复制网网页内容容的时候候,图片片是从来来源网页页调用的的。如果果不能肯肯定来源源网页一一直会存存在的话话,最好好将图片片保存后后再上传传插入,否则源网网页一旦旦关闭,就就再也看看不到图图片了。d) 如如何修改改文字字字体、尺尺寸、颜颜色?使用网页页编辑器器,可以以直接修修改编辑辑框中文文字的字字体和尺尺寸。本本节中介介绍如何何在编辑辑器中改改变文字字的大小小,字体体,如何何将文字字加粗、倾斜。首先在在编辑框框内输入入文字,然后选选中需要要改变字字体或尺尺寸的文文字,如如上图所示示:选择择工具菜菜单中的的图标,弹出字字体设置置对话框框(如左左图)。可以分分别设置置字体、文字大大小、文文字颜色色
6、和文字字背景颜颜色。如果要将将文字加粗粗,选中中文字后后按一下下工具条条中的“”图标标,选中中部分的的文字就就变粗了了。如果果要将文文字倾斜斜,选中中文字后后按一下下工具条条中的“”图标标,选中中部分的的文字就就倾斜了了。e) 如如何制作作移动字字幕?按一下工工具条中中的 “”图标标,弹出出如左图图的移动动字幕对对话框,可填写写移动字字幕的名名称、内内容,可可以设置置移动字字幕的移移动方向向、高度度、宽度度、水平平垂直间间距、对对齐方向向、滚动动方式、循环多多少次(-1为为无限循循环)、背景颜颜色、移移动速度度等项目目。移动字幕幕插入后后在编辑辑模式是是不移动动的,可可以使用用工具条条中的“”
7、按钮,切换到到预览模模式,查查看移动动字幕的的效果。f) 如如何给文文字做上上标、下下标 ?文字上标标、下标标通常用用于一些些计量单单位。如如:米22 。使使用网页页编辑器器可以很很容易地地制作上上标和下下标。例例:将“米2”中的“2”作作为上标标,也就就是平方方米。首首先选中中需要作作为上标标的文字字,如下下图左: 选择工工具菜单单中的“上标”,选中中部分就就变成“上标”了,如如下图右右:同样,选择工具具菜单中的的“下标”,就可可以做文文字“下下标”g) 如如何做文文字下划划线、删删除线 ?首先选中中需要做做下划线线或删除除线的文文字,按一下下工具条条中的 “”图图标,选选中的文文字下方方出
8、现下下划线。如:重点突突出。同样,按按“”图图标,文文字中间间出现删删除线。如:原原价3000元。h) 如何将将段落居居中、居居左对齐齐 ?选中一段段文字,按一下下工具条条中的 “”图图标,选选中的部部分居中中对齐选选中一段段文字,按一下下工具条条中的 “”图图标,选选中的部部分居右右对齐选选中一段段文字,按一下下工具条条中的 “”图图标,选选中的部部分居左左对齐i) 如如何给文文字做链链接 ?首先选中中需要做做链接的的文字,然后按按一下工工具条中中的“”图标,弹出链接对对话框,如下图图:在URLL一栏中中填写需需要链接接的网址址,然后后按“ook”即即可做好好链接。也可以以用同样样的方式式给
9、图片片做链接接,但是是当图片片位于表表格中的的时候,有时无无法成功功做链接接。这是是在线编编辑器的的局限性性。如果果需要取取消一个个做好的的链接,选中已已经做了了链接的的文字段段,选择择工具菜菜单中的的 修改改 - 删除除链接 即可。j) 如如何在编编辑框中中插入图图片 ?使用网页页编辑器器可以直直接在编编辑框中中插入图图片。可可以插入入一张新新图片,也可以以插入以以前已经经上传的的图片,或在图图片库中中选择一一张图片片。首先先将光标标停留在在需要插插入图片片的位置置,然后后按一下下工具条条中的“”图标标,弹出出插入图图片对话话框。如如左图:选择择“上传传新图片片”,再再按“确确定” ,进入入
10、上传图图片的对对话框,如左图所示示.按 “浏览”查找你电电脑中的的图片文文件,选选择一张张图片后后确认。选好图图片后,按 “确定”上上传图片片。图片片上传后后会自动动插入到到光标停停留的位位置,如如下图:这里暂时时只介绍绍插入图图片,如如何实现现文字环环绕图片片排列,将在下下文中介介绍。除除了上传传插入图图片,也也可以在在图片库库中选择择一张已已经上传传过的图图片。当你上传传一张图图片时,实际上上系统已已经将图图片上传传到服务务器,存存放在网网站专用用的图片片库中。如果在在其他网网页中需需要再次次插入同同一张图图片时,就不需需要再重重新上传传,只要要选择一一张已经经上传的的图片即即可插入入。方
11、法法如下:1、首首先将光光标停留留在需要要插入图图片的位位置2、按一下下工具条条中的“”图标标,系统统弹出插插入图片片对话框框。如下下图:选选择“从从图库中中选择一一张图片片”,按按“确定定”,弹出图图库窗口口,如下下图:在在图库中中,显示示的是已已经上传传的图片片。双击击图片,或按下下“选中中”按钮钮,图片片就会自自动插入入到编辑辑框中。一个网页页中可以以插入多多幅图片片,通过过图文混混排,使使网页更更显美观观。如何何实现文文字环绕绕图片排排列,将将在下文文中详细细介绍。网页制作作小常识识:网页页中可以以显示的的图片只只有jppg、ggif、pngg等图片片格式,如果是是bmpp或pssd等
12、格格式的图图片,即即使上传传了,也也无法在在网页中中显示。因此系系统只允允许上传传3种格格式的图图片文件件;另外外,网页页中的图图片,一一般都是是需要经经过压缩缩处理的的,如果果图片文文件过大大,上网网条件较较差的就就很难看看到图片片。压缩缩图片和和转换图图片格式式需要使使用专门门的图片片制作工工具,如如:PhhotooShoop,PPhottoImmpacct等,也可以以使用专专门的图图片压缩缩软件。k) 如如何使文文字环绕绕图片 ?首先用鼠鼠标点中中一张图图片(下下图左):选择工具具菜单中的的“修改改-图图片属性性”,弹弹出图片片属性对对话框(下图右右)。在图片属属性编辑辑窗口中中:可以以
13、选择文字字环绕图图片的方方式、修修改图片片路径、修改AALT文文字、设设置图片片尺寸设设置图片片外框宽宽度和外外框颜色色。 L) 如如何插入入表格?首先将光光标停留留在需要要插入表表格的位位置,按一下下工具条条中的“”图标标。弹出出窗口如如左图:确定表格格的行数数,列数数、间距距、表格格宽度、表格边边框等条条件,然然后按“确定”,插入入一个空空表格。当然然,在编编辑器中中直接编编辑表格格还是比较较麻烦的的,建议在WWORDD,FROONTPPAGEE等常用用软件中中编辑好好表格,然后复复制到编编辑框中中。网页制作作小知识识:当表表格边框框是“1”的时候候,表格格不是很很美观;实际上上,这并并不
14、是编编辑器的的问题。真正的的网页设设计师通通常是将将表格边边框设为为“0”,再使使用别的的方式显显示出表表格边框框。而且且,在很很多时候候,表格格常被网网页设计计师用来来作为网网页的排排版分隔隔,这时时候,表表格的边边框一般般也是“0”。普通通的网页页编辑器器,如果果表格边边框是“0”的话,就看不不到表格格,也就就无法进进行表格格编辑。本系统统特别提提供了“辅助线线”功能,专门用用来编辑辑表格边边框为“0”的表格格。使用用辅助线线的方法法请参考考:如如何使用用辅助线线功能实实现高级级排版m) 如如何修改改表格属属性?修改表格格属性,就是修修改表格格的背景景颜色,表格宽宽度、高高度,表表格边框框
15、宽度等等。首先使使用鼠标标点一下下表格的的边框,选中表表格。如如下图:选中表格格后,选选择工具具菜单中的的“修改改-表表格属性性”图标标。弹出出表格属属性对话话框,如如下图(左):修改表格格背景颜颜色的方方法:在在上图(左)的的背景颜颜色菜单单中选择择“背景景颜色”,窗口口中出现现背景颜颜色选择择区,见见上图(右)中的区域。点一下下背景颜颜色选择择区,弹出出一个颜颜色选择择对话框框,可以选选择颜色色。 除了了修改表表格背景景颜色,还可以以修改表表格的其其他属性性,如单单元格间间距,单单元格边边距,表表格边框框,表格格宽度等等。修改改完成后后按下“修改”按钮即即可。注注意事项项:在网网页内容容较
16、多,或有表表格嵌套套的时候候,有时时很难选选中表格格,或选选中后无无法弹出出表格属属性窗口口。多试试几次,一般都都可以成成功。颜颜色选择择功能需需要IEE6.00以上浏浏览器版版本。如何修改改单元格格属性 ?修改单元元格属性性包括:单元格格宽度、高度,单元格格中内容容的位置置。首先先将光标标停留在在需要编编辑的单单元格中中。如下下图:按一下工工具条中中的“”图标。弹出单单元格属属性编辑辑框,如如下图:单元元格背景景颜色:设定单单元格背背景颜色色的方法法,和设设定表格格属性中中背景颜颜色的方方法相同同设设定单元元格的宽宽度设定单单元格的的高度单元元格中内内容的左左右对齐齐方式单元元格中内内容的上
17、上下对齐齐方式0) 如如何在表表格中插插入一行行或一列列?可以在表表格中任任意一行行的上方方或下方方插入一一行;也也可以在在任何一一列的左左侧或右右侧插入入一行。首先将将光标停停留在一一个单元元格中,选择工工具菜单单中的 修改,可可分别执执行以下下操作按按 “”,可在在该单元元格所在在的行上上方插入入一行按按 “”,可在在该单元元格所在在的行下下方插入入一行按按 “”,可在在该单元元格所在在的列左左侧插入入一列按按 “”,可在在该单元元格所在在的列右右侧插入入一列按按 “”,可删删除当前前一行按按 “”,可删删除当前前一列p) 如如何使用用“辅助线线”实现高高级排版版?当表格边边框是“1”的的
18、时候,表格不不是很美美观;实实际上,这并不不是编辑辑器的问问题。真真正的网网页设计计师通常常是将表表格边框框设为“0”,再使用用别的方方式显示示出表格格边框。而且,在很多多时候,表格常常被网页页设计师师用来作作为网页页的排版版分隔,这时候候,表格格的边框框一般也也是“00”。 本系系统特别别提供了了“辅助助线”功功能,专专门用来来编辑表表格边框框为“00”的表表格。如果编辑辑框内有有一个边边框为“0”的的表格,该表格格的边框框是看不不到的,也不能能选中表表格边框框进行表表格属性性编辑。怎么办办呢?首先将光光标停留留在编辑辑框内的的任何位位置。按按一下工工具条中中的“”图标,这时,边框为为“0”
19、的表格格以虚线线的方式式展现在在你的面面前,如如下图:现在看到到了表格格边框(虚线),就可可以对表表格进行行编辑了了。如果需需要隐藏藏这些虚虚线,再再按一下下“”图标就可可以了。例:使用用“辅助线线”的功能能,来进进行一次次排版工工作我们们打算将将网页内内容分成成上下两两大部分分,下面面部分分分成三列列:1、首先插插入一个个2行11列的表表格,表表格宽度度是1000%,边框宽宽度为00。按一一下工具具条中的的“”图标。将弹出出窗口中中的内容容改成这这样(如下图图):2、按“确定”插入表表格后,由于边边框是“0”,因此此在编辑辑框内看看不到表表格3、按一下下“”,可以以看到刚刚才插入入的表格格(虚线线边框)4、点点中编辑辑框内的的表格,将表格格的高度度拉到你你希望的的高度。5、将将光标停停留在下下方的单单元格中中,再插插入一个个1行33列的表表格。66、按22次“”,使新新插入的的表格边边框也能能被显示示出来77、调整整表格和和单元格格的高度度,以达达到你的的要求。8、看看看,编编辑框中中是否出出现了这这样的虚虚线框架架(如下下图):9
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 两员工作制度
- 信号工工作制度
- 双拥科工作制度
- 三三工作制度
- 停课铃工作制度
- 北戴河工作制度
- 县书馆工作制度
- 发电机工作制度
- 农商行工作制度
- 俄国工作制度
- 2026年中国农业银行招聘考试笔试试题(含答案)
- 2025学年3 不懂就要问教案
- 中石化油品采购制度规定
- 2026年山东省新动能基金管理有限公司校园招聘笔试模拟试题及答案解析
- 2026江苏南通市苏锡通科技产业园区消防救援大队消防文员招录2人笔试模拟试题及答案解析
- GB/T 6479-2013高压化肥设备用无缝钢管
- CB/T 462-1996通风栅
- 糖蛋白与蛋白聚糖优秀课件
- 苏教版六年级科学下册单元测试卷及答案(全册)
- 火电工程项目建设程序和内容课件
- 桃树优质丰产栽培技术培训课件
评论
0/150
提交评论