好友博客
点击进入妍妍的博客
3 总结
系统的特点
本博客采用了div与css的方法对整个页面进行了设计与布局,运用了特殊代码、脚本与文件来实现一些特殊的功能比如点击图标回到顶部、鼠标经过图像处理以及图文滚动效果、音乐插件等。
系统的不足
(1)javascript与插件运用的太多
对于插件和javascript脚本部分代码我只能够看懂,但是并不能亲自写出脚本和插件的代码,这没有起到训练写网页代码的能力。第一次用js做了下拉菜单,但要符合老师说的要在同一个页面显示所有我就不会了,因此放弃了使用下拉菜单,而用js做了时间和小火箭。
(2)DIV与CSS运用的不够多
本学期该课程设计的重点要求就是对div与css掌握度得到提高并且熟练运用,可是在设计过程当中,我用到的相关知识并不是很多。
(3)页面设计过于简单
没有用div与css设计过于复杂的布局,所以页面略显得有些简单,没有达到课程设计的要求。(4)站点设置时资料存储的过于杂乱
在以后的学习过程中,一定要将文件分类放好,便于查找与使用。这次制作网页时,图片、网页、脚本文件都放在一起了,在打开文件的时候图片和链接什么的都出了差错,以后一定注意。
心得体会
自己感觉学这个有点麻烦有点难但是很好玩,虽然没有达到老师的要求,也没有达到自己内心的目
标样子,但是自己已经是很努力去学习和实践了。
对于一个网页制作初学者来说,一切都是那么陌生,从什么都不会,到现在能比较熟练的运用Dreamweaver,对我来说也是一个极大的提高。当然这不算什么,毕竟现在看来我们接触的知识与技能还是十分浅薄的。刚开始做主页时,我是复制的别人的实例,但是做到最后全部都乱了,自己又重新开始做的。不过有些问题难以解决。并且博客也做得非常简单,没有什么用javascript做出了的特效。
在这一次的实训过程当中,遗憾还是大于成功的,因为没有达到老师的要求,没能用div和css设计出很好的布局,还有就是使用太多相同的,有些还是现成的,没有什么技术含量,这个是我觉得非常非常遗憾的地方,从此之后,我要在div和css上多花点功夫,希望我能够用div+css和js设计出很炫的效果。
4源代码
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
return i
}
function MM_preloadImages() { ndexOf("#")!=0){ [j]=new Image; [j++].src=a[i];}} }
function MM_swapImgRestore() { ocument; n=(0,p);}
if(!(x=d[n])&& x=[n]; for (i=0;!x&&i< x=[i][n];
for(i=0;!x&&&&i< x=MM_findObj(n,[i].document);
if(!x && x=(n); return x;
}
function MM_swapImage() { TYLE1 {font-size: 24px}
.STYLE2 {font-size: 36px}
#Layer1 {
position:absolute;
width:1196px;
height:604px;
z-index:1;
left: 309px;
top: 120px;
}
#Layer2 {
position:absolute;
width:1124px;
height:603px;
z-index:1;
left: -48px;
top: 21px;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li
{
display:inline;
a:link,a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color: #7A991A;
color: #F39394;
}
body {
background-image: url(jQuery可爱火箭回到顶部效果代码/images/;
}
body {
background-image: url(images/;
}
body,td,th {
color: #000000;
}
#Layer3 {
position:absolute;
width:113px;
height:102px;
z-index:1;
left: 315px;
top: 294px;
}
#Layer4 {
position:absolute;
height:101px;
z-index:2;
left: 430px;
top: 295px;
}
#Layer5 {
position:absolute;
width:107px;
height:100px;
z-index:3;
left: 544px;
top: 296px;
}
#Layer6 {
position:absolute;
width:371px;
height:91px;
z-index:4;
left: 320px;
top: 118px;
}
#Layer7 {
position:absolute;
width:125px;
height:36px;
z-index:4;
left: 553px;
top: 106px;
}
#Layer8 {
position:absolute;
width:797px;
height:311px;
z-index:4;
left: 317px;
top: 400px;
}
.STYLE3 {
font-family: "新宋体";
font-size: 18px;
}
#Layer9 {
position:absolute;
width:200px;
z-index:5;
}
$(function(){
$(window).scroll(function() {
if($(window).scrollTop() >= 100){ ctGotop').fadeIn(300); ctGotop').fadeOut(300); ctGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); tm" >@个人主页
生命像东流的一江春水,他从生命最高处发源,冰雪是他的前身。他聚集起许多细流,合成一股有力的洪涛,向下奔注,他曲折的穿过了悬崖削壁,冲倒了层沙积土,挟卷着滚滚的沙石,快乐勇敢的流走,一路上他享受着他所遭遇的一切;有时候他遇到巉岩前阻,他愤激的奔腾了起来,怒吼着,回旋着,前波后浪的起伏催逼,直到他过了,冲倒了这危崖他才心平气和的一泻千里。有时候他经过了细细的平沙,斜阳芳草里,看见了夹岸的桃花,他快乐而又羞怯,静静的流着,低低的吟唱着,轻轻的度过这一段浪漫的行程。有时候他遇到暴风雨,这激电,这迅雷,使他的心魂惊骇,疾风吹卷起他,大雨击打着他,他暂时浑浊了,扰乱了,而雨过天晴,只加给他许多新生的力量。有时候他遇到了晚霞和新月,向他照耀,向他投影,清冷中带些幽幽的温暖:这时他只想憩息,只想睡眠,而那股前进的力量,仍催逼着他向前走……终于有一天,他远远的望见了大海,呵!他已经到了行程的终结,这大海,使他屏息,使他低头,她多么辽阔,多么伟大!多么光明,又多么黑暗!大海庄严的伸出臂儿来接引他,他一声不响的流入她的怀里。他消融了归化了,说不上快乐,也没有悲哀!也许有一天,他再从海上蓬蓬的雨点中升起,飞向西来,再形成一道江流,再冲倒两旁的石壁,再来寻夹岸的桃花。
我的资料
姓名:徐静
性别:女
爱好:吃
家乡:益阳
专业:软件工程
星座:天秤座
座右铭:生如夏花之绚烂,死如秋叶之静美