WaSt精编网站管理系统服务商操作手册

1、在 线 网 页 编 辑 器 使 用 说 明使用在线网页编辑器,可以通过浏览器,直接编辑网页的内容.以所见即所得的方式,实现网页图文混排.在网站治理系统中,大局部的网页内容都可以使用网页编辑器进行图文混排编辑.甚至可以将现成的网页内容或 WORD文档的内容拖放到编辑器中,直接生成网页.一、在线网页编辑器的根本结构编辑框：显示和编辑内容的地方提交：编辑内容后按提交按钮更新内容二、在线网页编辑器工具条说明复制、粘贴、全选、删除、查找功能切换编辑模式、HTML代码模式、预览模式、辅助线编辑模式插入图片、FLASH、REALPLAYER 和MEDIAPLAYER 音乐影像、表格、移动字幕、水平线、链 接

2、.修改图片属性、FLASH属性、表格和单元格、修改链接和删除链接修改文本属性,包括粗体、倾斜、下划线、删除线、上标、下标及文字颜色尺寸等三、在线网页编辑器使用说明a如何在编辑框中输入文字？可以直接在编辑框内输入文字.也可以在其他工具软件如WORD 中编辑好文字后复制到编辑框中.b如何将WORD：档复制到编辑框？可以直接将 WORD中编辑好的文章通过复制/粘贴操作,直接拷贝到编辑框中,即方便,又美观.当然,也可以直接复制来自FrontPage, Dreameweaver等其他网页制作软件制作好的内容.以下介绍一个复制 WORD内容到编辑框的样例：庭田用西可左ill1电中第入图X.可以*&

3、TK图用,电可以啾4屈 己庭上瘠出理甘,击左军面向宣曲同性正甲招Tfc®Hr,肯兴拚黄保停竭在甯否HASH求怔.瓯伸一下工具盆中的图鬲系短言弹之一 TEBZL 如下豪h,电可以应人巳地上传黄的图出.作aa片倬中逢辞 细修当你上诉T即冷时.用领日臣耨陛片_1_释裆舞展.百fitflfl站专用的超后匹 jSMi在耳岫刖而中女百彼临,同一细片时.兄变我f£ 史上像用用杵印对HAl SSftlTj卜1,西更隰比而帮S在网昱君心屈.用的丘？ 5. I卷除獴W中网而到I篇可EUF幅无如嬴蒜温城上传柳片,就在苗匹11的图片工箪.片咚湍华际博好 M 星修九用H求仁瓯下,口当中愿丁晨焉江卜世

4、痴人用帏.申田以上跑I传讨的由片.曲切片隹中谢iTglH. 小典上KT图片时,丽上不矢己兢郎E.上市百唇*存曲在冏拈士昭扫岳同=,EJH立区1H冏水中需立足士版无罚图R时.=不IBBIWffi上台-同电!幽 律日H*的配ht即可看儿,耳he如下,上图是一篇 WORD的文档,包括一些文字和表格.首先选中需要拷贝的内容,按 CTRL_C或 按下鼠标 右键后选 择“复 制,将 内容复制 到剪贴板 中.然后 将光标停 留在编辑 框中需要祠僵居受着心 插入Q修改迎父本！0国画鑫M 三三三三 n j u T I 1=：=率钳0k和何在编轴枢中播入图片t使用网页漏转器可以宜接在编辑袍中插入图片.可以插入一张

5、新图片,也可以插入团前已泡t国 的图片或在系统内苴的图片度中选择一张图片.首先将光标停留在需票插入图片的位置,然后按一下工具条中的照标,系统会弹出一个 窗口*如下西rI工程I参数工具条I图片除了上传插入图片.也可以插入已庭上借过的图片,或在图片序中选择T图片.当你上传一张图片时.实际上系疏已好将图片上传到眼假设翡,存版在网站专用的图片生中.如果: 其他朗页口需要再欢插入同一张图片时,就不善要再翻上除只要盅军二张已姿上由的图片目时无 入.方祛如Fi|、首先将光标停留在辞里插入图片的位苴插入文档的位置,按 Ctrl_V或 按鼠标右键选择“粘贴,将刚 才复制的内容粘贴到编辑框中.通过这样的复制/粘贴

6、操作, WORD文档中编辑好的文字和 表格可以很容易得复制到编辑 框中,即方便又美观如左图Cc如何将网页内容复制到编 辑框？可以直接复制外部网页的 内容到编辑框中,甚至可以直接 拖放网页到编辑框.只要用鼠标选中需要复制的区域,然后复制选中的内容到剪帖板,然后将光标停留在编辑框中,粘贴内容即可.方法和复制 WORD文档相同.需要注意的是,复制网页内容的时候,图片是从来源网页调用的.如果不能肯定来源网页一直会存在的话,最好将图片保存后再上传插入,否那么源网页一旦关闭,就 再也看不到图片了.d如何修改文字字体、尺寸、颜色？使用网页编辑器,可以直接修改编辑框中文字的字体和尺寸.本节中介绍如何在编辑器中

7、改变文字的大小,字体,如何将文字加粗、倾斜.首先在编辑框内输入文字,然后选中需要改变字体或尺寸编辑查膏出插入g 修改必文本5.我深信无线生活方式将会越来越重要,2.跖,3G下的 应用将更加广阔, 与互瞭阿的结合将越 来越重要,所以搜狐要将无线业务这场关系人们生活方式的革命进行下去,不会由于这次挫折而不再前进.6.就索赖于品牌,技术创新,效劳与治理I要建立一个基业常立,我们不能急功近利,也不要因一时的挫折而对未来失去信心,我八年前在一无所有的情也丁 能回国创业就是基于对技术革命及中国改革开诙建立市场经济的信心,搜孤到目前的成功证实了装 初的信心是对的口7.我们要进一步推进多元化均衡开展的策略,形

8、成搜狐自身持久的核心竟争力.我们今年在W 络广告.搜索.在线游戏电子商务方面已经取得了突出的进展.这才仅仅是开始,搜狐是一个坚明 拨的公司,其爆发力将在一个较长的时间里逐渐展现口我们将进一步发扬授孤文化精神,尊重每个/井给每个人创造尽可能的开展空间,继续市场导向,增强技术产品驱动,追求务实,证实及卓越.第 相信,有攫狐一千名优秀员工拧成一股铝,焕发二次创业的激情,胜利终归属与我们.修改的文 字,如 上图所 示：选 择工具 菜单中的图标, 弹出字 体设置 对话框如左 图. 可以分 别设置 字体、 文字大 小、文 字颜色和文字背景颜色.如果要将文字加粗,选中文字后按一下工具条中的? 图标,选中局部

9、的文字就变粗了. 如果要将文字倾斜,选中文字后按一下工具条中的图标,选中局部的文字就倾斜了.e如何制作移动字幕？按一下工具条中的盟图标,弹出如左图的移动字幕对话 框,可填写移动字幕的名称、内容, 可以设置移动字幕的移动方向、高度、宽度、水平垂直间距、对齐方 向、滚动方式、循环多少次-1 为无限循环、背景颜色、移动速 度等工程.移动字幕插入后在编辑模式 是不移动的,可以使用工具条中的 “3按钮,切换到预览模式, 查看移动字幕的效果.f如何给文字做上标、下标文字上标、下标通常用于一些计量单位. 如:米2.使用网页编辑器可以很容易地制作上标和下标.例：将 米2中的“2作为上标,也就是平方米.首先选中

10、需要作为上标的文字,如下列图左：选择工具菜单中的“上标,选中局部就变成 上标了,如下列图右：同样,选择工具菜单中的“下标,就可以做文字下标I段落格式二I字体三I字体大小二| H j星 A,二|串学一 | 1三E <舞 国共3000笔目|段落格式 二|字体三j|字体大小:| E I U A A X1叁茎些重堂学一 口三头!金唉匾国|二I共3000米彳g如何 做文 字下 划 线、 删除线？首先选中需要做下划线或删除线的文字,按一下工具条中的“U 图标,选中的文字下方出现下划线.如：重点突出.同样,按生"图标,文字中间出现删除线.如：原价300元.h如何将段落居中、居左对齐？选中一段

11、文字,按一下工具条中的选中一段文字,按一下工具条中的选中一段文字,按一下工具条中的i如何给文字做链接 ？至图标,选中的局部居中对齐 基图标,选中的局部居右对齐 尝图标,选中的局部居左对齐性.首先选中需要做链接的文字,然后按一下工具条中的周图标,弹出链接对话框,如下列图:在URL 一栏中填写 需要链接的网址,然后 按“ok即可做好链接.也 可以用同样的方式给图 片做链接,但是当图片 位于表格中的时候,有 时无法成功做链接.这 是在线编辑器的局限如果需要取消一个做好的链接,选中已经做了链接的文字段 链接即可.j如何在编辑框中插入图片？,选择工具菜单中的 修改-> 删除使用网页编辑器可以直接在

12、编辑框中插入图片.可以插入一张新图片,也可以插入以前已经上传的图片,或在图图标,片库中选择一张图片.首先将光标停留在需要插入图片的位置,然后按一下工具条中的弹出插入图片对话框.如左图：选择上传新图片,再按 确定,进入上传图片的对话框,如左图所示.按 浏览查找你电脑中的图片文件, 选择一张图片后确认.选好图片后,按 确定上传图片.图片上传后会自动插 入到光标停留的位置,如下列图 ：这里暂时只介绍插入图片,如何实现文字环绕图片排列,将在下文中介绍.除了上传插入图片,也可以在图片库中选择一张已经上传过的图片.当你上传一张图片时, 实际上系统已经将图片上传到效劳器,存放在网站专用的图片库中.如果在其他

13、网页中需要再次插入同一张图片时,就不需要再重新上传,只要选择一张已经上传的图 片即可插入.方法如下：1、首先将光标停留在需要插入图片的位置2、按一下工具条中的 国图标,系统弹出插入图片对话框.如下列图:选择 从图库中选择一张图片“,按 确定,弹出图库窗口,如下列图：在图库中,显示的是已经上传的图片.双击图片,或按下 选中按钮,图片就会自动插入到编辑框中.一个网页中可以插入多幅图片,通过图文混排,使网页更显美观.如何实现文字环绕图片排列,将在下文中详细介绍.网页制作小常识： 网页中可以显示的图片只有 jpg、gif、png等图片格式,如果是 bmp或psd等格式的图片,即使上传了,也无法在网页中

14、显示.因此系统只允许上传3种格式的图片文件；另外,网页中的图片,一般都是需要经过压缩处理的,如果图片文件过大,上网条件较差的就很难看到图片.压缩图片和转换图片格式需要使用专门的图片制作工具,如： PhotoShop, PhotoImpact等,也 可以使用专门的图片压缩软件.k如何使文字环绕图片？首先用鼠标点中一张图片下列图左：选择工具菜单中的修改-图片属性,弹出图片属性对话框下列图右.寸设置图片外框宽度和外框颜色.L如何插入表格?在图 片属性编 辑窗口 中：可以 选择文字 环绕图片 的方式、 修改图片 路径、修 改ALT 文字、设 置图片尺首先将光标停留在需要插入表格的 位置,按一下工具条中

15、的 园图标.弹出 窗口如左图：确定表格的行数,列数、间距、表格 宽度、表格边框等条件,然后按确定,插入一个空表格.当然,在编辑器中直接编辑表格还是比拟麻烦的,建议在 WORD, FRONTPAGE等常用软件中编辑好表格,然后复制到编辑框中. 网页制作小知识： 当表格边框是“ 1的时候,表格不是很美观；实际上,这并不是编辑器的问题. 真正的网页设计师通常是将表格边框设为“0,再使用别的方式显示出表格边框.而且,在很多时候,表格常被网页设计师用来作为网页的排版分隔,这时候,表格的边框一般也是“0.普通的网页编辑器,如果表格边框是“0的话,就看不到表格,也就无法进行表格编辑.本系统特别提供了 “辅助

16、线功能,专门用来编辑表格边框为“0的表格.使用辅助线的方法请参考：?如何使用辅助线功能实现高级排版? m如何修改表格属性？修改表格属性,就是修改表格的背景颜色,表格宽度、高度,表格边框宽度等.首先使用鼠标 点一下表格的边框,选中表格.如下列图：选中表格后,选择工具菜单中的修改-表格属性图标.弹出表格属性对话框,如下列图左：修 改 表 格背景颜色的方法：在上图左的背景颜色菜单 中选择 背景颜色,窗口中出现背景颜色选择区, 见上图右中的 区域.点一下背景颜色选择区 ,弹出一个颜色选择对话框,可以选择颜色.除了修改表格背景颜色,还可以修改表格的其他属性,如单元格间距,单元格边距,表格边框,表格宽度等

17、.修改完成后按下修改"按钮即可.考前须知：在网页内容较多,或有表格嵌套的时候,有时很难选中表格,或选中后无法弹出表格属性窗口.多试几次,一般都可以成功.颜色选择功能需要IE6.0以上浏览器版本.n如何修改单元格属性 ？修改单元格属性包括：单元格宽度、高度,单元格中内容的位置.首先将光标停留在需要编辑的单元格中.如下列图：按一下工具条中的图标.弹出单元格属性编辑框,如下列图: 单元格背景颜色：设定单元格背景颜色的方法,和设定表格属性中背景颜色的方法相同 设 定单元格的宽度 设定单元格的高度单元格中内容的左右对齐方式单元格中内容的上下对齐方式0如何在表格中插入一行或一列？可以在表格中任意

18、一行的上方或下方插入一行；也可以在任何一列的左侧或右侧插入一行.首 先将光标停留在一个单元格中,选择工具菜单中的修改,可分别执行以下操作按 .,可在该单元格所在的行上方插入一行按.",可在该单元格所在的行下方插入一行按 «；,可在该单元格所在的列左侧插入一列按艰,可在该单元格所在的列右侧插入一列按关,可删除当前一行按兴,可删除当前一列p如何使用“辅助线实现高级排版？当表格边框是“ 1的时候,表格不是很美观；实际上,这并不是编辑器的问题.真正的网页设计师 通常是将表格边框设为“ 0,再使用别的方式显示出表格边框.而且,在很多时候,表格常被网页设计 师用来作为网页的排版分隔,这

19、时候,表格的边框一般也是“ 0.本系统特别提供了 “辅助线功能,专门用来编辑表格边框为“ 0的表格.如果编辑框内有一个边框为“0的表格,该表格的边框是看不到的,也不能选中表格边框进行表格属性编辑.怎么办呢？_首先将光标停留在编辑框内的任何位置.按一下工具条中的励图标,这时,边框为 “0的表格以虚线的方式展现在你的面前,如下列图：_现在看到了表格边框虚线,就可以对表格进行编辑了.如果需要隐藏这些虚线,再按一下励'编辑查看但插入1修改通文本CL国画嘎M 至善叁善 B I U T T | JE :=| j1 H图标就可以了.例：使用“辅助线的功能,来进行一次排版工作 我们打算将网页内容分成上下两大局部,下面局部分成三列: 1、首先插入一个2行1列的表格,表格宽度是 100%边框宽度为0.按一下工具条中的“ 国图标.将弹出窗口中的内容改成这样如下列图:2、按“确定插入表格后,由于边框是“0,因此在编辑框内看不到表格3、按一下“励,可以看到刚刚插入的表格虚线边框4、点中编辑框内的表格,将表格的高度拉