《计算机网络》课程设计网站网页设计.docx

《计算机网络》课程设计网站网页设计.docx

《《计算机网络》课程设计网站网页设计.docx》由会员分享，可在线阅读，更多相关《《计算机网络》课程设计网站网页设计.docx（12页珍藏版）》请在冰豆网上搜索。

《计算机网络》课程设计网站网页设计

课程设计任务书

2010—2011学年第二学期

专业：

计算机科学与技术学号：

080101060姓名：

邱枫

课程设计名称：

计算机网络课程设计

设计题目：

个人网站网页设计—蝶儿恋花

完成期限：

自2011年06月07日至2011年06月13日共1周

设计目的:

能够充分利用所学的网络知识，建立一个以自己为主题的个人主页，通过这个网页可以对自己进行简单的介绍，包括个人信息、爱好，利用多方面的网页元素如图片、声音、flash等一些特效来装饰自己的网站，最后能上传到网络，来展示自己的风采。

功能要求：

包括一个主页，主页内要有导航栏目，每一个导航栏目都要有相应的链接，每一个链接的页面都要有不同的内容显示，用尽可能多网页元素规划网页。

1、设计的任务：

对个人主页进行整体规划和布局，设置一个本地站点，页面设

计有六个页面，每个页面都要用尽可能多的文字或图片来说明自己的主题，测试个人网站，上传并维护。

2、开发工具：

dreamweaver，fireworks，flash

3、进度安排：

序号

阶段内容

所需时间

1

布置任务及调研

2天

2

系统分析与设计

3天

3

调试及报告撰写

2天

合计

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首页按钮代码