《吉他微界主页》----项目研发阶段性总结

本文分享了一次网页设计的实践经验,重点介绍了使用DW/浏览器进行网页设计的过程,包括动态导航、网页背景更换、动态轮播、音乐列表试听、视频播放及风琴导航等前端功能实现。通过此实验,作者重温了前端UI技术,强调了实践的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作者:黄启浩

本次任务完成时间: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,有实践肯定会有收获,收获的往往是经验。

 


感谢大家的浏览,如有疑问可在评论留言哦!

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜园大萝卜

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值