2 тривиальных psd нарезать в html

Есть 2 psd, каждый содержит 1 или 2 скриншота программы для айфона-айпада и 1 абзац текста.

Надо превратить их в html файл так, чтобы абзац текста и картинки можно было менять на другие (текст как текст, конечно).

То есть чтобы там было img src=somefile.png где somefile.png - путь к скриншоту

А текстовая надпись была текстом, а не растром.

Мы потом сами напишем скрипт который будет по очереди подсовывать разные файлы в somefile.png и заменять блок текста, и будем делать скриншоты страницы - чтобы получить декорированные скриншоты приложения.

Вот как выглядят выходные картинки - для ipad http://www.weblancer.net/files/portfolio/1556/155673/1355887.jpg (там 2 скриншота)

для iphone http://www.weblancer.net/files/portfolio/1556/155673/1355886.jpg (там 1 скриншот).

У нас есть грамотно сделанные psd для обоих картинок. Как видно, тут делов на 10 минут.

Шрифт использовать именно тот что на скриншоте. Его можно качнуть тут http://www.fontsner.com/font/HelbaDB_Normal-12415.html - подключите его через css.

Так как это для нашего внутреннего использования, то браузер мы запустим тот который надо (хотелось бы - firefox for windows) - то есть про совместимость с msie 5.0 и opera и прочими возиться не требуется.

Скриншоты что использованы на картинке - для айфона http://eimg.hedonicsoft.com.s3.amazonaws.com/shots/dm/iphone/en/shot-01-main.png

для ипада http://eimg.hedonicsoft.com.s3.amazonaws.com/shots/dm/ipad/en/shot-01-main.png и

http://eimg.hedonicsoft.com.s3.amazonaws.com/shots/dm/ipad/en/shot-02-gprs.png

как видите, блика на входных скриншотах них НЕТ, так что блик надо будет через полупрозрачный png прикручивать.