伊犁师范学院《网页设计》期末课程设计
设计题目：我的个人网页
学号：08080605018
姓名：马建武
院系：电子与信息工程学院
专业班级：计科08-2
指导老师：王雪峰
日期：2011-6-20
一、设计思想
随着网络技术的飞速发展，网络已经遍及每个人的身边，通过个人网页把自己展示在网络上，不仅可以获得更多的朋友，有用的信息，也是跟随时代发展，做走在时代前沿的一个有效方式，本网站旨在设计一个个性化的个人网站，展现自己的生活，学习，爱好等等信息，通过本网站把自己展示出来。
二、开发环境及软件
Windows XP，Macromedia Dreamweaver 8，photoshop等
三、系统结构功能图、页面结构草图及部分页面截图
四、部分代码（主要添加CSS代码）
1.添加首页背景音乐
<body >
<bgsound src="../梦见我/gequ/周杰伦-彩虹.mp3">
2.运用框架
<frameset rows="154,*,87" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="untitled/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="213,561*" framespacing="0" frameborder="no" border="0"> <frame src="untitled/left.html" name="leftFrame" frameborder="no" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" application="" />
<frame src="untitled/zhuye.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<frame src="untitled/di.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
</frameset>
<noframes>
3.图片滚动
<td colspan="5" valign="top">
<marquee direction="left" loop="-1"><img src="../photos/图像220.jpg" width="134" height="133"><img src="../photos/图像224.jpg" width="134" height="133"><img src="../photos/图像231.jpg" width="134" height="133">
</marquee>
</td>
4.文本css样式
.s1 {
font-family: "宋体";
font-size: 18px;
font-weight: bold;
color: #3333CC;
text-decoration: blink;
text-align: center;
vertical-align: middle;
}
.s3 {
text-indent: 2px;
font-family: "宋体";
font-size: 14px;
font-weight: normal;
text-decoration: none;
letter-spacing: normal;
text-align: left;
}
.a1 {
background-position: center center;
text-align: center;
vertical-align: middle;
}
.s2 {
font-family: "宋体";
font-size: 18px;
color: #0066CC;
text-decoration: blink;
text-indent: 2px;
font-weight: bold;
}
5.文字访问前、访问时、访问后的文字样式的变化a:link {
color: #663399;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #996699;
}
a:hover {
text-decoration: underline;
color: #0066CC;
}
a:active {
text-decoration: none;
color: #CC6666;
}
五、部分原创素材
Logo图像
页面中的图像
六、主要界面截图
1、主页
2.相册
3.日志
4.收藏
七、设计总结
第一要具备专业的网页制作技术，能够用模板，框架实现自己的所想。
第二，要仔细分析客户需求，使自己的设计具有实用性，在总体设计时要充分与客户交流，以免遗漏客户的要求。
第三，要充实自己的美学知识，网站在传播信息的同时还带给人们以美得享受，科学的应用美学知识在网站设计中尤为重要。
第四，网页设计需要设计者不怕失败，不断虚心学习，在制作过程中需要不断克服各种困难，直到任务完成。
第五，能够熟练引用Photoshop和Flash是网页设计必备的条件，在今后的学习中自己应加强学习。
第六，生活中的积累是做出好网页的前提，今后的生活中浏览网页时要多想网页设计的优点和缺点来提高自己
通过对本次设计的制作，我深深的体会到每一个漂亮作品的背后都有无尽的付出，网页设计更是如此。
它不仅需要我们有很好的审美观，同时在制作之初要对网页的整体布局做精心的设计，对素材进行很好的收集，它需要有相当的耐心、细心，同时还要思考如何能够更好的运用我们所学的知识，对网页进行捎带技术含量。
在网页的过程中遇到了很多的困难，通过请教他人得到了解决。
我深刻的明白到，没有什么事情是直接通向成功的，都要经历很多次的失败，而在每次的失败过后最重要的是总结。
最后要谢谢老师的指导。