www.wmaster.ru
Wmaster.ru

На главную

Введение в дизайн

СТАТЬИ

Хостинг

DOCS

Коллекция шрифтов

Скрипты

Секреты мастеров

Продвижение сайта

Soft

Журнал Wmaster

Электронные журналы

ФоруМ

web-mastering
HTML
Programming
HTML-редакторы
Учебник по SEO
Apache
MySQL
XML/WML
Flash
Photoshop
.htaccess
Всё для форумов
Clipart
3DSMax
SSI
CSS
Технология раскрутки
Авторское право
Кодовые таблицы
Важное

Windows

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


Все заметки: 1 2 3 4 5 6 7 8 9 11 12 оглавление

Партнеры Wmaster
Protoplex.RU
Эскизы татуировок
Поиск по сайту
Объявления
Twitter автора
Карта сайта
Наши баннеры
О проекте

Реклама
(понижение цен)

Об Авторе
Команда
Архив рассылки
 Запомнить эту страницу
Сделать стартовой
Рассылка
Wmaster.ru - всё для вебмастера.
Наша кнопка

Все желающие могут поставить нашу кнопочку к себе на сайт
Всё для веб-мастеров

Партнеры
Бочкарёв Антон
Mail: webmaster[at]wmaster.ru
ICQ: 148780826
Хостинг от Valuehost
© RUscripts.design 2003

© Wmaster Design Group 2001-2008. © Все права защищены. При перепечатке любого материала с сайта  ссылка на http://www.wmaster.ru/  обязательна.