nantonov
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Рисование без графики. С какими только проблемами не приходится сталкиваться при сопровождении своего сайта. Год назад я открыл шахматный сайт. Для его раскрутки я также открыл шахматную рассылку: «Ежедневные шахматные задачи. Мат в 2 хода». http://subscribe.ru/catalog/sport.others.mate2move Как и предлагает subscribe.ru я для отображения шахматных фигур использовал абсолютные ссылки на графическое изображение, которое находилось на моем сайте. Однако, такой подход не понравился некоторым моим подписчикам. Оно и понятно: рассылку можно было просматривать только в он-лайне. В тот момент я философски подошел к этому вопросу. Зачем мне подписчики, которые не находятся в он-лайне и, следовательно, не могут зайти на мой сайт ? Остановившись на этом, я не предпринял ни каких шагов к решению данной проблемы. И.... за месяц потерял почти 30% своих подписчиков. Через некоторое время мне из-за ряда жизненных проблем пришлось приостановить выпуск рассылки и закрыть сайт. В ноябре 2003 года мною была возобновлена работа шахматного сайта: http://***.com И я задумался над возобновлением рассылки. И опять возникал вопрос об отображении шахматных фигур. И тут я задался таким вопросом: Если графику отображать в письмах нормально нельзя, то можно ли рисовать фигуры, не используя графику ? т.е. одними 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 и в этой таблице я нарисовал первую фигуру – пешку. Потом убрал лишние строки таблицы и столбцы. Затем объединил разные ячейки, но так, чтобы рисунок не поменял свои очертания. Затем зашел в редактирование кода и поудалял все не нужное. На этом этапе нужно было максимально сократить размер картинки. И вот что получилось: http://subscribe.ru/archive/sport.others.mate2move/200311/27171717.html Это код пешки, если его просмотреть через браузер, то увидите, что получилось. Осталось нарисовать другие фигуры и перекрасить в белый цвет. Ну что же, могу только похвастаться, что часть моих подписчиков осталась довольна. Вот такие пироги с котятами. | Всего записей: 28 | Зарегистр. 04-09-2002 | Отправлено: 20:46 01-12-2003 | Исправлено: Ruben, 02:27 02-12-2003 |
|