- Джерело додаткової інформації.

- Джерело комунікацій.

Порівняємо функції веб-сайту з іншими засобами інформації:

Отримання інформації про футбольний клуб.

Сайт: розділ «Клуб», на якому розміщуються історія клубу, новини, основний склад команди.

Реклама футбольного клубу.

Сайт: використовуючи пошуковий сервіс, користувач може знайти веб-сайт і дізнатися більше про футбольний клуб. Також є контекстна і банерна реклама (платна).

Інші засоби: реклама в ЗМІ: газетах, журналах, спеціалізованих виданнях, телебачення, радіо; реклама в транспорті.

Чим сайт кращий: найдешевший спосіб реклами, залучення зацікавлених користувачів.

Джерело додаткової інформації.

Сайт: можна розмістити всю потрібну інформацію про футбольний клуб: історію створення, діяльність, заслуги, календар ігор.

Інші засоби: інформаційні дошки, буклети і статті в журналах.

Чим сайт кращий: можливість розмістити інформацію в будь-якому форматі: текст, фотографії і відеозаписи – інформація доступна в будь-якому місці, де є Інтернет.

Джерело комунікацій.

Сайт: розміщення тематичних форумів і чатів на сайті дозволить його учасникам вести обговорення у реальному часі і за допомогою повідомлень.

Інші засоби: телефон, особисте спілкування.

Чим сайт кращий: обговорення на форумі зберігаються, в результаті інші користувачі можуть прочитати обговорення; доступно з будь-якого місця країни, де є Інтернет.

Актуальність.

Пошук інформації в міжнародній мережі стає звичним явищем. Інтернет вже є однією з норм життя, люди знаходять в ньому останні новини, погоду і місце, де займатимуться спортом їх діти.

При мінімальних витратах Інтернет стає могутнім інструментом реклами. Також при використанні веб-сайту ми вже отримуємо зацікавлених користувачів, адже користувач сам ввів в пошуковій системі запит «Енергетик» або «футбольний клуб Енергетик», а може клікнув по банеру.

Завдяки мультимедійним можливостям відкриваються широкі горизонти у використанні зображень, аудіо і відеозаписів для демонстрації досягнень комплексу. На сайті можна помістити фотоальбом і відео із змагань і занять, фотографії тренерів, дітей та спортсменів.

2.2. Задачі веб-сайту

Отже, сформуємо задачі спортивного веб-сайту:

інформаційні – розширення інформаційної бази за рахунок вільного доступу до інформації;

комунікативні – обмін досвіду з адміністрацією клубу і іншими користувачами за допомогою спілкування за допомогою чатів і форумів;

методичні – знайомство з різними формами представлення інформації, організація самостійної діяльності;

Рішення вказаних задач виводить футбольний клуб на новий рівень, наповнюючи її інноваційним інформаційно-комунікативним змістом, що відповідає вимогам інформатизації і модернізації суспільства, сприяє формуванню і розвитку інформаційної, комунікативної, методичної і наочної компетентностей.

Розробка структури сайта

Зібраний інформаційний матеріал необхідно структурувати по логічних частинах, кожна з яких надалі представлятиме окремий HTML-файл.

Для написання HTML коду можна скористатися звичним текстовим редактором (Блокнот, WordPad), або спеціалізованим HTML-редактором (наприклад Macromedia DreamWeaver)

Для цього треба визначити основні ідеї сайту:

- Визначимо інформаційну частину сайту (статична складова) і активну частину, яка вимагає від користувача виконання дій, наприклад, заповнення форм, проглядання ресурсів і т.п.

- Згрупуємо ідеї за змістом.

- Згрупуємо ідеї по можливостях.

- Визначимо пріоритет кожної з ідей.

2.4 Створення карти сайту.

Із створеної структури сайту створимо карту сайту. Карта сайту — це своєрідна діаграма, що дозволяє візуально представити веб-сторінки ще до їх побудови. Для наочності спочатку треба намалювати на листі паперу прямокутники, відповідні кожній веб-сторінці. Починаючи з домашньої (вона ж завантажувальна) сторінки index.htm, розмістивши її у верхній частині листу, потім нижче розмістите прямокутники, відповідні основним розділам.

У наступному ряду додаються підрозділи. Продумані логічні зв'язки (посилання) між сторінками і розділами. Для зручного доступу до інформації сайт потрібно розумно організувати. Весь передбачуваний зміст потрібно розбити на основні теми (розділи сайту), що містять одну або декілька HTML-сторінок. Кожен розділ при великій кількості інформації зручно розділити на декілька підрозділів.

Навігація.

На кожній сторінці сайту необхідна панель навігації, зовнішній вигляд якої не міняється при зміні сторінок. Панель навігації дозволяє відвідувачу сайту цілком бачити його логічні блоки. Пункти меню навігації повинні відображати основні логічні блоки сайту. Вони повинні бути короткими і лаконічними, щоб не займати багатьох екранного місця.

Як недолік, так і надлишок тексту на сторінці вважається великим мінусом. Краще розбити великий текст на фрагменти або ж розмітити його гіперпосиланнями. Погано виглядають (дуже поволі завантажуються) сторінки, переповнені графікою. Але повна відсутність графіки справляє враження недоробленої сторінки, тому бажано в усьому знати міру.

Контактна інформація.

Хтось знайшов ваш сайт в Інтернеті і хоче зв'язатися з вами, наприклад, для того, щоб обмінятися досвідом або запропонувати свої ідеї щодо сайту і футбольного клубу. Контактна інформація повинна бути легко доступною і повною. Розмістіть не тільки адресу футбольного клубу, але і контактні телефони, адресу електронної пошти.

2.7 Дизайн веб-сайту

Дизайн — художнє конструювання наочного миру. Стосовно сайтопобудови, предметами художнього конструювання є: шрифт, блоки тексту, зображення, панель навігації і т.д. Як красиво розташувати різнорідні елементи на одній сторінці, як досягти якнайкращих результатів сприйняття інформації, як принести відвідувачу естетичне задоволення? Всі ці задачі і повинен вирішувати дизайн сайту.

Фактично, необхідно розробити дизайн однієї сторінки, оскільки весь сайт будуватиметься за єдиним шаблоном.

Композиція — побудова художнього твору, обумовлене його змістом і характером. Композиція є найважливішим елементом художньої форми, додаючим твору єдність і цілісність.

Колірна гамма — ряд гармонійно взаємозв'язаних колірних відтінків художнього твору. Розрізняють теплі, гарячі, холодні, яскраві, бляклі, світлі і інші колірні гамми.

Треба вибрати головний колір графічних елементів і розмивати його від темного до світлого, додайте в палітру також контрастний колір (наприклад, для фону). Колір тексту повинен контрастувати з кольором фону для максимально зручного читання. Звичайно темний текст на світлому фоні читати легше, ніж світлий текст на темному фоні. Текст приглушеного тону читати легше, ніж фосфоресціюючий. Використовуйте яскраві кольори тільки для заголовків і підзаголовків, а спокійні приглушені тони для основного тексту.

Шрифт повинен служити