网页设计大作业模板

/伊犁师范学院《网页设计》期末课程设计设计题目：草样年华个人网站学号：08080605014 姓名：刘宝龙院系：电子与信息工程学院专业班级：计算机科学与技术08-2指导老师：王雪峰一、设计思想在已跨入21世纪的今天.人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命.这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前.我国上网的人口已经越来越多.成为世界上网民最多的国家。许多人在需要查询信息.首先想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动画和视频等信息和内容.具有丰富的多媒体信息与互动特点.无可置疑.网站已成为最吸引人的也是最有效的信息传递手段和方式。随着网络技术的发展.各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站.开辟网络世界的一片天地.发展自己的才华和风格。二、开发环境及软件WindowsXP.MacromediaDreamweaver8.photoshopCS3.flash等三、系统结构功能图、页面结构草图及部分页面截图个人档案个人档案〔二级页面相册〔二级页面留言板〔二级页面首页<一级页面>青春纪念册1〔三级页面青春纪念册2〔三级页面真三〔三级页面英语〔三级页面日志〔二级页面养生〔三级页面四、部分代码〔主要添加CSS代码1.添加浮动照片<!--图片漂浮广告代码开始--><divid="www_qpsh_com"style="position:absolute;left:88px;top:57px;width:252px;height:313px;visibility:visible;"><!--链接地址--><ahref=""target="_blank"><!--图片地址--><ahref=""target="_blank"></a></a><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="200"height="300"><paramname="movie"value="image/fffff.swf"/><paramname="quality"value="high"/><embedsrc="image/fffff.swf"quality="high"pluginspage="/go/getflashplayer"type="application/x-shockwave-flash"width="200"height="300"></embed></object></div><script>varx=50,y=60varxin=true,yin=truevarstep=1vardelay=10varobj=document.getElementById<"www_qpsh_com">functionfloatwww_qpsh_com<>{varL=T=0varR=document.body.clientWidth-obj.offsetWidthvarB=document.body.clientHeight-obj.offsetHeightobj.style.left=x+document.body.scrollLeftobj.style.top=y+document.body.scrollTopx=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}}varitl=setInterval<"floatwww_qpsh_com<>",delay>obj.onmouseover=function<>{clearInterval<itl>}obj.onmouseout=function<>{itl=setInterval<"floatwww_qpsh_com<>",delay>}</script><!--图片漂浮广告代码结束-->2.文字滚动<marqueebehavior=alternatedirection=rightalign=middleborder=1><strong>欢迎大家来到糖糖工作室...<spanclass="STYLE11">QQ：594760962</span></strong></marquee3.文本css样式.<styletype="text/css"><!--body{background-image:url<image/BJ-3L.jpg>;}.STYLE2{color:#333366; font-size:14px;}.STYLE11{font-size:12px}.STYLE12{color:#CC6633;font-size:12px;}.STYLE15{font-size:16px; color:#FF6666; font-weight:bolder;}.STYLE17{font-size:36px; color:#FF9966;}--></style>4.超链接变化代码.body{color:#FF0000;}a:link{color:#FF3399; font-size:16px; text-decoration:none;}a:visited{color:#FF0000; font-size:16px; text-decoration:none;}a:hover{font-size:16px; color:#FF3399; text-decoration:underline;}a:active{color:#3366FF;} 五、部分原创素材Logo图像导航条六、主要界面截图1、主页〔必须包含2.个人档案3.个人日记4.留言版七、设计总结第一要具备专业的网页制作技术.能够用模板.框架实现自己的所想。第二.要仔细分析客户需求.使自己的设计具有实用性.在总体设计时要充分与客户交流.以免遗漏客户的要求。第三.要充实自己的美学知识.网站在传播信息的同时还带给人们以美得享受.科学的应用美学知识在网站设计中尤为重要。第四.网页设计需要设计者不怕失败.不断虚心学习.在制作过程中需要不断克服各种困难.直到任务完成。第五.能够熟练引用Photoshop和Flash是网页设计必备的条件.在今后的学习中自己应加强学习。第六.生活中的积累是做出好网页的前提.今后的生活中浏览网页时要多想网页设计的优点和缺点来提高自己通过对本次设计的制作.我深深的体会到每一个漂亮作品的背后都有无尽的付出.网页设计更是如此。它不仅需要我们有很好的审美观.同时在制作之初要对网页的整