基于HTML和CSS实现的NBA兴趣交流网页设计

到山东找蓝翔

发布日期: 2021-07-26 11:15:07 浏览量: 84
评分:
star_border star_border star_border star_border star_border star_border star_border star_border star_border star_border
*转载请注明来自write-bug.com

一、项目总体设计

1.1 需求分析

阐述

这个网页设计我是以“NBA”为主题展开,之所以选择这个题目,是因为自己本身是一名篮球爱好者,像广大青少年一样是一名 NBA 的追求者,喜欢看 NBA 直播、NBA 头条、NBA 八卦等等,喜欢把自己生活中的点点滴滴都带有 NBA 的身影,无论是穿着还是手机壁纸等等都带有 NBA,现在学了网页设计,当然也要根据自己的想法来设计自己的网页,同时想通过自己设计的网页,来满足更多篮球爱好者的需求,让更多的爱好者在我设计的网页里找到更有意思的东西。

功能

此网页能够满足喜欢 NBA 的人能够随时观看 NBA 直播、NBA 的最新要闻、NBA 的球队的最新动态,同时也可以了解传奇球队的光荣历史、传奇球星励志的 NBA 生涯、还有 NBA 的赛程、东西部球队的简介,NBA 的最新排名。后台工作人员能够用最快的时间根据 NBA 报道准确、完整更新所有的内容。满足爱好者的第一需求。

**技术

  • HTML 语言

  • CSS 样式表

网站结构图

二、详细设计

2.1 登录页面设计

登陆界面主要由顶部的滚动文字、用户登录、用户注册组成。在登录和注册框中加入了超链接,只要点击登录就可以进入首页。

所遇难点:通过输入账号登录(未实现)

2.2 主页页面设计

整个布局主要是用了盒子嵌套和排版,内容有寻找框,注册/登录键,导航栏,要闻,比赛赛程,已经比赛完的视频集锦。导航栏通过加入超链接点击进入对应的页面,要闻下面也是超链接,列出了 NBA 最新要点,整个布局比较美观,可以提高观看者兴趣。

所遇难点:未实现中间视频图片为滚动的,还有视频图片两侧是“< >”无法点击,比赛栏无法让数据随时更新,图片无法滚动。

2.3 传奇球队页面设计

本页面目录和传奇球队的简介两部分组成。目录和球队简介运用了盒子进行排版,一个传奇球队的盒子中都加入了球队的 logo,运用<hr/>下划线把 logo 和简介分隔开,显得浏览的第一感觉较好,在顶部是设置了“返回主页”的超链接,只要点击此处就可以返回主页。

总结

这是我第一次接触网页设计,经过了一个学期对网页设计这门课程的学习,我从对网页设计的无知,到了现在对网页设计有了进一步的了解,经过老师的教导和自己的学习,自己现在也掌握了网页设计的一些知识,没有像一开学那样一无所知,这个学期老师教了很多东西,概括来说就是 HTML 一些基础语言和 CSS 样式表,因为老师在课后不怎么布置作业,所以平时自己也不怎么练习,现在知道单凭在课堂上的那点时间学习是远远不够的,通过这次的期末作业的设计就可以看得出来,因为知识掌握得不牢固,知识面不足,导致制作过程很艰难,一天待在电脑前八九个小时也无法完成一个页面,但幸运的是经过自己不懈的努力,用了两周的时间终于完成了自己制作的第一个网页设计作品,虽然这段时间很累,但是看着凭着自己的双手完成了自己设计的网站,我心里多少有些自豪。当然我的网站离一个完整、优秀的网站还有一大段距离,还需要继续努力,不断地丰富自己的专业知识。

在设计过程中也出现了很多的问题,如忘记使用浮动导致盒子位置错乱、还有文字滚动的属性,但通过看书,上网查询,请教同学等方式,不断地学习、思考、实践、提高,最终顺利的完成了作品。但是还是有一些自己想要设计进去的东西没有办法加进去,因为技术还不够,没有学习到那方面的知识。例如:让图片滚动,输入正确的账号才可以登录…..

希望通过此次的期末作业自己能够更加喜欢网页设计,不断努力,以后能够设计出更加优秀的作品。

上传的附件 cloud_download 个人学习网站.zip ( 17.75mb, 0次下载 ) cloud_download 《网页设计基础》作品设计文档.doc ( 5.66mb, 0次下载 )
error_outline 下载需要10点积分
eject