11 клас Створення сайта

1. 1
Тема: Поняття, структура та різновиди
веб-сайтів
Етапи створення

2. 2
Поняття сайта
Веб-сайт (англ.website, місце, майданчик в
інтернеті), також сайт (англ. site, місце,
майданчик) - сукупність веб-сторінок, доступних у
Міжмережжі, які об'єднані як за змістом, так і
навігаційно. Фізично сайт може розміщуватися як
на одному, так і на кількох серверах.
Сайтом також називають вузол мережі Інтернет,
комп'ютер, за яким закріплена унікальна ІР-адреса,
і взагалі будь-який об'єкт в Інтернеті, за яким
закріплена адреса, що ідентифікує його в мережі
(FTP-site, WWW-site тощо).

3. 3
Класифікація веб-сайтів
Ознаки
класифікації
сайтів
Доступність
сервісів
Природа вмісту
Спосіб взаємодії
користувача
Фізичне
розміщення
Схема подання
вмісту

4. 4
Розподіл сайтів за схемою подання вмісту:
Типи сайтів
Інформаційні
ресурси
Тематичні
сайти
Інтернет-
портали
Блоги
Каталоги сайтів
Веб-сервери
Пошукові
системи
Поштові
системи
Інтернет-
форуми
Дошка
оголошень
Соціальні
мережі
Фото-, аудіо-,
відео-хостінги
Інтернет-
представництва
Сайти-візитівки
Корпоративні
сайти
Інтернет-
вітрини
Інтернет-
магазин
Промо-сайти

5. 5
Поняття
Портал – призначений для надання різноманітних послуг.
Реалізовано як багаторівневе поєднання різних ресурсів і
сервесів, що містять посилання на інші сайти, тематика яких
відповідає інтересам відвідувача порталу.
Хостинг – послуга, що надає дисковий простір для
розміщення фізичних даних на сервері.
Раніше кожний сайт зберігався на своєму власному сервері, але з
розвитком Інтеренету з'явилося поняття віртуального хостингу –
розміщення великої кількості сайтів.
Сервер для збереження лише одного сайта називається
виділеним.

6. 6
Планування структури:
Складові
структури
сайта
Структура
каталогів
Структура
навігації
Заставка
сайта
Безкоштовні сервіси: UCOZ, GOOGLE, JIMDO.com

7. 7
Вимоги для вірного створення сайта:
Основне правило переходу - правило трьох
кліків: перейти на вибрану сторінку менш ніж за 3
кліка. Розрізняють текстову систему навігації,
навігацію за допомогою кнопок та використання
навігаційних карт.
Інколи з’являється заставка. Це невелике фото із
звуковим супроводом або відеороликом.
Головна сторінка сайта має задовольняти правило
3 по 3, тобто 3 абзаца, по три речення про
тематику, зміст, авторів та призначення сайта.

8. 8
Обов'язковий вміст сайта:
–Відображати тематику сайта;
–Вона повинна бути цікавою, щоб
користувач мав бажання переглянути
інші сторінки сайта;
–Містити інструмент пошуку по сайту;
–Містити розділ з даними, які постійно
оновлюються;
–Містити відомості про зворотній зв'язок.

9. 9
Етапи створення веб-сайтів:
– Визначення мети створення сайту, розробка концепції веб-сайта
та його структури;
– Проведення дослідження з обраної теми;
– Вибір способу подання даних та відомостей і стилю оформлення
веб-сторінок;
– Розмітка та програмування сайта;
– Наповнення сайта даними;
– Художнє оформлення сторінок;
– Розміщення веб-сторінок на сервері;
– Популяризація сайта та підтримка його роботи.

10. 10
Поради веб-дизайнеру:
–Не доцільно використовувати анімовані зображення
на головній сторінці;
–Не слід використовувати широкі зображення;
–Не варто розміщувати велику кількість кнопок,
емблем, посилань на головній сторінці;
–Не доцільно використовувати довгі тексти (2,5-3
екрани);
–Необхідно перевіряти сайт на наявність помилок,
вони псують враження від сайту;
–Використовувати правило «п’ятірки»: не більш п’яти
шрифтів: не більш 5-ти шрифтів (як по типу та і за
розміру) на одній сторінці;
–Не треба використовувати напис Сторінка в
розробці, краще прибрати посилання.

11. 11
Практичне застосування набутих знань
Практична робота «Автоматизоване створення веб-сайтів»
1. Вхід в аккаунт google.com.
2. Відкрити сервіс САЙТ (через Інші сервіси google)
3. Створити новій сайт, з 3-х сторінок (Тематика: мої улюблені
тварини, Мої захоплення, Випускний бал тощо)
Підведення підсумків уроку. (усно)
Продовжити речення:
– На сьогоднішньому уроці мені найбільше запам'яталося…
– Чи досягли ми мети, яку поставили на початку уроку?
– Що було легким, а що складним?

12. Домашнє завдання
Опрацювати матеріал конспекту.
Скласти ребуси або кросворд до теми Інтернет
Підручник п.26.1. – 26.6. Опрацювати.
Виконати вправу 26.6.3. Створення веб-сторінки
засобами програми PS Publisher.