资源描述
伊犁师范学院网页设计期末课程设计设计题目:草样年华个人网站学 号:姓 名:刘宝龙院 系:电子与信息工程学院专业班级:计算机科学与技术08-2指导老师:王雪峰一、设计思想在已跨入21世纪的今天,人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命,这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前,我国上网的人口已经越来越多,成为世界上网民最多的国家。许多人在需要查询信息,一方面想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动画和视频等信息和内容,具有丰富的多媒体信息与互动特点,无可置疑,网站已成为最吸引人的也是最有效的信息传递手段和方式。随着网络技术的发展,各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站,开辟网络世界的一片天地,发展自己的才华和风格。二、开发环境及软件 Windows XP,Macromedia Dreamweaver 8,photoshop CS3,flash等三、系统结构功能图、页面结构草图及部分页面截图 个人档案(二级页面)相册(二级页面)留言板(二级页面)首页(一级页面)青春纪念册1(三级页面)青春纪念册2(三级页面)真三(三级页面)英语(三级页面)日记(二级页面)养生(三级页面)四、部分代码(重要添加CSS代码)1.添加浮动照片 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById(www_qpsh_com) function floatwww_qpsh_com() var L=T=0/by .comvar R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x R) xin = false; x = R y = y + step*(yin?1:-1) if (y B) yin = false; y = B var itl= setInterval(floatwww_qpsh_com(), delay) obj.onmouseover=function()clearInterval(itl) obj.onmouseout=function()itl=setInterval(floatwww_qpsh_com(), delay) 2.文字滚动 欢迎大家来到 糖糖工作室.QQ:/marquee3.文本css样式. 4.超链接变化代码.body color:#FF0000;a:linkcolor:#FF3399;font-size: 16px;text-decoration:none;a:visitedcolor:#FF0000;font-size: 16px;text-decoration:none;a:hover font-size:16px;color: #FF3399;text-decoration: underline;a:activecolor:#3366FF;五、部分原创素材Logo图像导航条六、重要界面截图1、主页(必须包含)2.个人档案3.个人日记4.留言版七、设计总结 第一要具有专业的网页制作技术,可以用模板,框架实现自己的所想。第二,要仔细分析客户需求,使自己的设计具有实用性,在总体设计时要充足与客户交流,以免漏掉客户的规定。第三,要充实自己的美学知识,网站在传播信息的同时还带给人们以美得享受,科学的应用美学知识在网站设计中尤为重要。第四,网页设计需要设计者不怕失败,不断虚心学习,在制作过程中需要不断克服各种困难,直到任务完毕。第五,可以纯熟引用Photoshop和Flash是网页设计必备的条件,在此后的学习中自己应加强学习。第六,生活中的积累是做出好网页的前提,此后的生活中浏览网页时要多想网页设计的优点和缺陷来提高自己通过对本次设计的制作,我深深的体会到每一个美丽作品的背后都有无尽的付出,网页设计更是如此。它不仅需要我们有很好的审美观,同时在制作之初要对网页的整体布局做精心的设计,对素材进行很好的收集,它需要有相称的耐心、细心,同时还要思考如何可以更好的运用我们所学的知识,对网页进行捎带技术含量。 在网页的过程中碰到了很多的困难,通过请教别人得到了解决。我深刻的明白到,没有什么事情是直接通向成功的,都要经历很多次的失败,而在每次的失败过后最重要的是总结。最后要谢谢老师的指导。
展开阅读全文