¿Por que es impórtate separar el código del diseño?
La importancia esta en que al separar los dos se obtiene un código mas legible y claro, ahorrando así mucho tiempo a la hora de depurar el código, como así de mantenerlo o modificarlo ya que los requerimientos cambien.
También se ahorra mucho tiempo a la hora de hacer cambios en el diseño, ya que si se quiere cambiar la estructura o cambiar por ejemplo el lugar donde se encuentra una foto, mientras que el diseñador mantenga las variables de template intactas, no habrá problemas con el código fuente y el programador no tendrá intervención en el tema.