《计算机网络》课程设计网站网页设计Word文档格式.docx
《《计算机网络》课程设计网站网页设计Word文档格式.docx》由会员分享,可在线阅读,更多相关《《计算机网络》课程设计网站网页设计Word文档格式.docx(12页珍藏版)》请在冰点文库上搜索。
序号
阶段内容
所需时间
1
布置任务及调研
2天
2
系统分析与设计
3天
3
调试及报告撰写
合计
7天
4、主要参考资料:
[1]晓雨.DreamweaverMX从入门到精通[M].北京:
航空工业出版社,2003.1
[2]赵祖萌.网页设计与制作教程[M],第2版.北京:
清华大学出版社,2005.2
[3]孙良军.网页设计与网站建设完全教程[M].北京:
航空工业出版社,2004.11
指导教师(签字):
教研室主任(签字):
批准日期:
年月
摘要
21世纪是一个以网络为核心的信息时代。
要实现信息化,就必须依靠完善的网络,同时也需要与之相关的设计与服务。
本课程设计,主要基于框架设计与制作,建立一个以音乐与美文欣赏为主题的个人主页,利用图片、声音、flash等一些特效来装饰自己的网站,来展示自己的风采,它包含个人主页、心灵驿站、精美收藏、魅力音乐、网站说明等模块。
通过对本主页系统的设计实现与大家一同欣赏美文与音乐带来的快乐。
关键词:
音乐Music;
美文Article;
网页Homepage
目录
1课题描述1
2设计思路1
3设计过程1
3.1查阅相关资料1
3.2相关的素材的收集与整理1
3.3框架和定义1
3.4添加标题和文字2
3.5图片素材的处理2
3.6部分Flash处理与制作3
3.7素材添加3
4网页预览3
5图表或程序7
5.1首页按钮代码7
5.2窗体下部动态显示部分代码7
5.3个主页网页核心代码8
总结9
参考文献10
1课题描述
个人主页,一个展示自己的平台,给大家带来乐的平台,它包括一个主页,主页内要有导航栏目,每一个导航栏目都要有相应的链接,每一个链接的页面都要有不同的内容显示,用尽可能多的网页元素规划网页,并且具有文字、图像、声音等。
2设计思路
通过参阅资料和自己对网页知识学习,最后决定做一个通过音乐美文欣赏为主来展示个人的个人网站主页.主页以展现个性为主,同时要不失美观典雅,而且要符合设计题目的要求,不是为了单纯的课程设计,而且要通过本次的练习使自己学到更多的东西,使自己在这方面也有所提高,就构成了现在的设计思路。
3设计过程
3.1查阅相关资料
查阅Flash,网页制作三剑客,动画制作等资料,决定做一个关于音乐美文欣赏的个人网站主页。
3.2相关的素材的收集与整理
通过上网和查阅书籍收集素材,主要包括音乐、图片、文字等。
3.3框架和定义
使用MacromediaDreamweaver8.0开始构建网页精美收藏页面布局选择相应的框架得到如图3.1所示的结果。
图3.1框架定义
3.4添加标题和文字
框架布局好以后在相应位置上添加标题和文字,如图3.1所示,总体知道需要链接11页网页,接下来对需要链接的网页进行细化制作。
3.5图片素材的处理
图片素材的处理,使用Flash和MacromediaFireworks8.0对图片进行相应得处理得到如图3.2所示。
图3.2Flash制作
3.6部分Flash处理与制作
运用Flash8.0制作Flash动画,效果图如图3.3所示。
图3.3
Flash动画和按钮
3.7素材添加
把制作好的素材添加到相应的框架内,对部分代码进行添加与调整,并通过预览的方式检查是否符合要求。
4网页预览
部分网页预览,如图4.1所示,总结设计制作的关键,为做好网页设计报告做好准备。
图4.1预览效果
5图表或程序
5.1首页按钮代码
<
body>
divid="
Layer1"
>
imgsrc="
images/beijing/hm.gif"
width="
182"
height="
175"
/>
/div>
Layer2"
images/feile.gif"
108"
186"
Layer4"
images/texiao/iuo.gif"
149"
166"
Layer13"
images/dongtaitupian/zi.gif"
354"
204"
Layer16"
<
p>
ahref="
grzy.html"
images/1.gif"
83"
31"
border="
0"
/a>
/p>
xqyzh.html"
images/6.gif"
jmshc.html"
images/2.gif"
mlyy.html"
images/5.gif"
wzshm.html"
images/4.gif"
Layer17"
objectclassid="
clsid:
D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
550"
400"
paramname="
movie"
value="
flash/adhk.swf"
quality"
high"
wmode"
transparent"
embedsrc="
quality="
pluginspage="
type="
application/x-shockwave-flash"
wmode="
/embed>
/object>
5.2窗体下部动态显示部分代码
tdwidth="
145"
178"
marqueebehavior="
scroll"
direction="
left"
images/搞笑图片/偶像/3.jpg"
144"
165"
/marquee>
/td>
129"
images/搞笑图片/偶像/0147124061.jpg"
126"
168"
133"
images/搞笑图片/偶像/chld12.jpg"
130"
167"
124"
right"
images/搞笑图片/偶像/feilunhai.jpg"
128"
images/搞笑图片/偶像/s.h.e.jpg"
138"
118"
images/搞笑图片/偶像/panweibo.jpg"
136"
170"
5.3个主页网页核心代码
Layer5"
&
nbsp;
formid="
form2"
name="
method="
post"
action="
"
label>
textareaname="
textarea"
/textarea>
/label>
/form>
form1"
inputtype="
submit"
Submit"
提交"
Submit2"
重写"
总结
通过仔细分析认为这套方案比较好,因为关键技术自己通过查资料问老师和同学都可以解决,比如图片的处理和网页的布局与制作。
颜色搭配也是一个难题,最后经过查资料和请教老师,决定用比较淡一点的颜色,如网页所示。
设计总体感觉不错,符合设计的目的。
不仅达到课程设计的目的,还达到了学习知识的目的,同时也使自己有了很大的提高。
总的来讲制作个人主页不是那么容易,需要解决的问题有很多,需要参阅的资料也有很多,虽然有点累,不过学到了很多东西,感觉进步不小,不仅锻炼了自己,也为以后学习工作做好了铺垫。
为自己以后能更好的克服困难打下了良好的基础。
遇到的困难有很多,比如说制作材料的时候有很多技术还不会,不过通过自己查资料请教老师和同学,都得到了解决.感觉自己的收获很大,会制作简单主页,在网页制作方面有了很大提。
参考文献
[1]晓雨.中文版DreamweaverMX从入门到精通[M].北京:
航空工业出版社,2003.1
[2]赵祖萌.网页设计与制作教程[M].北京:
清华大学出版社,2005.2
[3]孙良军.网页设计与网站建设完全教程[M].北京:
航空工业出版社,2004.11
[4]王成博.FlashMX2004中文版网页动画制作培训教程[M].中国水利水电出版社,2004.6
[5]飞思工作组.网页制作三剑客[M].北京:
航空工业出版社,2000.1