前提，没有用开源项目的前提下。

前端：
按照设计稿生成前端页面
实现需求中的页面效果
后端：
数据交互以及前端页面对接接口
合作：
前端：用户smarty或者ajax进行数据交互
后端：说明数据交互规则
前端+后端：调试页面数据是否显示正常，对于不能提供或者无法提供的数据，做处理。

后端写好数据接口 前端通过 数据接口去获取数据 然后更新网站 这个应该是比较好的处理方式，你说的那种通过模板的 都是前后端不分离的状况，修改一个东西需要前后端一起配合

smarty模版难道不是前端开发的吗？ 你还能指望一个PHPer去写HTML、JS和CSS？

内容经常更新，需要做一套内容管理系统，更新内容图片不用改代码。
如果页面比较复杂，可以先做好静态，再套smarty，如果比较简单，直接改smarty，自己搭环境来测

答一个目前在职公司的流程：

前端是先和后端定义好接口，模板数据接口以及异步数据接口。
然后前端做假数据模拟请求，调前端展示和交互逻辑。
做好后，再和后端联调。

前端使用edp：
调试
构建
代码生成

使用edp WebServer进行调试。

感兴趣的可以看一下： https://github.com/ecomfe/edp
对这个工具还不是特熟悉，项目也是刚刚接手。

大概意思是：前端与后端定义好页面数据，前端即可使用edp 工具进行模拟，调试。

以我的开发经验为例子：
前端的职责：
1.按照设计稿生成前端页面
2.实现需求中的页面效果
3.将页面所有内容放到单独的文件中，加载时候使用js来控制文件的加载
后端的职责：
数据交互以及前端页面对接接口
最后：
前端：与后端ajax进行数据交互，可以视为联调的过程
写一个velocity的架子，将一些公用的头尾加载进去，需要引用的js路径写对，扔给后端
后端：接受那个velocity文件放在相应位置

这样做的好处就是真的做到了彻底分离，因为页面的架子都是一样的，只是js路径不同，内容是通过js来控制加载的，一旦需求有变动，不要去协商后端出资源协助你改模版，只需要你更改那个单独的文件中的内容就可以了。