 |
|
Створення сайту для реалізації проекту.
Наявність власного сайту організації, навчального закладу, класу тощо стає актуальним питанням сьогодення. Вміння створювати прості сайти і веб-сторінки є надзвичайно актуальним для майбутніх вчителів. Тому для формування у студентів умінь створювати веб-сторінки з конкретною метою, використовувати їх для популяризації результатів педагогічних досліджень, розширення можливостей для збору інформації з теми дослідження доцільним є створення веб-сторінок проектів. Розробку сайту можна замовити у дизайн-студіях або здійснити самостійно, наприклад з допомогою Microsoft Publisher. У будь-якому разі розробка складається з кількох етапів. Ці етапи подібні до етапів розв’язування задач з використанням комп’ютера.
1. Постановка завдання. На цьому етапі визначається мета створення сайту, його основна тематика, обирається тип сайту, здійснюється аналіз існуючих сайтів такої самої або схожої тематики. У результаті розробник повинен знати:
• мету, з якою створюється сайт;
• тематику сайту;
• тип сайту: домашня сторінка, форум, Інтернет-магазин, портал тощо;
• відмінності сайту від інших сайтів такої самої тематики;
• аудиторію потенційних відвідувачів сайту: вік відвідувачів, стать, коло інтересів тощо;
• перелік сервісів для розміщення на сайті: форум, чат, пошукова система, веб-каталог, електронна пошта, опитування та ін.;
• перспективи розвитку сайту.
2. Визначення структури сайту та його окремих сторінок. На цьому етапі важливо скласти перелік розділів сайту для формування системи навігації, список сторінок, визначити зв’язки між ними. Кількість сторінок залежатиме від того інформаційного наповнення, яке планується на ньому розмістити. Результатом повинна стати мапа (карта) сайту – діаграма, що візуально відображає ієрархію сторінок сайту, схему зв’язків та переходів між ними, тобто внутрішню структуру сайту.
Мапу сайту створюють у текстовому редакторі або редакторі презентацій, малюють на папері тощо. Наприклад, для сайту-візитки вашого проекту, основними відвідувачами якого будуть студенти та педагогічні працівники, мапа сайту може бути такою, як зображено на рисунку 2.
Рис.2. Мапа сайту для проекту «Учитель – міфи та реальність»
Наступним завданням етапу є розробка так званої зовнішньої структури сайту, яка визначає зовнішній вигляд веб-сторінок. Оскільки для більшості сторінок сайту рекомендується застосовувати єдиний стиль оформлення, то потрібно визначити схему розташування на сторінках основних блоків: як буде розташований основний матеріал, додаткові інформаційні та рекламні блоки, анонси, меню, лічильник відвідувачів тощо.
Як правило, на веб-сторінках передбачено розміщення:
• верхнього блоку – заголовку, у якому містяться логотип і назва сайту;
• меню для переходу до основних розділів сайту;
• інформаційного блоку з основним матеріалом, що займає центральну частину сторінки;
• нижнього блоку – підвалу, для розміщення контактних даних, повідомлення про авторські права тощо.
Схему зовнішньої структури – так звану модульну сітку (рис. 3) бажано намалювати у графічному редакторі або на папері. Якщо розробка сторінок сайту буде здійснюватись автоматизованими засобами, то зовнішня структура може бути запропонована у шаблоні сторінки.
| Блок заголовку | |
| Блок меню | Інформаційний блок |
| Підвал | |
| Рис. 3. Приклад схеми зовнішньої структури веб-сторінки. |
Розробка дизайн-макету сторінок сайту. Дизайн-макет має базуватися на попередньо розробленій зовнішній структурі сторінок сайту. Дизайн-макет сторінок включає набір значень властивостей текстових та графічних об’єктів сторінки: кольорової гами сторінок, елементів графічного оздоблення, набору шрифтів та ін., тобто визначає стиль сайту. Важливо, щоб стиль відповідав призначенню сайту, особливостям основної аудиторії, на яку розрахований сайт, був орієнтований на надання найбільших зручностей для сприйняття основного матеріалу. Дизайн-макет може бути розроблений дизайнером у графічному редакторі, намальований на папері тощо.
Особливе значення у виборі дизайну відіграє призначення веб-сайту, а не лише його естетичне сприйняття. Будь-який відвідувач сайту завдяки дизайну повинен швидко зрозуміти, чому присвячений сайт, легко знайти корисні для себе інформаційні матеріали, інтуїтивно зорієнтуватися у навігації сторінками сайту. Аналіз найбільш популярних веб-сайтів доводить, що чим простіший дизайн, тим легше користувачу орієнтуватися на сайті. Велика кількість графічних елементів може відволікати увагу від дійсно корисних матеріалів, заради яких відвідувач потрапив на ваш сайт.
З огляду на ці та інші фактори, можна запропонувати такі правила оформлення веб-сторінок:
• Оберіть кольорову гаму для вашого сайту, враховуючи ваші вподобання, тематику сайту та вподобання потенційних відвідувачів. Використайте для оформлення не більше 2-3 кольорів.
• В процесі визначення кольорової гами сторінки вибирайте контрастні кольори для тексту та фону, щоб текст легше читався.
• Розбивайте текст на абзаци, між якими зробіть збільшені відступи.
• Вирівняйте заголовки по центру, а основний текст – по ширині.
• Для структурування тексту використовуйте таблиці. Розміщуючи фрагменти тексту та графічні зображення у таблицях, можна створити цікаві композиційні рішення на веб-сторінках.
• Не зловживайте флеш-анімацією, відео, музичними та графічними елементами. Вони можуть відволікати увагу від корисних матеріалів та уповільнювати завантаження сторінок.
• Зробіть гіперпосилання для переходу між сторінками сайту, але не розміщуйте на сторінках занадто багато гіперпосилань. Виділяйте гіперпосилання кольором, щоб користувач бачив, що це посилання і які з них він вже відвідував.
• Зробіть логотип сайту, зображення або текст у заголовку гіперпосиланням на головну сторінку сайту.
• Створіть для відвідувачів мапу сайту для спрощення переходу на сторінки з потрібними матеріалами.
Для прикладу навидимо зразок головної сторінки сайту, створеного для реалізації проекту «Учитель – міфи та реальність» (Рис. 4).
Рис. 4. Титульна сторінка сайту проекту «Учитель – міфи та реальність
З допомогою сайту не тільки поширюється інформація про діяльність студентів, їх дослідження, а й розширюється географія респондентів, які приймають участь у дослідженні. Створена сторінка з анкетою дозволяє опитати думку зацікавлених осіб з різних регіонів нашої держави і зарубіжжя, що значно підвищує цінність отриманих в ході дослідження результатів (Рис. 5).
Рис. 5. Зовнішній вигляд веб-сторінки для інтерактивного опитування.
Окрім того наявність сайту дає можливість спілкуватися зі студентами, педагогічними працівниками, батьками через електронну пошту.