1. 手头要有个gimp, photoshop.
2. 手头要有个静态文件或者 psd 图
3. 面对一条大鱼的时候, 我们(小猫) 如何下口:
3.1 在内心把静态图,拆分成几部分( 一般3部分: header, body, footer )
3.2 再继续细化: header: 菜单, 有logo. body: 有第一段,第二段,第三段.... footer : 几乎每个页面都一样,可以重用.
4. 开切!!! 用好几个步骤: (下面以 gimp 为例子)
4.1 鼠标左键点选切图工具 .
4.2 ctrl + c 来复制
4.3 ctrl + shift + v , 粘贴成新图片文件
4.4 ctrl + shift + e , export as ...
5. 写个最简单的 html .
切图/拆分原则: 都是矩形(方形) . 对于 圆形,菱形,锯齿形...这些都要靠png图,或者一些hack方法来实现. 这些对于全栈攻城狮,你们知道就行.