发表于: 2018-04-23 23:51:33

1 233


今天完成的事情:1.任务三提交成功;2.利用ps去除底部图案切图;3.任务四正式开始;4.任务四排版(从师兄那学来的技能:看到psd第一步骤解析图片,header、 bodyer、left、right、middle........)

明天计划的事情:提交任务四(完成排版,学习button,配置nginx的http服务,使本地可以通过配置的域名访问)

遇到的问题:1.还是排版的方法问题想问问师兄,排版中“left”、“ righter”等rem、px、%数值在排版的数值都是计算出来的吗,我的感觉都是凭感觉或者瞎写的,觉得可以生成页面就OK了,不知道这种写法是否正确。还有就是知识点感觉有点凌乱了,得找个时间都归纳起来,不知道师兄有推荐的归纳方法或者列表没。2.任务三和任务四都要求自适应,拿剪切的图片大小是使用px还是rem,在使用rem在改变分辨率时会失真。

收获: 任务三收获   “任务最基本的要求就是还原设计图” 谨遵师兄教诲 

            去除底部图案切图   我是采用直接点击右侧图层可视按钮就去除了,“学习下PS不保留背景抠图,按ctrl点击你要切取的部分,然后转换智能对象,双击导出PNG就不会有背景了” 这个方法我试了一下,不知道哪里出了问题没切出来,不过发现在按ctrl点击要切取的部分右击会直接出现图层,去除可视图层也可以做到;

            任务四header排版  header左中上均采用absolute绝对定位 text-aligent使文字文本居中     

                                            输入的账号小图标与输入框对齐,还原设计图;这个要求正在排版;图标使用float:left定位,不过在改变屏幕分辨率的时候会导致输入框到下退一层,正在尝试修改边框和其他定位改变。

                                      

            


返回列表 返回列表
评论

    分享到