Ответ: Превращение PSD в HTML
Скажу сразу - я не профи. Просто я так делала, мне так было проще и удобнее. Но это способ довольно муторный, если картинка большая.
Для начала выбери показ сетки (View -> Show -> Grid); затем используй Crop Tool (P). Благодаря сетке тебе будет легче аккуратно вырезать.
Когда вырежешь определенный кусок, нажми на "Create new dokument from current state" в окошке "History" справа. У тебя открывается новое окно, которое сохраняешь, присваивая ему определенное имя. Старое окошко, в котором вырезал, возвращаешь в исходное положение. И вырезаешь следующий кусок и т.д.
В коде прописывается примерно так (в зависимости от твоей картинки, сколько квадратов у тебя в ней)
<table width="100%" height="90%" border="0">
<tr>
<td><img src="file:///E:/1.gif" width="168" height="237"></td>
<td background="2.gif">2</td>
<td background="3.gif">3</td>
</tr>
<tr>
<td background="4.gif">4</td>
<td background="5.gif">5</td>
<td> </td>
</tr>
.....
</table>
В первом случае картинка вставлена (1), во втором - является фоном ячейки (2..5) и сверху можно написать какой-то текст. Ширина таблицы равна 100%, высота 90%.
border="0" - означает, что между ячейками таблицы нет расстояния, следовательно, визуально картинка будет одним целым.
Кстати, в Macromedia Fireworks, насколько я поняла, все это делается гораздо проще (как жаль, что у меня ее нет!), но для этого нужна программа Macromedia Dreamweaver. Там все делается так, как ты описал.
