Полная карта сайта
«КЭМПО - клуб каратэ кёкусинкай IFK,
 г.Полевской, Свердловской обл.»
КЭМПО - клуб карате киокушинкай IFK

Главная страница
сайта клуба КЕМПО

Новости
сайта

Каратэ
Кекусинкай

Клуб КЭМПО

Cайт.
История
и перспективы.

Город Полевской

Авторский раздел

Ссылки
по карате кекусинкай
и другим видам БИ,
по веб-дизайну
и веб-мастерингу

Общение
с автором сайта
и клубом КЕМПО






КЭМПО - клуб карате киокушинкай IFK
КЭМПО - клуб карате киокушинкай IFK



История создания сайта


Идея создания сайта возникла почти случайно. Сразу после того, как у нас на работе появился Интернет (в 1999г.), я начал интересоваться сайтами по каратэ кёкусинкай. К тому времени я занимался уже 4-й год и хотел побольше узнать об этом стиле.

Как выяснилось в процессе блуждания по сети, сайтов таких достаточно. Но, большинство из них, - на английском языке, а русскоязычные можно было пересчитать по пальцам. Из русскоязычных сайтов, большинство оказались сайтами различных Федераций IKO. А сайтов нашей Федерации - IFK, в то время, я нашёл всего два. Это сейчас, практически каждый месяц-два, появляется новый сайт.

В 2000 году наш Сергей Трофимов стал призёром Чемпионата Англии. Когда я сообщил об этом Алексею, вебмастеру сайта kakuto.h1.ru, он закидал меня вопросами и просьбами об интервью с Трофимовым. Тогда я и написал свою первую статью - интервью c Сергеем Трофимовым, о его участии в "25-th British Open".

После публикации моей статьи на Ульяновском сайте "Какутоки додзё", закономерно появилась мысль о том, что нашему клубу не мешало бы иметь собственный сайт. Оставался открытым только вопрос о том, кто его будет делать.

Вопрос, конечно, был риторическим, потому что, кроме меня, делать этот сайт было не кому. А мне, как говорится. - сам Бог велел. Я с самого начала своего общения с компьютерной техникой (с 1986г.) увлекался графикой, имел дома компьютер со сканером и цветным струйным принтером, и, к тому времени, уже печатал для клуба всю документацию, был автором его эмблемы, а также всех грамот и дипломов, вручавшихся на чемпионатах, проводившихся клубом. По образованию и профилю работы я электронщик, программист. Единственной проблемой было то, что я совершенно ничего не понимал ни в web-дизайне ни в web-программировании. Этому пришлось учиться "на ходу".

Моим первым "опытом" стала "визитка" клуба, сделанная из заготовки на chat.ru. Она состояла из одной странички с эмблемой и названием клуба, а также ссылки на гостевую книгу, на том же chat.ru. Поразбиравшись с кодом, который при этом получился, мне удалось убрать чатовское меню в верхней части экрана и изменить размеры и расположение надписей и изображений. Я был очень доволен тем, что смог с этим разобраться без справочных данных, чистым "методом тыка". После этого, слегка понахватавшись информации о том, как, и чем, в принципе, можно делать странички, как и всякий нормальный чайник начал стряпать новый вариант сайта с помощью FrontPage и с использованием фреймов :).

Для этого варианта я подыскал и соответствующий хостинг - boom.ru. Тогда на нём ещё не навешивали баннеров в каждый фрейм и всё было более-менее культурно и красиво. По крайней мере, меня на тот момент, это всё устраивало. Сайт я делал чисто "по наитию" не соблюдая ни каких правил и рекомендаций, о которых тогда просто не знал :).

Главной графической идеей этого варианта сайта стало меню в виде поясов различных степеней от 10-го кю до 2-го дана.


При клике на соотвествующем пункте, загружалась фреймовая структура с меню в верхней части экрана. При этом, цвет фона и цвет шрифта содержимого фрейма с информацией, соответствовали цветам кнопки (пояса), для этого раздела (пример страницы раздела "кёкусинкай"):

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

Раздела "наш город" фактически не было. Была сделана ссылка на цикл статей о нашем городе, расположенный на сервере Уральской архитектурной академии.

В этом виде сайт просуществовал почти год. Я его старательно дополнял и "раскручивал". В результате, к концу года, средняя посещаемость была примерно 5-10 посетителей в сутки. Как раз к концу этого года, на boom.ru видимо сменилось руководство, и появились совершенно дурацкие аляповатые баннеры, которые, к тому же, автоматически вставлялись в каждый фрейм. Во первых их получалось сразу два, а во вторых, в верхнем фрейме, баннер всё время перекрывал часть кнопок меню. Естественно, что такой вариант глумления над моим сайтом меня совершенно не устраивал, и я решил сменить хостинг, а также сделать новый вариант сайта, с учётом моих, увеличившихся за год, познаний в web-мастеринге.

В результате полутора месяцев экспериментов, проб и ошибок, появился новый вариант сайта, который Вы имели возможность лицезреть практически весь 2002 год.

Главную концепцию этого варианта я сам, для себя, окрестил как "телевизор". Т.е. рамка из различных кнопок вокруг "экрана" - центрального фрейма, в который выводится вся необходимая информация.

Изначально, сайт был выполнен с жёстким позиционированием всех элементов и верхней "шапкой" в виде мап-карты и одного изображения (33кб.). Для того, чтобы посетитель, попавший на сайт, из поисковой системы, минуя главную страницу, мог всё-таки на неё попасть, был применён скрипт, который выводил в правый верхний угол экрана нескроллируемую картинку со ссылкой на главную страницу. Однако, этот скрипт плоховато работал внутри iframe (центрального фрейма), за счёт чего, в нём иногда появлялся горизонтальный бесконечный скроллинг, а кроме этого, при сработке (нажатии на картинку) этого скрипта в нормальном режиме (с загруженной "обвязкой" фрейма), получался эффект "страница в странице".

Перед началом создания этого варианта сайта, я попробовал разобраться, что же такое "дизайн сайта" и каким он примерно должен быть, для чего нашёл в интернете несколько статей на эту тему. Как выяснилось в последствии, для создания хорошего сайта этого оказалось не достаточно :). Этот вариант я писал практически "вручную", на "чистом" HTML и только позднее, уже в процессе работы над кихонами и ката, начал использовать Dreamweaver 4.0

Закончив этот вариант, я захотел узнать мнение "спецов" о своём "творении". Для этого я вылез с этим вариантом сайта на несколько форумов по веб-мастерингу и дизайну. Оказалось, что сайт во многом "сыроват". Поэтому, были срочно предприняты попытки его "доделки". Для этого была изменена структура "обвязки" в результате чего она стала выглядеть хуже, но зато начала "растягиваться" под любые разрешения экрана. Кроме этого, добавилось голосование и несколько раз поменялся вид и содержание "подвала" - нижней части экрана, который, в результате, всё-равно остался "свалкой" разнокалиберных баннеров.

В сентябре 2002г. произошла реконструкция на сервере архитектурной академии и с него была удалена информация о нашем городе. Благодаря удачному стечению обстоятельств (попросили сделать локальную версию сайта для школы) я за несколько недель до этого сделал локальную версию, включавшую и мой сайт и часть сайта с сервера академии (выкачивал несколько дней). Поэтому мне удалось быстро восстановить всю эту информацию уже у себя на сайте.

Сайт постепенно разрастался и усложнялся. Появились проблемы с добавлением новых материалов. Решив расширить аудиторию сайта за счёт авторского раздела, упёрся в ограниченность системы навигации. Да и доступ, например, к ката или кихонам, за 3-4 клика тоже был не очень удобен. В общем, "получив по заслугам" от "спецов" на форумах, особенно на deforum.ru, я и задумал тот вариант, который Вы сейчас видите. Дался он мне очень нелегко. Делал его почти три месяца. Это - 8-й вариант композиционного и графического решения, из тех набросков, что я сделал в процессе работы. Основа - меню на базе Java-скрипта фирмы Opencube (www.opencube.com), который я довольно сильно переделал и урезал (удалось сократить загружаемый объём скриптов на 10кб), оптимизировав для своего сайта. Кроме этого, пришлось вручную переделать все полторы сотни файлов содержимого сайта (не считая картинок) для перевода их на оформление с использованием стилей (CSS). Часть информации полностью реорганизована. Сейчас сборка страниц выполняется сервером, динамически, по инструкциям SSI. Добавлены специальные SSI проверки, обеспечивающие построение правильной структуры не зависимо от стартовой страницы (при попадании на внутренние страницы сайта "напрямую" из поисковых систем). Графика для всех вариантов сайта, в том числе и текущего, сделана в векторном редакторе XaraX. В настоящее время идёт работа над пополнением содержимого сайта, особенно его новых разделов.


Dick © 2003