发表于: 2017-04-01 23:55:55
2 661
今天完成的事情:
今天正式开始任务3,下载了PSD文件,任务是做一个简单的移动端页面。中午的时候我用div布局,然后在chrome上边看效果边用webstorm修改代码调试。
晚上回来用css添加了每个div的样式,基本上尺寸和比例都差不多了。
PS使用上到没花太长时间,有美工的底子,切了图之后,直接添加到html中
然后是整体微调,做一些自适应的数值以及单位的调整,晚上时间不够了,所以现在的代码中,尺寸数值很多还是绝对值。
今天还学习了编程规范,然后规范了自己的css命名(虽然有些还是很随意。。。)
明天计划的事情:
明天仔细研究下几个单位的关系,之前只简单的了解了px和em的区别。
把任务3代码的自适应全部修改好
进度如果顺利,开始任务4
遇到的问题:
添加图片的时候,url连接不知道怎么写,后来知道了(把图片和thml文档放到同一个路径下,然后代码中url直接写图片名称就可以了)
linux系统的云服务器用的不够熟练,后来又看了一遍命令,知道了怎么添加文件夹,跳转目录,上传,删除
切图的时候,选择透明底色好还是原底色好?我个人感觉,如果原图是位图且不够清晰,选择透明底色反而没有带底色的好,因为切出来的图会出现锯齿。使用带底色的切图,要用PS吸管工具(或者chrome开发者工具中的吸管)查看底色色号,保证颜色不会有偏差。
收获:了解了css命名规范,学会了切图的多种方法。学会了如何使用chrome开发者工具查看别人了代码及css外链。
评论