网页设计方案报告篮球世界.docx
- 文档编号:3401184
- 上传时间:2022-11-22
- 格式:DOCX
- 页数:7
- 大小:290.11KB
网页设计方案报告篮球世界.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]
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计方案 报告 篮球 世界