html个人主页总结

    还记得老师曾在一个月前就要我们好好准备好自己的自己的个人介绍网页,
当时心里确确实实没有什么把是要是要握,因为自己都没怎么接触过。如今马
上就要到交作品的时候了,看着自己做过的网页,大体自己还觉得满意,不过
自己知识有限,总觉得还有些不足。而且很多东西也是借助网上的代码来实现
的,所以以后还需要好好专研。
    我们是以分组的形式来分配自己的任务的,所以大家有时候也一起讨论,
可能是自己比较执着自己的观点吧,以至于讨论中也出现了一些分歧。大家对
于团体主页的模板各持己见。有的说可以采用百度百科的形式来做,有的说可
以采用js相片旋转特效来实现等等。当然最后还是得由组长定夺。可我任然坚
持自己的观点想用自己的方法来实现。
    后来我明白自己错了,既然大家是一个团队就应该好好商量。在这期间多
亏了我的室友阿操,他每天晚上都来劝我,叫我要好好跟人商量。想想自己有
时候真的有些不理智,看来要好好冷静一下咯。每个人都有自己的想法,关键
是要好好融合大家的想法,不要太过于执着。
    谈了这么多感慨,我想我也应该讲一下自己的项目经验了。其实作为一个
初学者,做一个网页涉及的东西很广,想弄比较好的特效关键就是要自己会收
集总汇网上的资料,然后把自己的想法融合进去就好了。虽然这个过程很枯燥
,我们往往会感觉自己弄了好久什么成效都没有,难免有点心灰意冷。想想自
己也是花了多少个晚上来弄这个啊,现在想想还真不知道自己是怎么熬过来的。
   
    在这过程中我也遇到了不少问题:
    1.如何在同一个窗口中显示不同的页面信息,当时自己找了好久,也没找
    到,后面是问了龙哥才知道的:
       代码:
              <iframe src="index-playlist.htm"        allowtransparency="true"  
                 align="top" height="220" width="100%" scrolling="no" 
                 frameborder="0"  name="right" >
	      </iframe>
              其中allowtransparency是设置父窗口是否可见,
                  scrolling是设置窗口是否有滚动条,
                  name是设置窗口的名字,后面可以通过超链接来跳转:
                  target就是放的name
                  <a href="page.html" target="right" class="style3">主页</a>


    2.如何加滚动字幕:
       代码:
  
                 <marquee style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" 
						  scrollamount="2" scrolldelay="99" direction="up" width="100%" height="500"  align="center"
						  border="0">
						 <p align="center"><span class="style2">致青春</span> <br />
							 <br />
							 <br />
							 <span class="style1">流逝的青春</span></p>
						 <p align="center" class="style1">翻转的年轮<br />
							 <br />
					如同一粒倔强的昙花种子</p>
						 <p align="center" class="style1">明知道绽放只是那一瞬间的美丽<br />
							 <br />
					也要执着的冲破泥土</p>
						 <p align="center" class="style1">迎着风雨坚强的成长<br />
							 <br />
					义无反顾</p>
						 <p align="center" class="style1">当生活的车轮碾过记忆<br />
							 <br />
					留下岁月的吻痕时<br />
					<br />
					才知道生活如同大浪淘沙<br />
					<br />
					淘走了昔日友人的欢笑和共度风雨的艰辛<br />
					<br />
					留下的仅仅是自己和自己那支离破碎的记忆和记忆中若隐若现的对未来的期盼</p>
						 <p align="center" class="style1">离愁别恨人之情<br />
							 <br />
					柳暗花明又一村<br />
					<br />
					<br />
					似乎生活就是不断的经历别离<br />
					<br />
					不断的将别离的哀伤埋藏在内心深处<br />
					<br />
					在不为人知的角落独自神伤<br />
					<br />
					又似乎生活就是看友人在自己身边新旧更替<br />
					<br />
					而自己拼命想挽留却无法挽留<br />
					<br />
					因此自己依旧孤独<br />
					<br />
					并开始享受孤独<br />
					<br />
					心<br />
					<br />
					禁锢在别离和孤独的黑暗中渐渐成熟<br />
					<br />
					如同泥土下掩盖着的生生不息的昙花种子般倔强的成长着<br />
					<br />
					当它挣脱禁锢重获新生时<br />
					<br />
					它获得的是昙花一现的美丽<br />
					<br />
					那绽放的是内心深处不灭的希望<br />
					<br />
					是青春最耀眼的光芒<br />
					<br />
					给青春谱一曲赞歌<br />
					<br />
					让生活的列车在赞歌里欢快前进<br />
					<br />
					如同指尖溜走的沙<br />
					<br />
					一粒接着一粒<br />
					<br />
					一粒牵着一粒<br />
					<br />
					向前是无边的沙堆<br />
					<br />
					向后是停留指尖的回忆!<br />
					<br />
						 </p>
			 </marquee>


     3.如何在html中插入空格:&nbsp
     4.如何动态的字体大小:

   
<html>
<head>
<title>文字从大到小、从小变大</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body,td,th {
	color: #CC00FF;
}
a:link {
	text-decoration: none;
}
-->
</style></head>
<body  background="image/bg1.jpg">
<SCRIPT language=JavaScript>
<!-- Begin
//以下内容可以自己定义
var speed = 50;						//每次改变字体的时间间隔,越小变化越快
var cycledelay = 1000;					//字体变化到极限(最大或最小)的时候保持不变的时间,以毫秒记
var maxsize = 60;					//字体大小的上限
var thismsg2 = new initArray(				//这里建立一个数组,里面存放需要显示的各项内容。
"<br>Simple  And  Happy<br><br><br>活力无限<br>",
"<br>Simple  And  Happy<br><br><br>平凡的梦想",
"<br>Simple  And  Happy<br><br><br>干劲十足",
"<br>Simple  And  Happy<br><br><br>自信乐观"
);
//以下内容不要随意改变
var x = 0;
var y = 0;
var thismsg, size;
var esize = "";
function initArray(a,b) {					//定义初始化数组的函数
this.length = initArray.arguments.length;		
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}
if(navigator.appName == "Netscape")			//如果是NS
document.write('<layer id="msgblk"></layer><br>');	//利用layer作为容器
if (navigator.appVersion.indexOf("MSIE") != -1)		//如果是IE
document.write('<span id="msgblk"></span><br>');	//则用span作为容器

function big(){						//将字体变大的主函数
thismsg = thismsg2[y];					//取当前应该显示的内容
if (x < maxsize) {					//如果字体大小没有达到最大值
x++;							//则将字体加大一号
setTimeout("big()",speed);				//设定下一次加大字体的延时
}
else setTimeout("small()",cycledelay);			//否则(字体已经最大)则设定下一次操作为减小字体
if(navigator.appName == "Netscape") {			//如果是NS
size = "<font point-size='"+x+"pt'>";			//则利用font标签的point-size参数设定字符大小。
document.msgblk.document.write(size+"<center>"+thismsg+"</center>"+esize);//将需显示的内容以文本流方式写入容器
document.msgblk.document.close();			//关闭文本流。
}
if (navigator.appVersion.indexOf("MSIE") != -1){	//如果是IE
msgblk.innerHTML = "<center>"+thismsg+"</center>";	//则利用修改容器innerHTML属性的方法先定义需显示内容
msgblk.style.fontSize=x+'px'				//再修改其fontsize的style属性以改变字体大小
   }
}
function small(){					//将字体变小的主函数
if (x > 12) {						//如果如果字体大小大于1(表明还可以再减小)
x--;							//则将字体减小一级
setTimeout("small()",speed);				//设定下一次减小字体的延时
}
else {							//否则(字体已经最小)
setTimeout("big()",cycledelay);				//则设定下一次操作为加大字体
y++;							//利用字体最小的时候切换显示内容为下一条
if (y > thismsg2.length - 1) y =  0 ;			//如果刚刚显示的已经是最后一条信息,则重新回到第一条
}
if(navigator.appName == "Netscape") {			//如果是NS
size = "<font point-size='"+x+"pt'>";			//写入需要显示的文本
document.msgblk.document.write(size+"<center>"+thismsg+"</center>"+esize);
document.msgblk.document.close();			//关闭文本流
}
if (navigator.appVersion.indexOf("MSIE") != -1){	//如果是IE
msgblk.innerHTML = "<center>"+thismsg+"</center>";	//切换需要显示的文本
msgblk.style.fontSize=x+'px'				//改变文字大小为当前值
   }
}
setTimeout("big()",speed);				//设定下一次将字体变大的延时
//  End -->
</SCRIPT>
</body>
</html>


    这里我就提了一些主要的问题,大家可以参考一下:
    下面的压缩包是我搜集的一些特效(仅供参考):   

猜你喜欢

转载自allagain.iteye.com/blog/1859002