作业及个人心得

                                         作业及个人心得 


 设计总体思路: 这次设计,我分成两个大盒子制作,再在其中一个个小盒子逐步拼凑成一个整体。


在左边设计中,我主要运用absoluted对小盒子进行固定,对于不需要固定的两行,我选择用pdding于margin调整其内外边距;图标均来源于网络,保存于本地后使用img标签引入,调整大小并与后面文字组成一个盒子,最后用hover标签对其设置进行移动至盒子时的颜色变化。最后再简单设置背景颜色完成左半部分设计

特此鸣谢群大佬的提示,让我学会使用cursor改变手势类型。


右边部分需要很多的符号,这些我均是从本地引入 ,并用a标签把它们做成超链接,使它们能点,再以title给它们添加提示,鼠标移至上面可显示。搜索框我是用input标签插入,搜索符号是一张图片超链接。

不足之处:

听歌识曲和点击登录之间的空隙,我用大量的空格符填满,这显得代码笨重又难看,需要用页边距来弥补(这方面很薄弱)。

从代码中明显看出来思维很乱,基本都是想到哪写到哪,导致代码杂乱,后期很难修改,特别是上面一排符号,用了笨方法,费时费力。

写的代码有种不舒服的感觉,下次会考虑整体美感。

基础知识有时想不到,还需多看教学。

心得:

这次制作让我更好的了解了html与css,让我对它们的功能有了更细致的了解,原来对总有一种云里雾里的感觉,现在对它们感受更清晰了。也坚定了我接着学下去的信心,体会到了熬夜打代码的感觉,我也会继续将这个网页完善下去,早日让它成为真正的播放器。

困了,就说这么多吧。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容