Есть ли чёткий алгоритм перевода PSD файла в HTML и CSS файлы? Что лучше использовать? Дримвивер?

Не такого понятия "перевести psd макет в html и css". Эта операция называется вёрстка. И всё делается последовательно. После того, как макет нарисован, он делится на блоки при помощи инструмента Раскройка, и затем сохраняется для веб и устройств. И только после этого вы начинаете верстать, то есть создаёте гипетекстовую разметку, подключаете данные разрезанные картинки, и создаёте сайт.

Самый лучший инструмент - головной мозг.

Всё остальное - по ситуации, художники порой ТАКОЕ нарисуют.. . Не им же верстать потом и пользоваться, а что - красиво же. Какие там нафик блоки, модули, админки и юзеры.

CSS - руками и только, html это язык гипертекстовой разметки, а не psd для интернета.
Так что - резать на gif, jpg, png, тексты и сплошную заливку элементов выбирая форматы, исходя из здравого смысла. Никакая программа автоматом этого хорошо не сделает.

Вы пытаетесь перевести графику в текст? Ну что же, есть способ. Откройте PSD-файл фотошопом, и сохраните его в формате jpg. Затем, на просторах интернета, отыщите конвертер графических файлов в ASCII-арт (навроде MOSASCII) и конвертируйте картинку.

это называется верстка - вырезаешь нужные элементы из фотошопа и вставляешь на страницу с помощью штмл и цсс) ) дримвивер пойдет, тока я его лично не люблю - он много лишнего кода вставляет, я самостоятельно. Но если самостоятельно никак, то лучше конечно дримвивер

Можно перевести это изображение в формат jpg. Потом закинуть полученный файл в одну из папок сайта и указать ссылку на это фото при помощи html кода.