记本学期第一次专题制作

真的有毒，前段时间学微信小程序很久没做页面了，居然连一些标签都不会了，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]

链接：第六届文新杯