作者:黄启浩
本次任务完成时间:2018年12月18日~2018年12月20日
开发工具与关键技术:DW/浏览器;网页设计;
一、功能实现
1、顶部
1)、logo文本
2)、动态导航——插件slide属性。
3)、左侧附带更换网页背景功能
2、内容第一部分
1)、动态轮播淡出淡入——插件slide属性。
2)、文字上滚动——插件slide属性。
3、内容第二部分
1)、音乐列表可试听——放在a标签就行
2)、排版让两边外边距auto
4、内容第三部分
1)、动态轮播——javascript
5、内容第四部分
1)、小视频——video标签
6、固定右侧
1)、风琴导航——css3
2)、回到顶部
.二、经典代码
三、开发总结
这个简单的网页,做起来也挺简单,页面功能,比如轮播,滚动,导航是用插件完成的。JavaScript内容只是写了一个轮播,还有就是背景的切换。尽管页面很简单,但是还是安照了对称的布局,给用户以整体舒适感为主要目标。简单的试验,让我这个小白再一次熟悉了前端UI,有实践肯定会有收获,收获的往往是经验。
感谢大家的浏览,如有疑问可在评论留言哦!