目录 一、引言 11.1 背景及意义 11.2 资料收集与分析 11.3 方案实施 1 二、产品分析 2 2.1 方法分析 2 2.2 流程分析 2 三、设计草图 2 3.1 网站栏目规划 2 3.2 网站版面规划 3 3.3 LOGO 草图 4 四、设计效果图 4 4.1 首页效果图 4 五、流程图片 6 5.1 图片展示 6 5.2 框架代码 6 5.3 CSS 样式 7 5.4 JS 样式 8 六、设计创意说明 9 七、设计总结 9 一、引言 1.1 背景及意义 篮球网是一个介绍篮球历史，宣传篮球运动发展，了解现代篮球现状的网站。网站以新闻、图片为主，随着互联网威力的不断增大，篮球网站已经成为人们了解最新篮球资讯不可缺少的一部分。进入网站，你可以轻松了解到最新的篮球资讯。 以及一些篮球历史。省去了你等待广播电视新闻的时间。只要你有篮球网的网站地址，就可以随时随地获取最新的篮球资讯。DBA男子篮球网希望给球迷的生活、学习带来便利，让球迷更好的了解篮球。1.2数据收集与分析国内篮球网站很多，包括虎扑、雅虎、腾讯等，中国的篮球网站从2000年开始兴起，很快就有了一定的规模，到2008年，中国的篮球网站已经从一开始的文字、图片分析，发展到在线视频看比赛、面对面看篮球明星，多种形式让中国的篮球网站在国内外站稳了脚跟。
网站最重要的是要简洁明了，让用户能很快的找到想要了解的新闻或者球员信息，背景不宜过亮，防止眼睛疲劳。 1.3 方案实施 1.制作环境： （1）硬件环境：AMD A4-7210 APU 搭配 AMD R3 @1.80GHz 4GB 内存 （2）软件环境：图形绘制工具Adobe版本为CC 2017；网页制作工具Adobe版本为CS62。 制作流程： 本次毕业设计的步骤如下： （1）2019年11月完成毕业设计题目，确定本次毕业设计领域为篮球网站设计与制作。 （2）2019年11月查阅篮球网站设计的技术资料武汉网络推广，包括网站、世界著名的篮球题材及相关书籍，并咨询指导老师。 （3）2019年12月确定篮球网站，明确网站所要提供和发布的信息类别。 （4）2020年3月，经与导师商议，初步完成网站框架、色彩、文字及图片的设计。 （5）2020年5月，按照学校毕业设计报告写作规范网络营销推广公司，完成毕业设计报告的撰写；并对设计报告初稿进行修改和完善。 1 2.成果分析 2.1方法分析 整个过程中最重要的两个软件一个是，另一个是。
首先做好草图。有些素材还需要修改，比如大小，抠图等；然后做好框架并创建内容，用a/a引入超链接，用css调整样式（比如字体大小，颜色，阴影等），用js添加动画效果，就完成了整个网页制作。 2.2 流程分析 1：首先选定主题 2：然后浏览了解相关网站 3：查找相关文献 4：设计logo（工具：） 5：明确各个板块的任务，并选择合适的颜色 6：设计头身尾，突出重点（工具：HTML） 7：完成首页子页面的模板与动画 8：完成后点击链接，测试页面的跳转与显示 3、设计草图 本次设计将根据网站的主要模块进行讨论，侧重于某个具体功能的实用性或者用到的相关技术。 3.1 网站栏目规划根据网站的需求网络推广方案，篮球的网站栏目划分如下图3-1所示：首页封面注册页详情页图3-1网站栏目划分图23.2网站布局规划根据网站的需求及栏目，篮球网页第一页模板布局如下图3-2所示：页眉导航内容页脚图3-2网站布局图3.3 LOGO草图图3-3 LOGO草图四、设计效果图整个网页分为首页和三个子页面。34.1首页效果图首页上方包含网站名称和背景，背景选择篮筐，象征着篮球应该去的地方。
图 4-1-1 首页顶部图片 首页中上部属于新闻分类，方便球迷了解最新的篮球资讯。 图 4-1-2 首页新闻图片 首页中部包含最新的球队排名和球员图库。 4 图 4-1-3 首页图库图片 跳转至新闻页图片。 图 4-1-4 跳转至新闻页图片 五、流程图 5.1 图片主要体现中心思想。 5 图 5-1 截图 5.2 框架代码 67 图 5-2 部分代码截图 5.3 CSS样式 8 图 5-3 CSS代码截图 5.4 JS样式 9 图 5-3 JS代码截图 六、设计创意说明 网站主色调为黑蓝，沉稳而又充满激情，版式简洁清晰，顶部背景庄重霸气，版式清晰，能展现篮球网站的形象。 一级页面：首页、新闻分类、登录注册、图库。 页面风格设计：整体风格简洁，包括网站logo设计、首页及二级页面设计、网站整体设计风格。 网页结构：在网站整体风格下上海网络推广，网站各栏目的板块结构设计满足内容展示和访客信息获取的要求。 7.设计总结 总体来说，由于疫情的原因，这次的毕业设计工作耗时较长，毕业设计的内容比较充实，毕业设计的进度也没有因为找工作而耽误。设计期间，我们有意识地独立设计郑州网络推广公司，有问题就和同学讨论，不懂的问题就独立学习、请教。这样，我感觉收获很大。在做毕业设计之前，我认为毕业设计只是对三年来所学知识的简单总结，通过这次毕业设计，我改变了自己的看法，觉得自己的想法过于片面。它不仅是对我们的一次考验，也是一次提升自己的机会。
非常感谢我们的指导老师李老师对我的悉心指导和各位老师给予我的帮助。在设计过程中，通过查阅很多相关资料、与同学交流经验、自学、向老师请教，我学到了很多知识，经历了很多艰辛，学到了很多东西，但收获也是巨大的。整个设计过程中，我明白了很多东西，培养了我独立工作的能力，对自己的工作能力树立了信心外贸网站推广公司，相信对我以后的学习、工作、生活都会产生非常重要的影响。也大大提高了我的动手能力，让我充分体验到了创作过程中探索的艰难和成功的喜悦。虽然这次的设计不是很好，但在设计过程中学到的东西是这次毕业设计最大的收获和财富，让我受益终生。参考文献[1]张一梅.图形图像处理课程工作室教学模式研究[J].计算机产品与
文章原创于金源网络科技有限公司：http://haimianbeibei.com/
