Мир программирования

 


Найти: на:


Меню
Партнеры
Счетчики
Реклама

Секреты web-design'а для мастеров
Создание диаграмм с помощью HTML


Если Вам приходилось размещать на страничках какие-либо диаграммы, то Вы меня поймете...

Для тех, кто пока не испытал такого кайфа, объясню.

Дело в том, что Internet - это не только (и не столько) сочетания цветов, картинки, разные классные прибамбульки, которые радуют глаз, это еще и обычная информация, за которой, собственно, люди заходят на сайт.

Предположим, ваш сайт посвящен компьютерам, и вы хотите положить туда свежую статейку о новом супер-модеме, которую вам вчера принесли (или вы ее сами написали) в формате Word (только не говорите, что вы всегда используете Notepad). В этой вашей статейке есть серьезное описание, пара таблиц и диаграмма. Деваться некуда, в HTML конвертируем Word'ом, получаем текст HTML, который после чистки весит 20K, и диаграммку в виде GIF'а, который весит 60K. Итого 80K. Одну четверть клиент платит за содержательную статью, три четверти - за удовольствие созерцать одну диаграмму.

Проблему можно решить тремя способами:

    1. Плюнуть на клиента (как обычно).
    2. Выкинуть диаграмму (тогда зачем было ее строить?)
    3. Построить диаграмму в виде таблицы HTML.
Новый
120
Другой
100
Совсем голимый

10

Хотите - верьте, хотите - нет, но вся эта красота занимает ровно 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...

[Оглавление]

Опрос

Конкурсы
Реклама

 

Web дизайн: Бурлаков Михаил    

Web программирование: Бурлаков Михаил

Используются технологии uCoz