网页设计大作业word模板
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
伊犁师范学院《网页设计》期末课程设计
设计题目:我的个人网页
学号:018
姓名:马建武
院系:电子与信息工程学院
专业班级:计科08-2
指导老师:王雪峰
日期:2011-6-20
一、设计思想
随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。
二、开发环境及软件
Windows XP,Macromedia Dreamweaver 8,photoshop等
三、系统结构功能图、页面结构草图及部分页面截图
四、部分代码(主要添加CSS代码)
1.添加首页背景音乐
2.运用框架
3.图片滚动
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是网页设计必备的条件,在今后的学习中自己应加强学习。
第六,生活中的积累是做出好网页的前提,今后的生活中浏览网页时要多想网页设计的优点和缺点来提高自己
通过对本次设计的制作,我深深的体会到每一个漂亮作品的背后都有无尽的付出,网页设计更是如此。它不仅需要我们有很好的审美观,同时在制作之初要对网页的整体布局做精心的设计,对素材进行很好的收集,它需要有相当的耐心、细心,同时还要思考如何能够更好的运用我们所学的知识,对网页进行捎带技术含量。
在网页的过程中遇到了很多的困难,通过请教他人得到了解决。我深刻的明白到,没有什么事情是直接通向成功的,都要经历很多次的失败,而在每次的失败过后最重要的是总结。最后要谢谢老师的指导。