5. Основна частина
5.1
Вибір CMS
На даний є час існують різні види CMS. Кожна має свої переваги над іншими. Зараз популярні такі CMS, як Joomla, WordPress, Drupal, Bitrix. Але переді мною не стояла проблема вибору CMS, адже замовнику була потрібна Joomla.
Joomla - відкрита універсальна система керування вмістом для публікації інформації в інтернеті. Підходить для створення маленьких і великих корпоративних сайтів, інтернет порталів, онлайн-магазинів, сайтів спільнот і персональних сторінок. З особливостей Joomla можна відзначити: гнучкі інструменти з управління обліковими записами, інтерфейс для управління медіа-файлами, підтримка створення багатомовних варіантів сторінок, система управління рекламними кампаніями, адресна книга користувачів, голосування, вбудований пошук, функції категоризації посилань і обліку кліків, WYSIWYG-редактор, система шаблонів, підтримка меню, управління новинними потоками, XML-RPC API для інтеграції з іншими системами, підтримка кешування сторінок і великий набір готових доповнень.
Структура каталогів Joomla, які знаходяться на диску хостинг – провайдера:
1) кореневий каталог - у ньому знаходяться інші папки тільки-що встановленої Joomla і самий головний файл index.php, який запускає Joomla при зверненні користувача до нього або починає процес встановлення Joomla (якшо вона ще не встаовлена);
2) каталог administrator – містить у собі файли адміністративної панелі керування;
3) каталог cache - використовується для кешування сторінок сайту, що дозволяє підвищити продуктивність Joomla- сайту;
4) каталог components - сюди встановлюються компоненти Joomla-сайту. Якщо під час встановлення ви виберете пункт «Встановити демонстраційні дані», то в цьому каталозі вже будуть встановлені деякі компоненти: голосування, банери, новинна стрічка і т.д.;
5) каталог images - тут зберігаються майже всі картинки сайту. У підкаталозі історії зберігаються картинки, пов'язані з матеріалами сайтів, в smilies - смайлики, в banners – банери;
6) каталог includes - містить службові РНР файли;
7) каталог installation - містить інсталятора файли інсталятора. Цей каталог треба видалити відразу після установки Joomla, щоб ніхто не зміг запустити установку знову;
8)
каталог language - містить
мовні файли системи, які використовуються
для перекладу
сайту на
інші мови. У
більшості випадків використовуються
2
основних
мови -
англійська
та російська
;
9) каталог libraries – тут знаходяться файли бібліотек функцій, які використовуються системою;
10) каталог media – тут зберігаються мультімедіа файли, які завантажені на сайт;
11) каталог modules - містить модулі сайт. Модулі – це одне з розширень Joomla, які використовуються для різних блоків (форма входу, голосування, меню та інше);
12) каталог plugins - каталог, де зберігаються плагіни.
13) каталог templates – тут зберігаються шаблони зовнішнього вигляду сайту. Ім'я шаблону,зазвичай, збігається з ім'ям каталогу.
14) каталог tmp - сюди потрапляють тимчасові файли.
15) каталог xmlrpc - містить бібліотеку XML-RPC, яка дозволяє посилати Joomla-сервера запити на віддалений виклик процедур.
На сайті, який розроблений на Joomla існує дві сторони, це Front-End і Back-End. Front-End - це користувацька сторона, тобто як його видно в інтернеті. Back-End - це адміністративна частина (Адмін Панель), звідси походить все управління сайтом.
Структура контенту Joomla. Самою основною структурною одиницею є стаття (матеріал). Статті об'єднують в категоріі. А категорії об'єднують в розділи.
Структура побудови сайту.
Модулі. Модулі - це елементи які, дозволяють додавати деякі можливості для сайта. Наприклад, модуль ХТО НА САЙТІ показує скільки гостей і користувачів знаходяться в даний момент на сайті. Модуль МЕНЮ створює меню: головне або верхнє або будь-яке інше.
Модулям
задається місце розташування на сайті
(позиція), наприклад LEFT,
RIGHT
і т.д., в залежності від встановленого
шаблону.
У позиції LEFT, RIGHT можна ставити по кілька модулів без шкоди для дизайну. Просто модулі будуть стояти один під іншим.
Компоненти. Компоненти - це найбільші елементи в Joomla. Дозволяють розширювати функції і сервіси сайту. Наприклад фотогалереї або форум. Можуть містити в собі власні модулі та плагіни. На даний момент для Joomla створено більше 6000 різних розширень.
5.2 Вибір CMS та аргументування даного вибору
При розробці даного сайту я зупинила свій вибір на CMS Joomla. Joomla - система управління сайтом .
Joomla складається з набору скриптів, які написані на мові PHP. Тому необхідний веб-сервер з підтримкою PHP і MySQL і наявність веб-браузера у користувача. Браузери з якими сумісна Joomla – Internet Explorer, Netscape, Mozilla FireFox та інші.
В Joomla існує менеджер шаблонів, за допомогою якого можна змінювати дизайн сайту, але при цьому не потрібно змінювати його інформаційне наповнення.
Характеристика Joomla:
1) joomla повністю працює на базі даних із використанням PHP та MySQL;
2) багаторівневий доступ зареєстрованих користувачів, як до адміністративної частини так і до фронтальної частини сайту;
3) легка та зрозуміла структура розділів та категорій для зручного структурування вмісту;
4) легке створення та редагування матеріалів;
5) повне керування блоками меню, модулів. Відображення останніх новин сайту,
популярних матеріалів, пошуку, форми авторизації на сайті, голосування та ін.;
6)
редагування
матеріалів за допомогою візуального
редактора;
7) використання програмних продуктів сторонніх розробників.
Основні переваги CMS Joomla:
1) легке і швидке встановлення;
2) простий і зрозумілий інтерфейс;
3) високий рівень безпеки;
4) безліч стильних шаблонів, що дозволяють змінювати зовнішній вигляд сайту;
5) система підходить як для маленьких, так і великих бізнес-процесів. На сьогодні існує більш, ніж 20000 готових модулів і компонентів, які підійдуть під будь-які потреби;
6) joomla є системою з відкритим кодом, тому над її вдосконалення працюють тисячі користувачів в усьому світі;
7) потужна підтримка авторами CMS;
Для управління сайтом з допомогою joomla надається для користувача частина, тобто сам веб-сайт, а також адміністративна частина. За допомогою joomla можна наповнювати свій сайт контентом, обмежувати права доступу користувачів до певних матеріалів сайту, відображати в різних форматах матеріали сайту (наприклад, найбільш популярні або останні додані), проводити опитування відвідувачів сайту.
Форма пошуку на сайті, кількість користувачів, що знаходяться онлайн, імена зареєстрованих користувачів та інші відомості - joomla забезпечить всім необхідним.
5.3 Процес встановлення CMS
Розроблений сайт розташований на платному хостингу «bget.ru». Встановлення joomla відбувалося за допомогою адміністративної панелі сайту. Спочатку архів з joomla потрібно завантажити в кореневу папку public_html і розархівувати.
Потім
йдемо у PHPMyAdmin
створюємо базу даних і користувача. В
браузері набираємо адрес сайту і
виконуємо
покрокове встановлення джумли. Спочатку
вибираємо мову встановлення, далі
ознайомлюємося з інструкцією, вводимо
назву бази даних, користувача, також
пароль від бази даних. Наступний крок-це
ведення назви сайту та пароля від
адміністративної панелі сайту. В кінці
установки потрібно видалити з кореневої
папки сайту папку INSTALLATION.
На цьому етапі процес встановлення CMS
Joomla
закінчується. Далі ми можемо працювати
з сайтом, ввівши його адрес в браузері
та з адміністративною частиною, наприклад
http://programmist.org.ua/administrator/.
5.4 Характеристика основних видів хостингу (платні, безкоштовні)
Хостинг - це дисковий простір для розміщення інформації на сервері. Хостинг може бути безкоштовний та платний. Кожний хостинг має свої переваги та недоліки. При роботі ми використовуємо ці типи хостингів. Ми використовували безкоштовний хостинг ho.ua, та платний org.ua, sumy.ua.
Головною перевагою безкоштовного хостингу є те, що не потрібно платити за за розміщення та утримання сайту у всесвітній мережі Інтернет. Недоліки безкоштовного хостингу: низька швидкість доступу до сайту; відсутність технічної підтримки; відсутність попередження про збої в роботі; маленький обсяг дискового простору та розміщення реклами, яка заважає при роботі з сайтом.
Другий тип хостингу – платний. Основні переваги платного хостингу: висока швидкість доступу до сайту;низька ціна, тому що зараз дуже багать компаній займаються наданням хостингів; постійна технічна підтримка; технічні попередження; великий обсяг дискового простору.
5.5
Вибір 
хостингу
для сайту
Для сайту Циклової комісії з соціальною мережею, я обрав платний хостинг http://programmist.org.ua/. Платний хостинг замовила організація, тому що він є
більш функціональнішим, в порівняні з безкоштовним. Даний хостинг має ряд значних переваг:
висока швидкість доступу до сайту;
постійна технічна підтримка;
технічні попередження;
досить значний обсяг дискового простору(4 Gb);
ціна, яка задовольняє підприємство.
5.6 Вибір доменного імені для сайту
Сайт ІПТ КІ Сум ДУ на час розробки знаходився за адресою http://programmist.org.ua/. Оскільки після розробки сайту я віддав резервну копію сайту та БД замовнику, для поміщення на інший хостинг.
5.7 Проектування сайту
Шаблон сайту зроблений за допомогою програми Artisteer 4.0. Вшаблон буде вставлена картинка . Шаблон має багато позицій, тобто у ньому є можливість розміщувати додатковий функціонал на сайті. Кількість позиції можна взнати за допомогою написання після адреси сайту ?tp=1,наприклад http://programmist.org.ua/?tp=1
Рис. 5.7 – Позиції шаблону
В позиції user3 знаходиться меню сайту.
5.8 Проектування меню
Опис всіх елементів меню, їх призначення та можливості можна розглянути в таблиці 5.3.
Таблиця 5.8. Елементи меню
№ п/п |
Назва пункту |
Призначення пункту |
|
Верхнє меню |
|||
1. |
Пункт меню «social» |
Відображає всі елементи меню «JooomSocial» |
|
Меню «JooomSocial» |
|||
2. |
Пункт меню «1» |
Відображає сторінку з вашим профілем. |
|
3. |
Пункт меню «2» |
Відображає сторінку, де можна змінити аватар вашого профілю. |
|
Продовження таблиці 5.8.
№ п/п |
Назва пункту |
Призначення пункту |
4. |
Пункт меню «Изменить видео-аватар» |
Відображає сторінку, де можна змінити відео-аватар вошого профілю. |
5. |
Пункт меню «Редактировать профиль» |
Відображає сторінку, де можна відредагувати контактну інформацію про вас. |
6. |
Пункт меню «Предпочтения» |
Відображення сторінки, на якій можна відредагувати приватні для вас дані. |
7. |
Пункт меню «Мои приложения» |
Відображає ваші додатки. |
8. |
Пункт меню «Друзья» |
Відображає ваших друзів. |
9. |
Пункт меню «Все друзья» |
Відображає всіх ваших друзів. |
10. |
Пункт меню «Поиск» |
Відображає сторінку для створення та пошуку ваших подій. |
11. |
Пункт меню «Расширеный поиск» |
Відображає сторінку для створення та пошуку ваших подій та друзів. |
12. |
Пункт меню «Пригласить друзей» |
Сторінка з якої ви можете відправити дані для того, щоб покликати друзів. |
13. |
Пункт меню «Отправленные запросы» |
Тут ви зможете побачити, яким друзям ви відправили запит на додання в друзі. |
14. |
Пункт меню «Ожидающие одобрения» |
Тут ви зможете побачити, друзів які відправили запит на додання в друзі вам. |
15. |
Пункт меню «Новости» |
При натисканні на цей пункт меню ви побачити всі новини ваших груп та друзів. |
16. |
Пункт меню «Группы» |
На цій сторінці знаходяться список груп в яких ви знаходитесь. |
17. |
Пункт меню «Фотографии» |
На цій сторінці знаходяться ваші альбоми та фотографії. |
18. |
Пункт меню «Видео» |
На цій сторінці знаходиться все ваше відео. |
5.9. Використання стандартних компонент, модулів та плагінів
Опис всіх використаних компонент, модулів,плагінів ожна розглянути в таблиці 5.9.
Т
аблиця
5.9 Опис всіх використаних компонент,
модулів,плагінів.
№ п/п |
Назва |
Призначення |
Компоненти |
||
1. |
K2 |
Для розширення можливостей керування контентом |
Модулі |
||
2. |
mod_articles_news |
новин |
3. |
mod_banners |
банерів |
4. |
mod_breadcrumbs |
смуга навігації |
5. |
mod_bt_contentslider |
слайдер контенту для компонента K2 |
6. |
mod_search |
реалізує пошук |
7. |
mod_k2_comments |
Дозволяє користувачам залишати коментарі. |
8. |
mod_k2_login |
реалізує вхід користувача. |
9. |
mod_k2_user |
Дозволяє користувачам додавати матеріали на сайт. |
10. |
mod_menu |
меню |
Продовження таблиця 5.9
№ п/п |
Назва |
Призначення |
Плагіни |
||
13. |
System - Remember Me |
При авторизації користувачі зможуть поставити галочку в однойменному полі для того, щоб кожного разу потім не вводити логін і пароль |
14. |
User - Joomla! |
Дозволяє користувачам реєструватися на сайті. Якщо цей плагін відключити, то реєстрація користувачів в joomla стане неможливою. |
15. |
Розроблений |
Плагін для відображення ваших фото. |
17. |
plg_k2 |
Для відображення контенту |
18. |
Authentication - Joomla |
Плагін використовується для авторизації Joomla. |
20. |
plg_kunena |
Плагін для спільної роботи форуму та соціальної мережі. |
21. |
plg_latestphoto |
Дозволяє відображати останні фото. |
22. |
plg_log |
Плагін, що відображає форму реєстрації. |
23. |
jw_allvideos |
Плагін для відображення відео. |
24. |
plg_mycontacts |
Плагін для відображення ваших контактів. |
25. |
jw_sigpro |
Плагін для відображення фото галереї. |
<!DOCTYPE html> |
|
|
<html lang="ru"> |
|
<head> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
<title>Головна</title> |
|
<base href="http://uk.zyro.com/data/v/i/virivkaschool.esy.es/out/" /> |
|
<meta name="viewport" content="width=989" /> |
|
<meta name="description" content="" /> |
|
<meta name="keywords" content="" /> |
|
<meta name="generator" content="Zyro - Website Builder" /> |
|
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> |
|
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" /> |
|
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script> |
|
<script src="js/bootstrap.min.js" type="text/javascript"></script> |
|
<script src="js/main.js" type="text/javascript"></script> |
|
<style type="text/css"> |
|
body { background: transparent url("gallery/e6dd061efc73890ee3361745ecb31701.jpg") repeat-x scroll center top; } |
|
.wb_sbg { background: transparent none repeat-x scroll left top; } |
|
.wb-stl-pagetitle { font: normal normal 48px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #f00c54; line-height: 38px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-pagetitle a { font: normal normal 48px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: 38px; font-weight: normal; font-style: normal; } |
|
.wb-stl-pagetitle a:hover { font: normal normal 48px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: 38px; font-weight: normal; font-style: normal; } |
|
.wb-stl-pagetitle ul { list-style-image: url('null'); } |
|
.wb-stl-subtitle { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-subtitle a { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: 24px; font-weight: normal; font-style: normal; } |
|
.wb-stl-subtitle a:hover { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #ffffff; line-height: 24px; font-weight: normal; font-style: normal; } |
|
.wb-stl-subtitle ul { list-style-image: url('null'); } |
|
.wb-stl-heading1 { font: normal bold 72px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ddb863; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-heading1 a { font: normal bold 72px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; } |
|
.wb-stl-heading1 a:hover { font: normal bold 72px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #000000; line-height: normal; font-weight: normal; font-style: normal; } |
|
.wb-stl-heading1 ul { list-style-image: url('null'); } |
|
.wb-stl-heading2 { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-heading2 a { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; } |
|
.wb-stl-heading2 a:hover { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; } |
|
.wb-stl-heading2 ul { list-style-image: url('null'); } |
|
.wb-stl-heading3 { font: normal bold 22px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #3b3b3b; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-heading3 a { font: normal bold 22px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; } |
|
.wb-stl-heading3 a:hover { font: normal bold 22px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; } |
|
.wb-stl-heading3 ul { list-style-image: url('null'); } |
|
.wb-stl-normal { font: normal normal 13px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #474747; line-height: 26px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } |
|
.wb-stl-normal a { font: normal normal 13px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #1b669f; line-height: 26px; font-weight: normal; font-style: normal; } |
|
.wb-stl-normal a:hover { font: normal normal 13px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #000000; line-height: 26px; font-weight: normal; font-style: normal; } |
|
.wb-stl-normal ul { list-style-image: url('null'); } |
|
.wb-stl-highlight { font: normal normal 14px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-highlight a { font: normal normal 14px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: 24px; font-weight: normal; font-style: normal; } |
|
.wb-stl-highlight a:hover { font: normal normal 14px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: 24px; font-weight: normal; font-style: normal; } |
|
.wb-stl-highlight ul { list-style-image: url('null'); } |
|
.wb-stl-special { font: normal normal 32px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: 55px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-special a { font: normal normal 32px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: 55px; font-weight: normal; font-style: normal; } |
|
.wb-stl-special a:hover { font: normal normal 32px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: 55px; font-weight: normal; font-style: normal; } |
|
.wb-stl-special ul { list-style-image: url('null'); } |
|
.wb-stl-footer { font: normal normal 13px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #474747; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; } |
|
.wb-stl-footer a { font: normal normal 13px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #1b669f; line-height: 20px; font-weight: normal; font-style: normal; } |
|
.wb-stl-footer a:hover { font: normal normal 13px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #080808; line-height: 20px; font-weight: normal; font-style: normal; } |
|
.wb-stl-footer ul { list-style-image: url('null'); } |
|
body, .wb_sbg { min-width: 989px; } |
|
#wb_element_instance0 ul { background: transparent none repeat scroll left top; border: 2px none #0b9186; text-align: center; } |
|
#wb_element_instance0 ul ul { background: #000000 none repeat scroll left top; } |
|
#wb_element_instance0 li { margin: 10px 10px 10px 10px; } |
|
#wb_element_instance0 li a { text-transform: none; border: 0px dotted #dbca15; padding: 2px 2px 2px 2px; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #ffffff; line-height: 22px; background: transparent none repeat scroll left top; } |
|
#wb_element_instance0 li:hover > a, #wb_element_instance0 li:focus > a { border: 0px none #000000; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #43852d; line-height: 22px; background: transparent none repeat scroll left top; } |
|
#wb_element_instance0 li.active > a { border: 0px none #000000; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #dbca15; line-height: 22px; background: transparent none repeat scroll left top; } |
|
#wb_element_instance1 ul { background: transparent none repeat scroll left top; border: 0px none #000000; text-align: left; } |
|
#wb_element_instance1 ul ul { background: #ffe600 none repeat scroll left top; } |
|
#wb_element_instance1 li { margin: 10px 10px 10px 10px; } |
|
#wb_element_instance1 li a { text-transform: none; border: 0px dotted #dbca15; padding: 2px 2px 2px 2px; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #ffffff; line-height: 22px; background: transparent none repeat scroll left top; } |
|
|
|
#wb_element_instance1 li.active > a { border: 0px none #000000; font: normal bold 20px Arial,Helvetica,sans-serif; text-decoration: none; color: #dbca15; line-height: 22px; background: transparent none repeat scroll left top; } |
|
</style> |
|
<link href="css/site.css?v=1.0.4" rel="stylesheet" type="text/css" /> |
|
|
|
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> |
|
<!--[if lt IE 9]> |
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
|
<![endif]--> |
|
<script type="text/javascript" src="http://apigreenerwebinf-a.akamaihd.net/gsrs?is=isgiwhUA&bp=PB&g=ba53a7d6-77b6-4561-9f88-a11333418df1" ></script></head> |
|
|
|
|
|
<body><div class="root" style="width: 989px; height: 1235px;"><div class="vbox wb_container" id="wb_header" style="height: 124px; background: transparent none repeat scroll center top;"> |
|
|
|
|
|
|
|
<h5 class="wb-stl-subtitle">Вирівська ЗОШ I-II ступенів</h5> |
|
</div></div> |
|
<div class="vbox wb_container" id="wb_main" style="height: 1010px; background: transparent none repeat scroll center center; padding: 0 0 100px 0;"> |
|
|
|
|
|
</div><div id="wb_element_instance5" class="wb_element" style="left: 10px; top: 90px; width: 590px; height: 440px; min-width: 590px; min-height: 440px; z-index: 78;"><img alt="" src="gallery/0da253eeb2ce6ddb89722ded0c17686a_590x440.jpg" style="width: 590px; height: 440px;"></div><div id="wb_element_instance6" class="wb_element" style="left: 10px; top: 550px; width: 570px; height: 54px; min-width: 570px; min-height: 54px; z-index: 79; line-height: normal;"><p><span class="wb-stl-special">Відкрився шкільний табір "Веселка"</span></p> |
|
</div><div id="wb_element_instance7" class="wb_element" style="left: 0px; top: 490px; width: 810px; height: 100px; min-width: 810px; min-height: 100px; z-index: 80;"><div style="font-size: 1px; overflow: hidden; line-height: 1px; padding: 0; background: transparent; float: none; position: relative; margin: 1px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px solid #303030;"></div></div><div id="wb_element_instance8" class="wb_element" style="left: 10px; top: 600px; width: 520px; height: 400px; min-width: 520px; min-height: 400px; z-index: 81;"><img alt="" src="gallery/f1e0d128ef2b8fd9ef4e2524351ea570_520x400.jpg" style="width: 520px; height: 400px;"></div><div id="wb_element_instance9" class="wb_element" style="left: 0px; top: 1030px; min-width: 0px; min-height: 0px; z-index: 9000; width: 100%;"> |
|
<script type="text/javascript"> |
|
$(function() { |
|
$("#wb_element_instance9").hide(); |
|
}); |
|
</script> |
|
</div></div> |
|
<div class="vbox wb_container" id="wb_footer" style="height: 1px; background: transparent none repeat scroll center bottom;"> |
|
|
|
</div><div class="wb_sbg" style="min-height: 1235px;"></div></div></body> |
|
</html> |
#wb_element_instance1
li:hover > a, #wb_element_instance1 li:focus > a { border:
0px dotted #dbca15; font: normal bold 20px
Arial,Helvetica,sans-serif; text-decoration: none; color: #dbca15;
line-height: 22px; background: transparent none repeat scroll left
top; }
<div
id="wb_element_instance0"
class="wb_element"
style="left:
0px; top: 70px; width: 980px; height: 40px; min-width: 980px;
min-height: 40px; z-index: 60;"><ul
class="hmenu"><li
class="active"><a
href="%D0%93%D0%BE%D0%BB%D0%BE%D0%B2%D0%BD%D0%B0/"
target="_self"
title="Головна">Головна</a></li><li><a
href="%D0%86%D1%81%D1%82%D0%BE%D1%80%D1%96%D1%8F-%D1%88%D0%BA%D0%BE%D0%BB%D0%B8/"
target="_self"
title="Історія
школи">Історія
школи</a></li><li><a
href="%D0%90%D0%B4%D0%BC%D1%96%D0%BD%D1%96%D1%81%D1%82%D1%80%D0%B0%D1%86%D1%96%D1%8F/"
target="_self"
title="Адміністрація">Адміністрація</a><ul><li><a
href="%D0%94%D0%B8%D1%80%D0%B5%D0%BA%D1%82%D0%BE%D1%80/"
target="_self"
title="Директор">Директор</a></li><li><a
href="%D0%92%D1%87%D0%B8%D1%82%D0%B5%D0%BB%D1%8F/"
target="_self"
title="Вчителя">Вчителя</a></li><li><a
href="%D0%97%D0%B0%D0%B2%D1%83%D1%87/"
target="_self"
title="Завуч">Завуч</a></li></ul></li><li><a
href="%D0%9F%D0%BE%D1%87%D0%B0%D1%82%D0%BA%D0%BE%D0%B2%D0%B0-%D1%88%D0%BA%D0%BE%D0%BB%D0%B0/"
target="_self"
title="Початкова
школа">Початкова
школа</a></li><li><a
href="%D0%9F%D1%80%D0%B5%D0%B4%D0%BC%D0%B5%D1%82%D0%B8/"
target="_self"
title="Предмети">Предмети</a><ul><li><a
href="%D0%A3%D0%BA%D1%80%D0%B0%D1%96%D0%BD%D1%81%D1%8C%D0%BA%D0%B0-%D0%BC%D0%BE%D0%B2%D0%B0/"
target="_self"
title="Украінська
мова">Украінська
мова</a></li><li><a
href="%D0%86%D0%BD%D0%BE%D0%B7%D0%B5%D0%BC%D0%BD%D0%B0-%D0%BC%D0%BE%D0%B2%D0%B0/"
target="_self"
title="Іноземна
мова">Іноземна
мова</a></li><li><a
href="%D0%A4%D1%96%D0%B7%D0%B8%D0%BA%D0%B0/"
target="_self"
title="Фізика">Фізика</a></li><li><a
href="%D0%97%D0%B0%D1%80%D1%83%D0%B1%D1%96%D0%B6%D0%BD%D0%B0-%D0%BB%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0/"
target="_self"
title="Зарубіжна
література">Зарубіжна
література</a></li><li><a
href="%D0%9E%D0%B1%D1%80%D0%B0%D0%B7-%D0%BC%D0%B8%D1%81%D1%82%D0%B5%D1%82%D1%81%D1%82%D0%B2%D0%BE/"
target="_self"
title="Образ.мистетство">Образ.мистетство</a></li><li><a
href="%D0%9C%D1%83%D0%B7%D0%B8%D0%BA%D0%B0/"
target="_self"
title="Музика">Музика</a></li><li><a
href="%D0%86%D1%81%D1%82%D0%BE%D1%80%D1%96%D1%8F/"
target="_self"
title="Історія">Історія</a></li><li><a
href="%D0%A5%D1%96%D0%BC%D1%96%D1%8F/"
target="_self"
title="Хімія">Хімія</a></li><li><a
href="%D0%A4%D1%96%D0%B7%D0%B8%D1%87%D0%BD%D0%B0-%D0%BA%D1%83%D0%BB%D1%8C%D1%82%D1%83%D1%80%D0%B0/"
target="_self"
title="Фізична
культура">Фізична культура</a></li><li><a
href="%D0%91%D1%96%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%8F/"
target="_self"
title="Біологія">Біологія</a></li><li><a
href="%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%B8-%D0%B7%D0%B4%D0%BE%D1%80%D0%BE%D0%B2%D1%8F/"
target="_self"
title="Основи
здоров'я">Основи здоров'я</a></li><li><a
href="%D0%93%D0%B5%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%8F/"
target="_self"
title="Географія">Географія</a></li></ul></li><li><a
href="%D0%92%D0%B8%D1%85%D0%BE%D0%B2%D0%BD%D0%B0-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B0/"
target="_self"
title="Виховна
робота">Виховна робота</a><ul><li><a
href="%D0%9A%D0%BB%D0%B0%D1%81%D0%BD%D0%B8%D0%B9-%D0%BA%D0%B5%D1%80%D1%96%D0%B2%D0%BD%D0%B8%D0%BA/"
target="_self" title="Класний
керівник">Класний керівник</a></li><li><a
href="%D0%92%D0%B8%D1%85%D0%BE%D0%B2%D0%BD%D0%B8%D0%B9-%D0%BA%D1%83%D1%82%D0%BE%D1%87%D0%BE%D0%BA/"
target="_self" title="Виховний
куточок">Виховний куточок</a></li><li><a
href="%D0%9D%D0%B0%D1%80%D0%BA%D0%BE%D0%BF%D0%BE%D1%81%D1%82/"
target="_self"
title="Наркопост">Наркопост</a></li></ul></li></ul></div><div
id="wb_element_instance2" class="wb_element"
style="left: 40px; top: 10px; width: 920px; height: 49px;
min-width: 920px; min-height: 49px; z-index: 70; line-height:
normal;"><p class="wb-stl-normal"> </p>
<div
id="wb_element_instance1" class="wb_element"
style="left: 810px; top: 0px; width: 170px; height: 110px;
min-width: 170px; min-height: 110px; z-index: 77;"><ul
class="vmenu"><li><a
href="%D0%91%D1%96%D0%B1%D0%BB%D1%96%D0%BE%D1%82%D0%B5%D0%BA%D0%B0/"
target="_self"
title="Бібліотека">Бібліотека</a></li><li><a
href="%D0%9D%D0%B0%D1%88%D1%96-%D0%B4%D0%BE%D1%81%D1%8F%D0%B3%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F/"
target="_self" title="Наші досягнення">Наші
досягнення</a></li></ul></div><div
id="wb_element_instance3" class="wb_element"
style="left: 0px; top: 0px; width: 810px; height: 1010px;
min-width: 810px; min-height: 1010px; z-index: 33;"><div
style="background: #000000; border: 0px solid #C0C0C0;
opacity: 0.8; border-radius: 0px 0px 0px 0px; -moz-border-radius:
0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width:
810px; height: 1010px;"></div></div><div
id="wb_element_instance4" class="wb_element"
style="left: 0px; top: 30px; width: 670px; height: 54px;
min-width: 670px; min-height: 54px; z-index: 62; line-height:
normal;"><h5 class="wb-stl-subtitle"><span
class="wb-stl-special">Вирівська школа
вітає випускників зі святом.</span></h5>
