世界大学城空间建设

空间美化概述

(一)、添加页面背景

1. 不显示左上角“世界大学城”图标,但鼠标指向时仍可链接 这个图标在左上角,如果设置了背景(不是白色)或背景图片,则这个图片有点碍眼。以下代码可以不显示这个图片,但鼠标指向它的时候,仍会变成手,单击它可以链接到“世界大学城”的首页。代码如下:

2. 如果希望背景图片固定不变,可以使用以下代码:

其中:“http://ww4.sinaimg.cn/large/641c0751tw1dfsctlry3rj.jpg”为背景图片的链接地址,“background-repeat:no-repeat”说明背景不重复,因此你的背景图片要足够大哦,“background-attachment:fixed”这个背景固定,“background-position:50% 50%”这个是背景位置。

3. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加右上角矩形框的背景:

其中:"/UploadFiles/BlogFile/6/211712/beijing1.jpg"为背景图片的URL,如果你的代码中已有标记对,可将它们整合到一起。

4. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可设置鼠标的特别形状:

其中:'http://www.7stk.com/shubiao/bianxing/36.ani'为鼠标指针形状的URL,可到该网站上去找自己喜欢的鼠标形状,语句:A {CURSOR:hand} ,将超链接的指针形状设置回手形。如果你的代码中已有BODY {„},可将它们整合到一起,之间用“;”分隔。

5.设置左侧导航栏目背景颜色

将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。

6..添加背景音乐播放器的方法:

在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加背景音乐。到网上找一首自己喜欢的mp3,将其URL复制下来代替src后面部分(蓝色字体部分)。

width=300 height=27 type=audio/mpeg panel="0" autostart="1" loop="true">

7.隐藏背景音乐播放器的方法:

添加背景音乐和播放器代码如下:

其中:http://www.qsslfy.com/images/hui.mp3歌曲网址,width和height都设为0就不显示播放器了,建议不显示,显示出来丑,要显示的话如上面修改数字。loop="true"表示循环播放,type=audio/mpeg表示自动播放。

8. 使用CSS添加页面背景颜色

除了可以使用CSS添加页面背景图片外,还可以设置某种背景颜色,代码如下:

注意:以上代码添加到你的“居民信息管理”| “个人爱好”|“自述”中即可看到效果。

(二)、添加banner图片:

1.去掉默认的banner图片,显示完整的背景图片 添加以下代码到2

“居民信息管理”|“个人爱好”|“自述”中即可。

方法一:

方法二:

如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。

注意:去掉banner图片显示和将banner图片修改为自己PS的个性化图片是一个相对的操作,不能同时进行。

2.改banner字体、字号及颜色

banner条上显示有姓名超链接及欢迎文字,想改变他们的字体、字号及颜色吗?请跟我来试一试吧,将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。

注:color--字体颜色;font-family--字体;font-size--字号

3. 使用CSS添加banner图片

注意到我的页面上的banner图片了吗?已经不是模板中的那些图片了。 添加以下代码到“居民信息管理”“个人爱好”|“自述”|中,自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的URL。

如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。

(三)、添加Flash特效:

使用EMBED标记添加Flash特效

使用EMBED标记添加Flash特效的代码如下:

width=1004 height=150 type=application/x-shockwave- flash wmode="transparent" quality="high" ;>

在距离顶边75像素,距离左边100像素,宽1004像素,高150像素的位置3

显示该swf动画效果。

width=1024 height=655 type=application/x-shockwave- flash wmode="transparent" quality="high" ;>

同上,上面是另外一个动画效果。

将以上两段代码粘贴到你的“居民信息管理”|“个人爱好”|“自述”中即可看到效果。

注意:此标记中使用了嵌入样式表,即style="LEFT: 100px; POSITION: absolute; TOP: 75px"。这是绝对定位方式,对不同分辨率的显示效果会有所不同。

小知识:

使用EMBED标记(大小写均可),可以插入多媒体元素,如背景音乐、视频、Flash动画等。

embed标记的几个常用属性有:

src="文件地址",也就是属性里的网址;

height=播放区域高度,取自然数,也可用百分比;

width=播放区域宽度,取自然数,也可用百分比;

autostart=true或者false,决定音乐文件下载完毕后是否自动播放,默认为false,对于一些flash无效;

loop=true或者false,决定是否循环播放,也可以跟自然数,决定循环次数,对于一些flash无效;

controls=设定播放rm、mp3之类文件时的控制面版外观(对flash无效),console(一般正常面板,默认)、controlpanel(精简面板)、smallconsole(更小的面板)、playbutton(只显示播放按钮)、pausecutton(只显示暂停按钮)、stopbutton(只显示停止按钮)、volumelever(只显示音量调节按钮)、imagewindow(只显示播放器屏幕);

hidden=true或者false,决定是否完全隐藏控制画面;

title=提示信息,鼠标在播放区域悬停时显示;

hspace=自然数,距其他文档水平间距;

vspace=自然数,距其他文档垂直间距;

quality=设定播放质量,low(播放质量最差)、medium(播放中等质量)、high(播放高质量,默认)、best(播放极高质量);

plugins=插件地址,如果机器上没有播放所需插件,可在这里设定安装地址,对于已安装的无效;

type=文件类型;

wmode=设置flash影片的window mode属性,指定flash在浏览器中的透明、层叠及位置,可以取值window(影片在浏览器中自己的矩形窗口内播放)、opaque(影片隐藏了所有在它后面的内容)、transparent(使用flash影片透明,显示透明影片后面的网页内容,这将会降低动画的性能,而且这个属性不是在所有浏览器中都可用的)。

(四)、添加JavaScript特效:

4

1.打开网页时可以看到弹出式小窗口

实现方法(一)

2. JavaScript特效--闪烁的星星

下面代码可以实现网页特效--闪烁的星星效果:

6

空间美化概述

(一)、添加页面背景

1. 不显示左上角“世界大学城”图标,但鼠标指向时仍可链接 这个图标在左上角,如果设置了背景(不是白色)或背景图片,则这个图片有点碍眼。以下代码可以不显示这个图片,但鼠标指向它的时候,仍会变成手,单击它可以链接到“世界大学城”的首页。代码如下:

2. 如果希望背景图片固定不变,可以使用以下代码:

其中:“http://ww4.sinaimg.cn/large/641c0751tw1dfsctlry3rj.jpg”为背景图片的链接地址,“background-repeat:no-repeat”说明背景不重复,因此你的背景图片要足够大哦,“background-attachment:fixed”这个背景固定,“background-position:50% 50%”这个是背景位置。

3. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加右上角矩形框的背景:

其中:"/UploadFiles/BlogFile/6/211712/beijing1.jpg"为背景图片的URL,如果你的代码中已有标记对,可将它们整合到一起。

4. 在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可设置鼠标的特别形状:

其中:'http://www.7stk.com/shubiao/bianxing/36.ani'为鼠标指针形状的URL,可到该网站上去找自己喜欢的鼠标形状,语句:A {CURSOR:hand} ,将超链接的指针形状设置回手形。如果你的代码中已有BODY {„},可将它们整合到一起,之间用“;”分隔。

5.设置左侧导航栏目背景颜色

将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。

6..添加背景音乐播放器的方法:

在“居民信息管理”|“个人爱好”|“自述”中添加以下代码可添加背景音乐。到网上找一首自己喜欢的mp3,将其URL复制下来代替src后面部分(蓝色字体部分)。

width=300 height=27 type=audio/mpeg panel="0" autostart="1" loop="true">

7.隐藏背景音乐播放器的方法:

添加背景音乐和播放器代码如下:

其中:http://www.qsslfy.com/images/hui.mp3歌曲网址,width和height都设为0就不显示播放器了,建议不显示,显示出来丑,要显示的话如上面修改数字。loop="true"表示循环播放,type=audio/mpeg表示自动播放。

8. 使用CSS添加页面背景颜色

除了可以使用CSS添加页面背景图片外,还可以设置某种背景颜色,代码如下:

注意:以上代码添加到你的“居民信息管理”| “个人爱好”|“自述”中即可看到效果。

(二)、添加banner图片:

1.去掉默认的banner图片,显示完整的背景图片 添加以下代码到2

“居民信息管理”|“个人爱好”|“自述”中即可。

方法一:

方法二:

如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。

注意:去掉banner图片显示和将banner图片修改为自己PS的个性化图片是一个相对的操作,不能同时进行。

2.改banner字体、字号及颜色

banner条上显示有姓名超链接及欢迎文字,想改变他们的字体、字号及颜色吗?请跟我来试一试吧,将以下代码添加到“居民信息管理”|“个人爱好”|“自述”中。如果已有标记对,那么就直接将这个标记对中间的代码复制进去即可。

注:color--字体颜色;font-family--字体;font-size--字号

3. 使用CSS添加banner图片

注意到我的页面上的banner图片了吗?已经不是模板中的那些图片了。 添加以下代码到“居民信息管理”“个人爱好”|“自述”|中,自己PS一张1005*150像素大小的图片并传到网上,记住图片的URL,替换代码中的URL。

如果“自述”的代码中已有了这对标记,那么你只要把中间那行代码复制到标记对中间去就可以了。

(三)、添加Flash特效:

使用EMBED标记添加Flash特效

使用EMBED标记添加Flash特效的代码如下:

width=1004 height=150 type=application/x-shockwave- flash wmode="transparent" quality="high" ;>

在距离顶边75像素,距离左边100像素,宽1004像素,高150像素的位置3

显示该swf动画效果。

width=1024 height=655 type=application/x-shockwave- flash wmode="transparent" quality="high" ;>

同上,上面是另外一个动画效果。

将以上两段代码粘贴到你的“居民信息管理”|“个人爱好”|“自述”中即可看到效果。

注意:此标记中使用了嵌入样式表,即style="LEFT: 100px; POSITION: absolute; TOP: 75px"。这是绝对定位方式,对不同分辨率的显示效果会有所不同。

小知识:

使用EMBED标记(大小写均可),可以插入多媒体元素,如背景音乐、视频、Flash动画等。

embed标记的几个常用属性有:

src="文件地址",也就是属性里的网址;

height=播放区域高度,取自然数,也可用百分比;

width=播放区域宽度,取自然数,也可用百分比;

autostart=true或者false,决定音乐文件下载完毕后是否自动播放,默认为false,对于一些flash无效;

loop=true或者false,决定是否循环播放,也可以跟自然数,决定循环次数,对于一些flash无效;

controls=设定播放rm、mp3之类文件时的控制面版外观(对flash无效),console(一般正常面板,默认)、controlpanel(精简面板)、smallconsole(更小的面板)、playbutton(只显示播放按钮)、pausecutton(只显示暂停按钮)、stopbutton(只显示停止按钮)、volumelever(只显示音量调节按钮)、imagewindow(只显示播放器屏幕);

hidden=true或者false,决定是否完全隐藏控制画面;

title=提示信息,鼠标在播放区域悬停时显示;

hspace=自然数,距其他文档水平间距;

vspace=自然数,距其他文档垂直间距;

quality=设定播放质量,low(播放质量最差)、medium(播放中等质量)、high(播放高质量,默认)、best(播放极高质量);

plugins=插件地址,如果机器上没有播放所需插件,可在这里设定安装地址,对于已安装的无效;

type=文件类型;

wmode=设置flash影片的window mode属性,指定flash在浏览器中的透明、层叠及位置,可以取值window(影片在浏览器中自己的矩形窗口内播放)、opaque(影片隐藏了所有在它后面的内容)、transparent(使用flash影片透明,显示透明影片后面的网页内容,这将会降低动画的性能,而且这个属性不是在所有浏览器中都可用的)。

(四)、添加JavaScript特效:

4

1.打开网页时可以看到弹出式小窗口

实现方法(一)

2. JavaScript特效--闪烁的星星

下面代码可以实现网页特效--闪烁的星星效果:

6


相关内容

  • 大学校园规划
  • 大学校园规划从来不是孤立的,其与大学学科规划.事业规划存在极其密切的关系.大学校园规划一般要围绕和配合大学学科规划.事业规划去进行,但又在很大程度上影响和制约大学学科规划.事业规划的制定. 北京大学在创建世界一流大学的进程中,为了统筹兼顾校园规划.学科规划.事业规划三者,正确处理和理顺这三者之间的关 ...

  • 大学城的空间建设心得
  • 大学城的空间建设心得 大学城的空间建设已经进行有一段日子了,一路走来,学到了不少东西.刚开始接触大学城的时候,虽自己对电脑略知一二,但不是很清楚大学城建设的真正意义,还以为与带有娱乐性质的QQ空间差不多. 自从作为湘潭职院的一份子参与了大学城个人空间的建设,并担任了空间建设比赛的评委以后,我学会了一 ...

  • 城市地下空间工程专业前景
  • 城市地下空间工程专业 班 级 学 生 完 成 学 号:姓 名:时 间:专 业 导 论 作 业 073411112 *** 2012年12月25日 城市地下空间工程专业发展前景 在选专业之前我就对城市地下空间工程专业的专业介绍,专业发展方向,专业要求,主干课程等做了深刻的学习,认识到开发城市地下空间工 ...

  • 浙江大学十二五-规划
  • 浙江大学2011-2015年发展规划 根据<中华人民共和国国民经济和社会发展十二五规划纲 要>.<国家中长期教育改革和发展规划纲要(2010-2020)>和<浙江省国民经济和社会发展十二五规划纲要>以及<教育部.财政部关于加快推进世界一流大学和高水平大学建设 ...

  • 美国储存图书馆体系发展过程研究及启示
  • [摘要]针对我国储存图书馆的构建需求,研究美国储存图书馆体系的发展过程,其经历国家储存馆.本地储存馆和区域储存馆为主体的不同阶段,各阶段的建设目标各有侧重,文献资源管理办法和服务内容也不尽相同.通过典型的案例分析总结其经验,为我国储存图书馆体系的构建和运行管理提供参考. [关键词]储存图书馆 国家储 ...

  • 高校创业创新创客空间实验室建设方案
  • 高校创业创新 创客空间建设解决方案 目 录 第一部分创客空间建设背景 ................................................................................................................... ...

  • 国外地下空间开发动态
  • 国外地下空间开发动态 作者:佚名 人防动态来源:中国民防网 点击数:118 更新时间:2009-2-3 世界文明的快速发展将对人类未来的居住环境发生重大的影响,由于全球人口迅速增长,人们均 追求更高的生活质量,要求提供更多的食品.能源和矿产资源以使生产可持续增长,而发展需要占用 大量的土地,地下空间 ...

  • 论"韬光养晦,有所作为"的当代传承
  • [摘要]后危机时代背景下,国际政治.经济格局发生变化,继承与发展"韬光养晦,有所作为"战略思想有其必要性和紧迫性.在大学生海洋意识建设问题上,要贯彻"韬光养晦,有所作为"战略思想,摈除传统重陆轻海的观念,提高大学生海洋意识水平和服务能力.和谐世界理念和合作博弈 ...

  • 对新世纪大学校园规划与设计的认识
  • 对新世纪大学校园规划与设计的认识 马 杰 张洪波 (西安建筑科技大学建筑学院 西安 710055) 摘 要:简述大学城发展历史背景与现状, 探讨了适应新世纪发展要求的大学城所具有的内涵特征, 分析了新世纪大学校园规划与设计的发展趋势, 以及对设计理念的新认识. 关键词:大学城 大学校园规划与设计 发 ...