记本学期第一次专题制作
真的有毒,前段时间学微信小程序很久没做页面了,居然连一些标签都不会了,emmm
总结一下一次的收获
[title]工具好真的好爽[/title]
很早的时候就听说了PxCook这款工具,但是一直没有用过,这次总算派上用场了。
可以将美工给的psd文件直接导入,智能标注。行高、字体、字号、颜色、位置、间距、可以添加标注性文本,真的炒鸡方便。
链接: 官网链接 教程自己去找 :huaji3:
[title]Photoshop是个好东西[/title]
前端难免会涉及到切图、抠图,所以一些基本的ps还是要会的。这次话的时间最多的可能就在于切图上了,以后还要补一波这方面的技巧。
[title]压缩图片但要适度[/title]
从我建这个博客站的时候就一直养成了一个习惯,将图片压缩的尽可能的小来提高页面的加载速度,但是也要适度的压缩,就这次专题制作来说,我将轮播的图片压缩成了web格式、清晰度低,所以轮播有点模糊。学长说大概100k左右也可以。后来我想了一下既然是一个静态页面,没什么请求,图片稍微大一点也不太会影响网页的加载。
[title]兼容性的问题[/title]
美工给了我图之后,我加了一些自己的想法,用了一些css3的。在测试的时候,发现了它有兼容性的问题,header的logo它IE和火狐是完全不兼容的,下面的上传按钮IE也不兼容。效果就比较差了。我后来的做法是,在css样式上给他们加样式,在兼容的客户端上,后面的css动画会覆盖掉这部分的样式。这样一来,我觉得效果还可以。
[title]细节[/title]
在上传之前一定要检查整个页面,从功能到文字,特别是这种专题排版和文字都比较重要。这是这次比较需要注意的一个问题。在这上面也改动了好几次。
[title]最后想说的[/title]
页面可以不帅,但是一定要骚啊
稍微皮一下 :huaji22:
美工:[bdbtn]https://www.yaochunlai.xin/wp-content/uploads/2018/04/文心杯22.psd[/bdbtn]
代码:[bdbtn]https://www.yaochunlai.xin/wp-content/uploads/2018/04/wxb_6.zip[/bdbtn]
链接:第六届文新杯