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