Для начала надо ответить на вопрос, зачем это надо
Язык HTML тоже позволяет оформить страницу, придать ей более привлекательный вид, но эти возможности весьма ограничены.
Допустим можно текст поместить в рамку(это смотрится красиво) и задать ей какой-нибудь цвет, но рамка всегда будет прямоугольная, и это существенное ограничение для дизайна
То ли дело GIF. Здесь фантазия неограничена ничем, но...
Можно конечно графически написать нужный текст, нарисовать вокруг него красивую рамку с закруглёнными краями и волнистыми сторонами, однако сколько эта красота будет "весить"?
Поэтому попробуем совместить лёгкий вес HTML и графические возможности GIF
Рисуем самую простую рамку



Середину вырезаем инструментом Slice tool



Рекомендую создать отдельную папку куда вы будете экспортировать эту рамку, чтобы потом, не относящиеся к рамке файлы, не мешали разобраться
Сохраняем сделанное File > Export
В открывшемся окне поставьте
Имя файла - Ramka
Export - HTML and Image
HTML - Export HTML File
и главное Slices - Export Slice
Откройте ту папку в которую вы сохранили эту рамку
Вы увидите один файл HTML и шесть GIF-файлов. Четыре из них это боковые стороны, один файл Spacer и наконец то что нам надо, файл Ramka_r2_c2. Это средняя часть, которую надо удалить и на её место вписать HTML
Открываем HTML-код файла Ramka, находим строчку -
<td><img name="Ramka_r2_c2" src="/img/Ramka_r2_c2.gif" width="239" height="260" border="0" alt="">
Удаляем графику(то, что я выделил чёрным цветом)
Tег <td> надо переписать так <td width="250" valign=top>
width="250" - для того чтобы сохранить размеры рамки после удаления графической середины
valign=top - чтобы текст писался от верха рамки