世界大学城操作手册.docx
- 文档编号:15672175
- 上传时间:2023-07-06
- 格式:DOCX
- 页数:13
- 大小:3.29MB
世界大学城操作手册.docx
《世界大学城操作手册.docx》由会员分享,可在线阅读,更多相关《世界大学城操作手册.docx(13页珍藏版)》请在冰点文库上搜索。
世界大学城操作手册
世界大学城操作手册
一、页面介绍
1.页面原始整体样式如下
由顶至底主要分为:
a.整体背景
系统的整体背景
b.系统菜单:
c.头(TOP)
d.学校菜单栏
e.中间部分
左边个人菜单栏:
中间信息栏:
右边信息栏:
f.底部
二.页面修改准备工作
1.在什么地方进行页面修改
A.首先进入登录自己的帐号
B.在页面的顶部系统菜单栏选择“居民信息管理”(见下图红色三角形位置)
C.在随后的页面中选‘我的空间管理’(见下图绿色三角形位置),‘个人爱好’(见下图红色三角形位置)后就可以在‘自述’文本框(见下图蓝色三角形位置)输入页面修改代码。
2.修改页面的必须代码
A、请将下面从‘//必须代码开始’到‘//必须代码结束’之间的所有文字拷贝到‘自述’文本框中(具体参见二----1-----C的图片蓝色三角形位置)
//必须代码开始
//222.240.224.132: 5556/test.js"> window.onload=function() { //请在这里开始填写您的代码 //在这里结束您的代码 } //必须代码结束 3.保存代码 代码结束后请将该页页面滚到最底端直到看到底部栏,点击‘保存’按钮见下图红色三角形位置 当页面跳出对话框: 后即可在顶部系统菜单栏中选择‘我的空间展示’来查看需改的效果,具体位置见下图红色三角形位置: 三、代码修改页面各个部位 注意: 使用函数修改请先将二---2中的必要代码拷贝到‘自述’文本框中,然后把函数写到开始与结束的中间,使用函数时用自己的参数替换对应的汉字部分,但是单引号需要保留。 1.整体背景 a.整体背景修改: SetBodyBack('颜色或图片位置','类型'); 说明: 颜色或图片位置: 指的是背景需要改成什么样的颜色或者需要用什么样的图片做为整体背景,该参数受类型影响。 类型: 当类型为1时为改变背景颜色,前面的参数填颜色代码。 当类型为2时为改变背景图片,前面的参数填写图片所在的位置。 示例: 改整体背景图片SetBodyBack('http: //222.240.224.132: 5556/xpbz0314.jpg','2'); 改整体背景颜色SetBodyBack('ff0','1'); 2.头(TOP) a.设置TOP框 SetTopSize('宽','高'); 说明: 宽与高为要设置的背景图片与前景图片/动画中最大的宽与高,同时使用该函数后TOP中的文字(XXX欢迎您来到我的学习家园)将被清空。 一般来说宽最好设置为默认的1006。 示例: SetTopSize('1006','240'); b.设置TOP背景 ChangeTopBack('图片位置'); 说明: 背景不能使用flash动画,但是可以使用GIF动态图片。 一般来说背景图片的大小与TOP框的大小一致。 示例: ChangeTopBack(' c.设置TOP前景动画/图片 ChangeTopFlash('图片或动画位置','宽','高','相对TOP左边偏移','相对TOP顶边偏移'); 说明: 如果要实现动态效果可以制作FLASH或者GIF图片,前景可以比TOP框小,当前景比TOP框小的时候,前景未覆盖的地方则显示背景。 示例: ChangeTopFlash(' d.设置TOP文字 ChangeTopFont('文字内容','文字颜色','文字大小','相对前景左偏移','相对前景右偏移'); 说明: 由自己设置的文字内容替换TOP中的文字(XXX欢迎您来到我的学习家园),由左右偏移设置的不同,该文字可以处于前景的上面。 示例: ChangeTopFont('测试字符','a60','25','145','-120'); 修改建议: 如果要动态效果,建议制作一个图片或者FLASH动画将要表达的前景、背景以及文字都包含在其中,这时只需要设置TOP框和前景动画即可。 如果不需要动态效果,建议只要设置TOP框、背景图片以及前景文字。 3.中间大栏整体设置左中右 a.中间中右2大栏整体设置 SetSpaceBack('23','背景图片位置','背景颜色','透明度'); 说明: 不设颜色和图片都为0则为透明背景,背景图片将会覆盖背景颜色,如果要设置背景图片请估计好自己中右俩栏整体的宽度和高度,选择适合大小的图片。 注意中间栏的高度是个变化的值,固定大小的图片将会导致整体风格被破坏,所以一般不建议设置背景图片 第一个参数23请不要修改。 透明度设置为0---100的值。 示例: 设置图片: SetSpaceBack('23','http: //222.240.224.132: 5556/xpbz0314.jpg','','100'); 只设置颜色: SetSpaceBack('23','','3f0','100'); 设置完全透明: SetSpaceBack('23','0','0','100'); b.中间左侧个人菜单栏设置 SetSpaceBack('1','背景图片位置','背景颜色','透明度'); 说明: 不设颜色和图片都为0则为透明背景,背景图片将会覆盖背景颜色,如果要设置背景图片请估计好自己中右俩栏整体的宽度和高度,选择适合大小的图片。 注意中间栏的高度是个变化的值,固定大小的图片将会导致整体风格被破坏,所以一般不建议设置背景图片 第一个参数1请不要修改。 透明度设置为0---100的值。 示例: 设置图片: SetSpaceBack('1','http: //222.240.224.132: 5556/xpbz0314.jpg','','100'); 只设置颜色: SetSpaceBack('1','','3f0','100'); 设置完全透明: SetSpaceBack('1','0','0','100'); c.中间中部信息栏设置 SetSpaceBack('2','背景图片位置','背景颜色','透明度'); 说明: 不设颜色和图片都为0则为透明背景,背景图片将会覆盖背景颜色,如果要设置背景图片请估计好自己中右俩栏整体的宽度和高度,选择适合大小的图片。 注意中间栏的高度是个变化的值,固定大小的图片将会导致整体风格被破坏,所以一般不建议设置背景图片 第一个参数2请不要修改。 透明度设置为0---100的值。 示例: 设置图片: SetSpaceBack('2','http: //222.240.224.132: 5556/xpbz0314.jpg','','100'); 只设置颜色: SetSpaceBack('2','','3f0','100'); 设置完全透明: SetSpaceBack('2','0','0','100'); d.中间右边信息栏设置 SetSpaceBack('3','背景图片位置','背景颜色','透明度'); 说明: 不设颜色和图片都为0则为透明背景,背景图片将会覆盖背景颜色,如果要设置背景图片请估计好自己中右俩栏整体的宽度和高度,选择适合大小的图片。 注意中间栏的高度是个变化的值,固定大小的图片将会导致整体风格被破坏,所以一般不建议设置背景图片 第一个参数3请不要修改。 透明度设置为0---100的值。 示例: 设置图片: SetSpaceBack('3','http: //222.240.224.132: 5556/xpbz0314.jpg','','100'); 只设置颜色: SetSpaceBack('3','','3f0','100'); 设置完全透明: SetSpaceBack('3','0','0','100'); 修改建议: 总体来说,中间3大栏的整体风格不建议改变,其背景图片或颜色可以依靠整体背景图或颜色来体现,但是可以适当修改颜色以及透明度。 任何一个大栏的透明度的改变将直接影响到其下面所有小栏目的透明度的改变,其结果可能导致文字显示不清楚,需要自己调整。 4.左边个人菜单详细设置 a.设置左边菜单头(红色三角形位置) SetItemTop('文字颜色','背景颜色','背景图片'); 说明: 代码设置的菜单头的背景颜色将会被原菜单的图片覆盖掉大部分,如需要良好的效果请使用背景图片来设置颜色。 这个函数会改变个人菜单栏目中所有菜单项的头的设置。 如果要设置透明则可以将背景颜色与背景图片都设为0; 示例: SetItemTop('f77','272','http: //222.240.224.132: 5556/xpbz0314.jpg'); b.设置左边菜单项(绿色三角形位置) SetItemLink('鼠标未放上去的颜色','鼠标放上去的颜色'); 说明: 菜单项本身为一个超链接,这个这个函数会改变个人菜单栏目中所有菜单项在鼠标放上去显示的颜色和鼠标未放上去时显示的颜色。 示例: SetItemLink('1a7c01','9a7c01'); c.在左边菜单中插入图片(蓝色三角形位置) InsertMenuPic('栏目名称','图片地址','图片高','图片宽','点击跳到哪里'); 说明: 这个函数可以在指定的菜单头下属的菜单项后面插入一个图片,同时还可以设定点击图片后页面跳转到哪里。 指定的菜单头只需要把需要插入图片的菜单栏目的头的中文名称填写到‘栏目名称’中即可。 插入图片显示的顺序由使用该函数插入图片的代码先后顺序决定。 示例: InsertMenuPic('个人简介','http: //222.240.224.132: 5556/xpbz0314.jpg','30','80',''); 5.设置中间与右边的小栏目 注意: 中间与右边的小栏目都以编号,在使用函数时,只要把相应的编号填入行数中栏目编号中即可,各栏目的编号参照下面的编号列表。 中间与右边的小栏目有部分是互相影响的,也就是说,改了这一个,另外一个必然会做相应改动。 编号列表 栏目名称 栏目编号 我的空间动态 简介 22 好友列表 学习俱乐 32 好友下部(共多少好友部分) 33 个人动态、好友动态、大学城动态 231,232,233 23 留言板 24 1.各小栏目头部(见红色三角形部分) SetLittleItemTop('栏目编号','图片地址','背景颜色','文字颜色','透明度'); 说明: 示例: SetLittleItemTop('23',' 将23号栏目即动态栏(对照编号列表)的栏目头的设置改变。 2.各小栏目内容部分(见绿色三角形部分) SetLittleItem('栏目编号','图片地址','背景颜色','文字颜色','透明度'); 说明: 示例: SetLittleItem('32',' 将32号栏目即包括好友列表和学习俱乐部两个栏目在内的(对照编号列表)的栏目内容的设置改变。 6.其他设置 a.设置变长栏目的固定高度 个人动态栏 SetUserInfoH('高度','1'); 说明: 高度最好不要小于80 示例: SetUserInfoH('80','1'); 留言栏 SetUserInfoH('高度','2'); 说明: 高度最好不要小于80 示例: SetUserInfoH('120','2'); b.设置鼠标指针的形状 c.在个人信息栏中插入FLASH与图片 d.各种弹出界面 四.资源使用指南 1.图片/动画位置(图片/动画的上传以及引用) 2.颜色设置(颜色代码的获取) 3.简易动画制作 4.各系部头部背景图片 服务外包学院: 国际贸易系: 国际学院: 工商管理系: 会计系: 动漫艺术学院: 商务外语系:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 世界 大学城 操作手册
![提示](https://static.bingdoc.com/images/bang_tan.gif)