发表于: 2019-05-13 22:21:26
1 886
今天完成的事情
切图:利用PS查看需要切图导入的小图片,切出保存,登入https://www.toptal.com/developers/css/sprite-generator网页,上传载入小图片,得出相应的雪碧图与小图片对应的数值。在任务7中带入使用。
构思布局:上次任务中,是看了UI图就布局,没有考虑对应的效果,比如要有下拉框、页尾图片要求按钮效果。这些效果留到后面完成,就出现一些麻烦,不止是单单引入选择器。所以这次先好好看看哪些地方有要求效果,做到那一步时,当场添加效果。避免后面修改的麻烦。
布局页眉:设置width height,利用flex,很容易布局出页眉效果。
明天计划的事情
继续布局任务7第二个页面。
遇到的困难
构思布局时候遇到几个难点,第二个页面涉及的新知识点应该有 音频、悬浮当中的头像时会出现4个操作选择,这个应该查询出对应的属性,如鼠标停留在头像时出现提示框。
页眉下的布局感觉有一个难点,初步布局想法是 div 框设置永久弹出的框,框中有音频播放键,不过感觉困难实现不了?比如音频播放键是直接雪碧图的图片等,明天动手操作试试。此方法是否可行?或者有更好的布局方式吗?
收获
认识到新知识点 音频、弹出框等,更改自己布局的思路。
评论