网络部第二次作业

学习如何模仿制作QQ音乐界面

1.首先是对初步布局的观察

如下图，可以分为三个盒子,用div进行分割部分进行简单的布局

因为右下主体区块无法使用float进行浮动，那么可以使用绝对路径absolute进行布局，eg：

2.这次作业还要求对图标进行互动，由于我自身能力有限，无法用js写出交互，但是也可以用css写出静态交互，主要是运用hover，active。注意：顺序不能改变否则交互无法进行。

我使用的是超链接，然而超链接无法运用css设置背景图片，或者设置后无法显示，我选择直接插入img，这导致图片无法与交互按钮成为一体，而是分开的。

对此我更加认识到HTML，css,js,这三者密不可分的关系！

3.这次因为没有对图片进行引用，还有一个知识点没有使用到，那就是对图片进行属性的添加。这个功能主要应用于搜索引擎对图片的搜索。

代码如下

最后，这次作业我的完成效果并不好，很多东西没有实现，让我认识到与别人的差距，我会在保证学习的情况下，继续深入学习这门技术。