美工在制作前端程序时，主要涉及以下几个步骤：
需求分析
与客户沟通，明确网站类型、风格、具体要求和服务器空间需求。
网站草图
根据需求分析，规划出网站的内容板块草图，即网站草图。
美工设计阶段
根据网站草图，制作成效果图。这一阶段美工需要使用Photoshop等设计工具完成页面设计。
切图
将设计稿中的图片和元素切出，准备用于前端开发。可以使用Photoshop的切片工具或其他切图软件。
前端开发阶段
美工将切好的图片和元素交给前端工程师，前端工程师根据设计稿进行HTML、CSS和JavaScript的编写。
前端工程师在编写代码时，需要考虑页面结构和设计，确保页面的兼容性和性能。
组件化开发
当前端框架支持组件化开发时，可以先制作基础组件，然后搭建整体框架，再进行业务代码编写和样式走查。
测试和上线
在本地搭建服务器，测试网站功能和页面，确保无BUG后，使用FTP将网站上传至服务器空间或云服务器。
网站验收
仔细测试每一个功能和页面，确保所有功能正常运行，页面显示无误。
建议
沟通协作：美工与前端工程师、后端工程师之间要保持良好的沟通，确保需求的准确传达和实现。
版本控制：使用版本控制系统（如Git）来管理代码，确保代码的可追溯性和协作效率。
持续学习：前端技术更新迅速，美工可以学习一些前端基础知识，以便更好地与前端工程师协作，提高工作效率。
通过以上步骤，美工可以顺利完成前端程序的制作，并与后端工程师协作，确保网站功能的实现和页面的美观性。