С какими только проблемами не приходится сталкиваться при сопровождении своего сайта.
Год назад я открыл шахматный сайт. Для его раскрутки я также открыл шахматную рассылку:
«Ежедневные шахматные задачи. Мат в 2 хода».
Как и предлагает subscribe.ru я для отображения шахматных фигур использовал абсолютные ссылки на графическое изображение, которое находилось на моем сайте.
Однако, такой подход не понравился некоторым моим подписчикам. Оно и понятно: рассылку можно было просматривать только в он-лайне. В тот момент я философски подошел к этому вопросу. Зачем мне подписчики, которые не находятся в он-лайне и, следовательно, не могут зайти на мой сайт ? Остановившись на этом, я не предпринял ни каких шагов к решению данной проблемы. И.... за месяц потерял почти 30% своих подписчиков. Через некоторое время мне из-за ряда жизненных проблем пришлось приостановить выпуск рассылки и закрыть сайт.
В ноябре 2003 года мною была возобновлена работа шахматного сайта:
И я задумался над возобновлением рассылки. И опять возникал вопрос об отображении шахматных фигур. И тут я задался таким вопросом: Если графику отображать в письмах нормально нельзя, то можно ли рисовать фигуры, не используя графику ? т.е. одними HTML тегами или слоями. Сначала мне эта идея показалась бредовой. Однако, мысль появилась и я начал искать пути решения.
Перед матчем Уэльс-Россия по первому каналу шел фильм «Повелитель теней». Этот фильм рассказывал о том, как американцы создавали атомную бомбу. В одном из моментов фильма было акцентировано внимание зрителей на то, что ученые создали нужную им обстановку, которая позволила им придумать ряд интересных решений. Сопереживая героям фильма, озарился и я: ведь рисовать можно таблицами, делая каждую клетку размером 1х1 пиксель и закрашивая каждую клетку в нужный цвет.
Что же, как говорится, все гениальное – просто.
Сложнее это реализовать оказалось на практике:
Итак, код
<table cellspacing=0>
<tr>
<td bgcolor="#000000">
</td>
</tr>
</table>
рисует точку, но ее размер не 1х1, а примерно 1х2 (1-высота, 2-ширина).
Введение параметров width и heigth ни чего не давали. С их помощью можно было сделать ячейку больше, но не меньше.
Ну, что же, тогда код:
<table cellspacing=0>
<tr>
<td bgcolor="#000000">
</td>
</tr>
<tr>
<td bgcolor="#000000">
</td>
</tr>
</table>
Дает черный квадрат примерно 2х2. Вот из таких квадратов и можно нарисовать все что угодно.
Сначала я нарисовал таблицу во Front Page примерно 17х34 и в этой таблице я нарисовал первую фигуру – пешку. Потом убрал лишние строки таблицы и столбцы. Затем объединил разные ячейки, но так, чтобы рисунок не поменял свои очертания. Затем зашел в редактирование кода и поудалял все не нужное. На этом этапе нужно было максимально сократить размер картинки.
И вот что получилось:
Это код пешки, если его просмотреть через браузер, то увидите, что получилось.
Осталось нарисовать другие фигуры и перекрасить в белый цвет.
Ну что же, могу только похвастаться, что часть моих подписчиков осталась довольна.
Вот такие пироги с котятами.