欢迎光临散文网 会员登陆 & 注册

【重庆新华电脑学校-课程作业展示】以闪亮之名网页的模拟与制作

2023-06-13 19:15 作者:姬艾诺  | 我要投稿

作品名字:已闪耀之名官网+子界面*3

制作人:蒋沂珊

班级:软件2201

指导老师:夏显剑

此次的结课作业,我选择制作的是以闪亮之名的官网。

这个网页是我在PHP网站搭建的结课作业,它是以闪亮之名网站的一部分,我通过为代码对首页底部的背景插入了视频,设置为了默认播放,在页面顶插入了点击事件,点击播放暂停音乐。还在页面中插入了轮播图的效果。点击事件的效果,还添加了一个div的遮罩层,点击播放视频的按钮出现遮罩层,选择视播放不同的视频。以上就是我完成这个首网页的过程。

第一个子界面完成的是闪亮资讯的界面:在首页的基础上,使用首页的头部和尾部,将原本网页中间部分的内容删除之后做出新的网页。在页面中使用了点击事件,hover效果等。

第二个子界面完成的是活动中心的界面:这个界面只导用了首界面的底部,整个子界面中使用了一个背景,再在这个背景的div之中添加了个div,为div添加flex效果,让一行只显示两个div。

第三个子界面完成的是以闪的一个活动领取的界面:这个界面相当于是一个重新敲出来的界面,其没有运用之前的几个界面中的效果,全是从新加入的。包括:固定导航栏在页面顶效果,点击播放视频关闭视频效果,点击出现登录框的遮罩层等。

以上是本次课门制作的结课作业:以闪亮之名官网;我认为,我在本门课程中学习到了很多,希望在之后的日子里更加的努力学习!

//首界面太大,传不上来

子界面——领奖中心下的活动界面
子界面——闪亮资讯
子界面——领奖中心


【重庆新华电脑学校-课程作业展示】以闪亮之名网页的模拟与制作的评论 (共 条)

分享到微博请遵守国家法律