Создание диаграмм с помощью HTML
Если Вам приходилось размещать на страничках какие-либо диаграммы, то Вы меня
поймете...
Для тех, кто пока не испытал такого кайфа, объясню.
Дело в том, что Internet - это не только (и не столько) сочетания цветов, картинки,
разные классные прибамбульки, которые радуют глаз, это еще и обычная информация,
за которой, собственно, люди заходят на сайт.
Предположим, ваш сайт посвящен компьютерам, и вы хотите положить туда свежую
статейку о новом супер-модеме, которую вам вчера принесли (или вы ее сами написали)
в формате Word (только не говорите, что вы всегда используете Notepad). В этой
вашей статейке есть серьезное описание, пара таблиц и диаграмма. Деваться некуда,
в HTML конвертируем Word'ом, получаем текст HTML, который после чистки весит 20K,
и диаграммку в виде GIF'а, который весит 60K. Итого 80K. Одну четверть клиент
платит за содержательную статью, три четверти - за удовольствие созерцать одну
диаграмму.
Проблему можно решить тремя способами:
1. Плюнуть на клиента (как обычно).
2. Выкинуть диаграмму (тогда зачем было ее строить?)
3. Построить диаграмму в виде таблицы HTML.
Хотите - верьте, хотите - нет, но вся эта красота занимает ровно 903 байта!
Фрагмент текста этой диаграммы:
<TABLE BORDER=0 BGCOLOR=#AAFFFF WIDTH=100%
><TR><TD WIDTH=15%>
<TABLE BORDER=0 WIDTH=100%><TR><TD>
<FONT COLOR=#000000>
Новый</TD></TR></TABLE></TD><TD>
<TABLE BORDER=0 WIDTH=100% HEIGHT=25><TR>
<TD BGCOLOR=#AA5555 WIDTH=100% ALIGN=RIGHT>
<FONT COLOR=#FFFFFF>
120
<br></TD><TD>
</TD></TR></TABLE></TD></TR><TR><TD WIDTH=15%>
......................
<FONT COLOR=#000000>
10
</TD></TR></TABLE></TD></TR></TABLE>
Что вы говорите? Как написать такой бред? Прекрасный вопрос! Можно открыть
наш любимый Notepad (калькулятор, взять бумагу и карандаш), и через час диаграмма
готова!
А можно зайти на эту страничку,
и воспользоваться находящимся там генератором диаграмм. Потом открыть наш любимый
Notepad...
Все заметки:
1
2
3
4
5
6
7
8
9
11
12