作业及个人心得
设计总体思路: 这次设计,我分成两个大盒子制作,再在其中一个个小盒子逐步拼凑成一个整体。
在左边设计中,我主要运用absoluted对小盒子进行固定,对于不需要固定的两行,我选择用pdding于margin调整其内外边距;图标均来源于网络,保存于本地后使用img标签引入,调整大小并与后面文字组成一个盒子,最后用hover标签对其设置进行移动至盒子时的颜色变化。最后再简单设置背景颜色完成左半部分设计
特此鸣谢群大佬的提示,让我学会使用cursor改变手势类型。
右边部分需要很多的符号,这些我均是从本地引入 ,并用a标签把它们做成超链接,使它们能点,再以title给它们添加提示,鼠标移至上面可显示。搜索框我是用input标签插入,搜索符号是一张图片超链接。
不足之处:
听歌识曲和点击登录之间的空隙,我用大量的空格符填满,这显得代码笨重又难看,需要用页边距来弥补(这方面很薄弱)。
从代码中明显看出来思维很乱,基本都是想到哪写到哪,导致代码杂乱,后期很难修改,特别是上面一排符号,用了笨方法,费时费力。
写的代码有种不舒服的感觉,下次会考虑整体美感。
基础知识有时想不到,还需多看教学。
心得:
这次制作让我更好的了解了html与css,让我对它们的功能有了更细致的了解,原来对总有一种云里雾里的感觉,现在对它们感受更清晰了。也坚定了我接着学下去的信心,体会到了熬夜打代码的感觉,我也会继续将这个网页完善下去,早日让它成为真正的播放器。
困了,就说这么多吧。