Вопрос по HTML

← →
antonn © (2006-03-28 16:18) [0]

Знаю, тут есть люди продвинутые в области HTML-программирования. Поэтому возник вопрос - можно ли в текст странички вставить "текст" картинки? Т.е. как в *.dfm файле дельфи, текстом. Таблицей картинка получается, но размер странички растет очень сильно.

← →
Jeer © (2006-03-28 16:23) [1]

Можно.
Art ASCII

← →
McSimm © (2006-03-28 16:26) [2]

Ждите <Canvas></Canvas>, тогда будет можно многое вытворять.
Некоторые браузеры уже поддерживают кажется

← →
McSimm © (2006-03-28 16:29) [3]

Любопытно, почему такая необходимость не использовать естественых способов размещения картинки?

← →
kaif © (2006-03-28 16:29) [4]

Вопрос не совсем понятен. Сформулируй иначе.
"Таблицей картинка получается" - это как?
И почему бы вообще картинку не встроить в страничку именно как картинку?

← →
antonn © (2006-03-28 16:36) [5]

McSimm © (28.03.06 16:29) [3]
Любопытно, почему такая необходимость не использовать естественых способов размещения картинки?
мне нужно картинку одну (72*72) запихнуть в страничку (в ед. экземпляре), без внешних файлов и тд. Сначала хотел mht сделать, но сомневаюсь - все ли браузеры его нормально поддерживают и не будет ли проблем в его создании (я в блокноте пишу, ни один редактор не понравился).

kaif © (28.03.06 16:29) [4]
"Таблицей картинка получается" - это как?
это я создаю таблицу с ячейками 1*1 пиксел и светом фона как у соотвествующего пикселя картинки:)
вот, генератор набросал:
function GetHTMLColor(cl: TColor): string; var rgbColor: TColorRef; begin rgbColor := ColorToRGB(cl); Result := Format("%.2x%.2x%.2x", [GetRValue(rgbColor), GetGValue(rgbColor), GetBValue(rgbColor)]); end; procedure GrafHTML(BT:TBitmap; St:Tstrings); var i,ii:integer; s:String; begin St.Clear; St.Add("<TABLE cellSpacing=0 cellPadding=0><TBODY>"); for i:=0 to bt.Height-1 do begin // St.Add("<TR>"); s:="<TR>"; for ii:=0 to bt.Width-1 do begin s:=s+"<TD height=1 width=1 style="BACKGROUND-COLOR: #"+GetHTMLColor(bt.Canvas.Pixels[ii,i])+";"></TD>"; end; s:=s+"</TR>"; St.Add(s); end; St.Add("</TBODY></TABLE>"); end; procedure TForm1.Button1Click(Sender: TObject); begin GrafHTML(image1.Picture.Bitmap, memo1.Lines); end;

← →
Gero © (2006-03-28 16:41) [6]

Нормальными способами нельзя.

← →
DiamondShark © (2006-03-28 16:47) [7]

> "Таблицей картинка получается" - это как?

Таблица с закрашенными ячейками, размером пиксельХпиксель, или несколько пикселей.
Наверное, как-то так :)

← →
Jeer © (2006-03-28 16:48) [8]

Gero © (28.03.06 16:41) [6]

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

← →
kaif © (2006-03-28 16:51) [9]

мне нужно картинку одну (72*72) запихнуть в страничку

Это пари заключил или как?
Смысл этого в чем???

Если во что бы то ни стало нужно поизвращаться, то можешь попробовать на худой конец нарисовать при помощи языка VML. Internet Explorer поддерживает.

http://wdh.suncloud.ru/vml01.htm

Если, конечно, пари не требует, чтобы это во всех браузерах работало.

← →
antonn © (2006-03-28 17:00) [10]

kaif © (28.03.06 16:51) [9]
нет, это не пари, так хочет моя дизайнерская душа:) Для себя делаю (точнее файл справки для программы. В html - потому что нужно свое оформление и простота создания), нужен логотип.
естесственно, должна быть поддержка всех браузеров. Из-за этого я перешел на "табличный" дизайн (вдруг графика отключена), не использую яву (вдруг отключена). Фаерфокс *.mht не открыл, т.е. открыл в окне IE...

← →
Sandman25 © (2006-03-28 17:02) [11]

antonn © (28.03.06 17:00) [10]

Если графика отключена, это значит, что пользователь не хочет видеть никаких картинок. Даже в таблицах.

← →
LexxX © (2006-03-28 17:06) [12]

antonn © (28.03.06 17:00) [10]
"табличный" дизайн (вдруг графика отключена), не использую яву (вдруг отключена)

А если браузер не стоит?!?!?! Как быть?
Стоит об этом задуматься...

← →
antonn © (2006-03-28 17:06) [13]

Sandman25 © (28.03.06 17:02) [11]
не всегда нехочет, иногда просто экономия трафика (а страничка идет в комплекте с прогой, она локально запускается)

← →
antonn © (2006-03-28 17:06) [14]

LexxX © (28.03.06 17:06) [12]
А если браузер не стоит?!?!?! Как быть?
Стоит об этом задуматься...
хм... а так бывает? ну, что IE нет на компьютере?

← →
Jeer © (2006-03-28 17:06) [15]

Sandman25 © (28.03.06 17:02) [11]

Не факт.
Как минимум - пользователь не хочет тратить трафик на картинки.
Таблица-картинка 72х72 займет копейки.

← →
LexxX © (2006-03-28 17:09) [16]

LexxX © (28.03.06 17:06) [12]
antonn © (28.03.06 17:00) [10]
"табличный" дизайн (вдруг графика отключена), не использую яву (вдруг отключена)

А если браузер не стоит?!?!?! Как быть?
Стоит об этом задуматься...

Забыл смайлик добавить :))

← →
Jeer © (2006-03-28 17:09) [17]

LexxX © (28.03.06 17:06) [12]
Ну да - чистый ДОС:)

← →
McSimm © (2006-03-28 17:18) [18]

> хм... а так бывает? ну, что IE нет на компьютере?

бывает. у меня в данный момент IE нет и быть никак не может :)

← →
antonn © (2006-03-28 17:20) [19]

Jeer © (28.03.06 17:06) [15]
Таблица-картинка 72х72 займет копейки.
ну больше, чем сама картинка (особенно из под генератора из [5]:))

← →
McSimm © (2006-03-28 17:28) [20]

> В html - потому что нужно свое оформление и простота создания),
> нужен логотип.

.chm .pdf
программы просмотра существуют для разных ОС и достаточно распространены

← →
Jeer © (2006-03-28 17:30) [21]

antonn © (28.03.06 17:20) [19]

Я о "твоем" заявленном размере 72х72

← →
antonn © (2006-03-28 17:54) [22]

McSimm © (28.03.06 17:28) [20]
программы просмотра существуют для разных ОС и достаточно распространены
но не так, как WWW-браузеры. Проще только txt, но там оформления нет:)
CHM - думал, но не додумал:) Тот "компилятор", что есть у меня создает справку, при открытии которой слева висит панель поиска (которая совсем не нужна, а убрать не понял как).
PDF - отказался сразу, не у всех есть просмотрщик.

Jeer © (28.03.06 17:30) [21]
я про то, что таблица-картинка весит куда больше, чем "просто" картинка (в bmp 15.2Кб, в "таблице" 316Кб).

а вообще страничка открывается локально (нет, ну можно и с сайта, но идет в комплекте с прогой), поэтому на размер опираться не стоит. Меня волнует то, не "умрет" ли браузер, создавая табличку 72*72? в ИЕ она заметно медленно заполняется (314*215 - уже не запоняется примерно с середины, наверно ресурсов не хватает)

← →
Jeer © (2006-03-28 18:07) [23]

> в "таблице" 316Кб

Это лишнее что-то

← →
kaif © (2006-03-28 18:11) [24]

2 antonn © (28.03.06 17:54) [22]
Что-то ты много насчитал (316Кб)
Мне кажется, что раза в два меньше.
Ты как ячейку раскрашиваешь?
<td bgcolor="#FF0000"></td>
Здесь 27 символов. Умножим 27*72*72...
(я тэги <table>, <tr> не считаю)
Еще если логотип состоит из сплошных цветовых плоскостей,
можно сэкономить какие-то участки, используя colspan, rowspan, не знаю...
Хотя работать это все будет с тормозами.
Я бы не заморачивался и сделал картинку.
В конце концов в Help-е логотип - не главное.

← →
kaif © (2006-03-28 18:17) [25]

Еще подумай о том, что юзер может посмотреть твой HTML-текст и это может быть не в пользу имиджа как логотипа так и автора. Хотя бы потому что так никто не делает. Зачем тебе это нужно? Явно не нужно. Так что если нет красивого решения этой проблемы (а таблица - явно некрасивое решение), то уж лучше юзать классику. Ну и пусть отключает картинки, если хочет - это его право. Может у него глаза болят от картинок. В Help-то он не за этим полезет. Если вообще полезет... :)

← →
antonn © (2006-03-28 18:19) [26]

kaif © (28.03.06 18:11) [24]
<td bgcolor="#FF0000"></td>
хы-хы, ну вот и мое знание хтмл вылазит:)
<TD height=1 width=1 style="BACKGROUND-COLOR: #000000;"></TD>
и так для каждой:)

а как задать у ячеек размер единожды для всех?

Еще если логотип состоит из сплошных цветовых плоскостей,
http://deskclock.narod.ru/_images/logo_main.GIF
замучаюсь выбирать...

← →
antonn © (2006-03-28 18:20) [27]

kaif © (28.03.06 18:17) [25]
Зачем тебе это нужно? Явно не нужно.
Это стиль, это нужно, все дело в деталях. Не люблю абы как...
И это нужно:)

← →
kaif © (2006-03-28 18:21) [28]

Можешь Help вообще без логотипа сделать.
Кто сказал, что в Help-е обязателен логотип?
А логотип засандаль в About или в заставку к проге.
К тому же возможно Help кто-то захочет распечатать.
В этом случае чем меньше картинок, тем лучше.
По мне, по крайней мере.

kaif © (28.03.06 18:21) [28]
Кто сказал, что в Help-е обязателен логотип?
ну я хочу и все тут:)
если ничего не получится, значит не будет.

А логотип засандаль в About или в заставку к проге.
нет там Эбаут, там немножко инструкций и понтов:)
заставку к проге тоже в картинке? :)

Каскадные стили помогут сократить надпись. Проще написать
<td class="a"></td>
а стиль описать в одном месте, в начале текста.
Если, конечно, все браузеры поддерживают стили...
Надеюсь, что это так. Хотя если это не так, то твой код тоже может не заработать.
Кстати, в стилях можно оговорить и ширину линий (чтобы их не было).

Во всех браузерах не выйдет. Мой называется notepad.exe.

TUser © (28.03.06 18:30) [31]
Во всех браузерах не выйдет. Мой называется notepad.exe.
это не браузер, это текстовый редактор (если не переименованный браузер:)). Браузер позволяет по строке адреса отобразить страницу и оперировать гиперссылками.
но блокном мне очень нравится как средство разработки хтмл-страниц:)

> но блокном мне очень нравится как средство разработки хтмл-
> страниц

Это временно.

> antonn ©

Кстати, размер твоей таблицы будет гораздо больше размера картинки того же размера.
Если пользователь отключил графику, значит он экономит трафик. И не нужно ему показывать картинку во что бы то не стало. А то это, простите, наплевательство на пользователя.

Gero © (28.03.06 19:09) [37]
ну зачем так спешить с ответом?..
про размер - я знаю что больше (даже гораздо больше), в [22] я написал, что просто таки огромные размеры выходят...
а про трафик - страница открывается локально, т.е. с винчестера, из каталога программы, www-браузером, установленным по-умолчанию.

> antonn © (28.03.06 19:19)

А, сорри, возможно был невнимателен.
В таком случае лучше использовать не таблицу, а просто текст.

Хочешь красивое, хотя и бессмысленное решение?
Напиши программу, которая обойдет все пикселы твоей картинки и сгенерирует по ней текст оптимальной таблицы с колспанами и роуспанами.
Если тебе делать нечего, конечно. :)

Веб-дизайнеры такой понт оценили бы.
Если же хороший алгоритм найдешь, можешь где-нибудь выложить для любителей поиздеваться над браузерами.
Типа "Генератор HTML-таблиц для имитации изображений с ограниченной цветовой палитрой. Freeware. Категория HTML::Перверзии в HTML"
:)

Вопрос по HTML Найти похожие ветки