网页设计方案报告篮球世界.docx

网页设计方案报告篮球世界.docx

《网页设计方案报告篮球世界.docx》由会员分享，可在线阅读，更多相关《网页设计方案报告篮球世界.docx（7页珍藏版）》请在冰豆网上搜索。

网页设计方案报告篮球世界

钦州　学　院

网页设计课程设计汇报

篮球世界

院系物理和电子工程系

专业电子信息工程

学生班级级3班

姓名谭添兼黄贵恒陈帆韦德钰

学号

指导老师单位钦州学院

指导老师姓名曲艺

指导老师职称助教

11月

篮球世界

电子信息工程专业级谭添兼黄贵恒陈帆韦德钰

指导老师曲艺

摘要依据设计指标和要求，我们小组在经过一段时间讨论和耐心找材料，最终利用Dreamweaver8制作出一个小型网站：

篮球世界。

该网站属于博客类网站，为每个人提供了一个信息交流传输平台。

“篮球世界”这个网站页面清楚明了，从首页NBA神话到各个子页，全部是链接得很好，层次分明，内容新奇独特，让更多篮球爱好者一起共享篮球世界里瞬间和永恒，也让我们生活舞台愈加绚丽多彩。

关键词：

网页设计，篮球世界，精心设计，博客分享

设计目标:

（1）使学生对于网络信息及网络信息公布有愈加深入了解；

（2）提升学生网页设计和制作能力。

（3）让更多篮球爱好者一起分享篮球世界魅力。

设计技术指标和要求:

（1）依据自己爱好爱好或专长，确定一个网站专题；

（2）应用所学相关知识，进行个人网站计划和设想；

（3）依据自己网站计划思绪和想法，利用网页设计工具来制作自己想要设计网页。

序言…………………………………………………………………………………………1

1网站设计和计划………………………………………………………………………1

1.1网站“篮球世界”专题…………………………………………………………1

1.2资料和素材搜集………………………………………………………………2

1.3LOGO设计说明…………………………………………………………………2

1.4“篮球世界”结构………………………………………………………………3

2各级网页风格说明…………………………………………………………………3

3网页制作和样例……………………………………………………………………4

4设计体会………………………………………………………………………………5

参考文件…………………………………………………………………………………5

序言

在Internet飞速发展今天，伴随多种通讯技术发展，互联网已在中国逐步进入普及阶段，很多人在充足享受浏览新闻，网上聊天，网络游戏，网上交易，收发电子邮件等网络多种乐趣后，开始不满足于被动式接收，期望能主动参与网络，所以大量个人网站应运而生了。

而博客就是网站一个，博客，又译为网络日志、部落格或部落阁等，是一个通常由个人管理、不定时张贴新文章网站。

Internet上公布信息关键是经过网站来实现，获取信息也是要在Internet“海洋”中根据一定检索方法将所需要信息从网站上下载下来。

所以网站建设在Internet应用上地位显而易见，它已成为政府、企机关信息化建设中关键组成部分，从而受到大家重视。

1网站设计和计划

1.1网站“篮球世界”专题

篮球是世界上普及率极高运动项目，它占用场地小，简单易学，趣味性、竞技性、娱乐性融于一体。

现在，篮球运动蓬勃发展，商业化、职业化越来越深，最成功典范是美国NBA（图1）。

所以，我们制作了篮球世界博客，和大家交流和分享自己体会。

图1

博客为每个人提供了一个信息公布和知识交流传输平台，博客使用者能够很方便地用文字、链接、影音和图片建立自己个性化网络世界。

博客能够作为网络个人日志；展示个人某个方面空间；网络交友、学习交流地方；或经过博客展示自己企业形象或企业商务活动信息等。

篮球世界博客是真正用心分享篮球信息平台，给广大篮球爱好者提供篮球视频欣赏和最新娱乐资讯。

大家在这里看到最新篮球赛事，新闻动态，网络视频，还能够发表评论，交流见解，共享资源。

1.2资料和素材搜集

首先新建一个总目录来放置网站全部文件,然后再在这个目录下建立两个子目录:

“images”和“cailiao”。

从各个相关网站上搜集图片资料,将其分类，复制并保留于“images”文件夹中。

查看每张图片，是否满足网站制作条件，假如需要修改，就使用“photoshops”软件对其进行对应修改（图2）。

图2

1.3LOGO设计说明

LOGo以红色为底，中间三竖一横四道白线，如同一个色彩鲜明篮球（图3），预示着篮球运动猛烈和兴盛，勃勃生机。

图3

1.4“篮球世界”结构

点击网站，进入网站首页。

首页包含主页、日志、收藏、相关我，日志和收藏各包含四个子网页。

图4

2各级网页风格说明

点击进入首页，背景为黑白两色，简练明了，一目了然。

首页是网站最关键页面，它是进入其它页面必经之路。

也是网站摸板，它必需含有logo，导航条是进入下一张网页连接所在，不可或缺。

整个首页呈国字型布局，顶上是网站标志和导航条，左边为8个链接，右边为公告栏、网站日历、用户登录，中间为关键部分，和左右一起罗列到底（图5）。

图5

点击左边连接，则在中间显示下一级网页，简单快捷，十分方便（图6）。

图6

3网页制作和样例

首先确定网站专题——篮球世界，依据专题搜集资料，包含图片资料和文字资料。

资料搜集完成后建立站点将资料保留进去，以备调用。

设计LOGO样式，尽可能符合专题思想，再设计BANNER和LOGO相协调。

建立第一张网页做主页，作为进入网站首张页面。

制作网页首先插入一张表格，然后再向表格中插入图片和文本，经过拆分和合并单元格来修改表格，使其达成所需要样式。

图7

在表格形成框架内插入图片，输入对应文字，并再次经过拆分单元格，输入导航文字。

使用超链接，使文字或图片起到导航作用。

图8

其它页面设计和首页设计风格相同，只是在布局和内容上面有所差异。

不过差异并不太大，保持相同风格。

制作简单，却不失个性。

表格定位使得网站设计愈加轻易，能够事先用PHOTOSHOPS图象处理软件处理部分需要使用到图片，使它们看来愈加美观。

按钮和图标设计也是表现网站风格一项关键内容。

4设计体会

经过此次课程设计，会用DREAMWEAVER来制作静态网页。

在设计过程中，组员克服困难，认真完成课程设计。

网页设计时候，要不停预览，查看是否合乎显示器标准。

经过这次网页课程设计，我们学到了不少和网页相关知识。

参考文件

[1]范兆东张飓李冬.网页基础教程和上机指导[M].北京：

清华大学出版社.

[2]何琛催亚海曹汉珍网页设计经典商用案例汉字版、上海：

上海科学普及出版社

[3]