网页设计大作业模板.docVIP

. . 伊犁师范学院 《网页设计》期末课程设计 设计题目：草样年华个人网站 学 号：08080605014 姓 名：刘宝龙 院 系：电子与信息工程学院 专业班级：计算机科学与技术08-2 指导老师：王雪峰 一、设计思想 在已跨入21世纪的今天.人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命.这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前.我国上网的人口已经越来越多.成为世界上网民最多的国家。许多人在需要查询信息.首先想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动画和视频等信息和内容.具有丰富的多媒体信息与互动特点.无可置疑.网站已成为最吸引人的也是最有效的信息传递手段和方式。随着网络技术的发展.各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站.开辟网络世界的一片天地.发展自己的才华和风格。 二、开发环境及软件 Windows XP.Macromedia Dreamweaver 8.photoshop CS3.flash等 三、系统结构功能图、页面结构草图及部分页面截图 个人档案 （二级页面） 相册 （二级页面） 留言板 （二级页面） 首页 (一级页面) 青春纪念册1 （三级页面） 青春纪念册2 （三级页面） 真三 （三级页面） 英语 （三级页面） 日志 （二级页面） 养生 （三级页面） 四、部分代码（主要添加CSS代码） 1.添加浮动照片 !--图片漂浮广告代码开始-- div id=www_qpsh_com style=position:absolute; left: 88px; top: 57px; width: 252px; height: 313px; visibility: visible; !--链接地址--a href= target=_blank !--图片地址--a href= target=_blank/a/a object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 width=200 height=300 param name=movie value=image/fffff.swf / param name=quality value=high / embed src=image/fffff.swf quality=high pluginspage=/go/getflashplayer type=application/x-shockwave-flash width=200 height=300/embed /object /div script 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 var 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 L) { xin = true; x = L} if (x R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y T) { yin = true; y = T } 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)} /script !--图片漂浮广告代码结束-- 2.文字滚动 marq