记本学期第一次专题制作

2018-04-08T11:27:28

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

链接:第六届文新杯

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »
因本文不是用Markdown格式的编辑器书写的,转换的页面可能不符合MIP标准。