Создание диаграмм с помощью HTML
                   Справочники Всё для создания сайта

Ссылки


Home
Бизнес
Справочники
Советы








Создание диаграмм с помощью 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...

 

[ К следующей главе | К оглавлению | К предыдущейщей главе ]




Home  Создание сайтов  Учебник по записи CD  Справочник Web дизайнера Самоучитель IE PHP и MySQL Компьютерные сети С++ E-mail me

Copyright 2007. Климов Александр. All Right Reserved.
Hosted by uCoz