记一次前端切图的体验之旅

之前都没有用过ps去切图,然后做成网页,这次有机会体验了一次。其实重点工作在ps的使用上。

  • 工具使用adobe cs6,vscode即可。设计师直接给了用ps设计的psd工程。用ps软件打开后,用里面的裁剪工具,先人工将整张网页裁剪,然后保存成html网页格式。
  • ps软件生成的网页是以table为骨架,然后在表格的单元格里填充裁剪的图片。默认图片是以数字为后缀结尾的,支持使用ps为想要的图片点击时间添加超链接,比如为导航栏的图片添加跳转到其他网页的功能。

PS-前端切图教程(切jpg图和切png图

posted @   yihailin  阅读(171)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· DeepSeek在M芯片Mac上本地化部署
点击右上角即可分享
微信分享提示