发表于: 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 框设置永久弹出的框,框中有音频播放键,不过感觉困难实现不了?比如音频播放键是直接雪碧图的图片等,明天动手操作试试。此方法是否可行?或者有更好的布局方式吗?

        


收获

        认识到新知识点 音频、弹出框等,更改自己布局的思路。


返回列表 返回列表
评论

    分享到