开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 705|回复: 0
收起左侧

[作业] Web全栈培训班静态页面设计大赛-仿造某教育机构官网

[复制链接]
结帖率:72% (46/64)
发表于 2022-6-8 17:06:37 | 显示全部楼层 |阅读模式   广东省惠州市
演示地址:http://paopao.siriusbot.cn/1294030320/
(打开演示地址提示:优先选择谷歌游览器最大化打开演示地址,同一浏览器上论坛网页样式跟演示站样式冲突会有一部分css样式会覆盖演示站样式)

总结:通过这次毕设能熟练掌握浮动 定位,flex布局,网格布局,边框,阴影,遮罩层,二级菜单界面,背景图片处理,感谢泡泡能及时解答指点

技术点:1.导行栏,采用粘性定位使页面滑动也能绝对在最顶面上显示,再通过z-index使布局在最顶层,避免二级菜单在页面滑动后也能在最顶层显示,不被下面的元素结构遮住
       2.课程体系,通过overflow:auto解决盒子边距塌陷问题,还有鼠标悬浮显示图标跟赋值背景颜色
       3.免费直播课,左边布局鼠标悬浮需要设定一个透明背景的浮动遮罩层跟浮动的播放按钮
       4.实力保证,采用网格布局,鼠标悬浮需要显示边框线跟显示线条元素
       5.名师堂,鼠标悬浮需要显示按钮元素跟透明图片
       6.IDEA,需要设置背景图片在上层,背景颜色在下层,背景颜色采用颜色渐变样式

网站预览界面
12.png
26.png
35.png
43.png
8.png
57.png
9.png
4.png
66.png
您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表