Створення сайтів

1. 9
За новою програмою
Урок 28
Етапи створення
веб-сайтів.
Конструювання
сайтів

2. 9
Веб-сторінки і сайтиРозділ 6
§ 20
Життя сучасної людини неможливо уявити без
всесвітньої інтернет-павутини. За допомогою браузерів
ми отримуємо з Інтернету потрібну нам інформацію,
подану у вигляді гіпертекстів.

3. 9
Веб-сторінки і сайтиРозділ 6
§ 20
Вказівник миші під час наведення на
гіперпосилання перетворюється на
зображення руки.
Гіпертекст — це текстовий
документ, що містить
гіперпосилання у вигляді
виділених кольором або іншим
чином слів, фраз, графічних
об'єктів, клацання яких дозволяє
перейти на інший фрагмент цього
документа або новий документ.

4. 9
Веб-сторінки і сайтиРозділ 6
§ 20
Всесвітня павутина складається із сайтів.
Сайт, або веб-сайт (місце в мережі, від англ.
web — мережа, site — місце), — це об'єднання
тематично пов'язаних веб-сторінок і документів
під одним доменним іменем.

5. 9
Розміщення сайтівРозділ 6
§ 20
Отримувати інформацію із сайта можна у будь-який
час із будь-якого під'єднаного до мережі Інтернет
комп'ютера. Де ж розташовуються сайти?
Хостинг (англ. hosting) — це
послуга постійно під'єднаного до
мережі сервера з надання свого
дискового простору (місця на
жорсткому диску) для
розміщення, функціонування та
обслуговування сайтів, файлових
сховищ, електронної пошти тощо.

6. 9
Розміщення сайтівРозділ 6
§ 20
Послуги хостингу можуть бути:
Платними Безкоштовнимиі
А також включати:
Реєстрацію
доменного імені
Обслуговування
системи створення
сайтів
Надання
додаткового
програмного
забезпечення тощо

7. 9
Етапи створення сайтівРозділ 6
§ 20
Створення сайта — це трудомісткий і тривалий процес.
Розробку сайта можна поділити на такі етапи:
маркетингові
дослідження
планування структури
розробка дизайну
конструювання
вибір системи керування
(CMS)
наповнення
тестування
розміщення в
Інтернеті
обслуговування
просування

8. 9
Етапи створення сайтівРозділ 6
§ 20
Маркетингові дослідження
На цьому етапі
визначають призначення
сайта та мету його
створення, вивчають
запити майбутніх
відвідувачів сайта,
ознайомлюються з
подібними сайтами і
планують оригінальні риси
майбутнього сайта.

9. 9
Етапи створення сайтівРозділ 6
§ 20
Планування структури сайта
Ці і багато інших питань
вирішуються на етапі планування
структури сайта.
Скільки сторінок
матиме сайт?
Як користувач
відвідуватиме ці
сторінки?
Скільки і яких
розділів
міститиме сайт?

10. 9
Етапи створення сайтівРозділ 6
§ 20
Розробка дизайну
Дизайн сайта — це не лише красиве оформлення
сторінок. Вигляд головної сторінки і решти веб-сторінок
повинен відображати мету сайта, відповідати певному
стилю, бути привабливим і відрізнятися від аналогічних
сайтів.

11. 9
Етапи створення сайтівРозділ 6
§ 20
Конструювання сайта
Це переведення спланованого сайта в html-код, тобто
у функціонуючий кінцевий продукт, який однаково
добре відображатиметься і працюватиме у всіх
інтернет-браузерах.

12. 9
Етапи створення сайтівРозділ 6
§ 20
Популярними безкоштовними CMS є:
WordPress Joomla OpenCart SocialEngine
переважно
для ведення
блогів тощо
переважно
для сайтів
новин
переважно
для інтернет-
магазинів
переважно
для
соціальних
мереж

13. 9
Етапи створення сайтівРозділ 6
§ 20
Наповнення сайта
Наповнення сайта за допомогою CMS є нескладним.
Але необхідно заздалегідь заготовити необхідний
матеріал (тексти, зображення тощо), які становитимуть
інформаційне наповнення сайта.

14. 9
Етапи створення сайтівРозділ 6
§ 20
Тестування сайта
Створений і частково чи повністю наповнений вмістом
сайт можна протестувати на локальному комп'ютері-
сервері до його розміщення в мережі Інтернет.

15. 9
Етапи створення сайтівРозділ 6
§ 20
Для створення локального сервера з метою розробки
і тестування сайта використовують безкоштовні
прикладні програми:
Apache PHP MySQL
phpMyAdmin
Denver, яка об'єднує ці
програми

16. 9
Етапи створення сайтівРозділ 6
§ 20
Розміщення сайта в Інтернеті
Для ефективної роботи сайта потрібно забезпечити
його цілодобове функціонування. Краще розмістити
сайт на віддаленому хостингу.
Але у разі наявності
постійної IP-адреси та
доменного імені це можна
зробити і на власному
комп'ютері-сервері або навіть
на роутері.

17. 9
Етапи створення сайтівРозділ 6
§ 20
Для доступу користувачів до вашого
сайта він повинен мати доменне ім'я.
Зазвичай хостинг-провайдери
пропонують послуги реєстрації
доменних імен.
Реєстрація доменного імені буває і.
Платною Безкоштовною
У випадку безкоштовної реєстрації імені сайта
встановлюються деякі обмеження і може з'являтися
реклама.

18. 9
Етапи створення сайтівРозділ 6
§ 20
Обслуговування сайта
Обслуговування сайта полягає в його
Оновленні Супроводі
Технічному
обслуговуванні
Поповнення
інформаційними
матеріалами
Адміністрування,
прийом
замовлень у
інтернет-магазині
тощо
Зокрема,
вдосконалення
дизайну і
структури сайта

19. 9
Етапи створення сайтівРозділ 6
§ 20
Просування сайта
Просування сайта полягає у здійсненні заходів
(рекламування, оптимізація структури та змісту,
організація опитувань тощо) з метою збільшення його
відвідуваності інтернет-користувачами.

20. 9
Онлайн-системи конструювання
сайтівРозділ 6
§ 20
Створювати сайти можна мовами розмітки та веб-
програмування. Але для вебмайстрів-початківців
найбільш зручним є автоматизоване створення сайтів за
допомогою онлайн-систем.

21. 9
Онлайн-системи конструювання
сайтівРозділ 6
§ 20
Створювати веб-сторінки із загальним
доступом до них можна в додатку Google
Sites.
Нескладно і швидко можна розробити власний сайт за
допомогою онлайн-конструкторів на сайтах
hostinger.com.ua webkonstruktor.com uCoz.ua
які надають також послуги безкоштовного хостингу,
реєстрації доменних імен, електронної пошти та ін.

22. 9
Онлайн-системи конструювання
сайтівРозділ 6
§ 20
Автоматизована розробка сайта складається з двох
етапів:
Створення дизайну Наповнення контентом
Дизайн полягає у виборі
із запропонованої колекції
готового шаблону сайта та
налаштуванні його під
власні потреби.
Контент — це
інформаційне наповнення
сайта, яке при
автоматизованому процесі
не впливає на загальний
дизайн сайта.

23. 9
Питання для самоперевіркиРозділ 6
§ 20
1. Що таке гіпертекст?
2. Що таке сайт?
3. Що таке хостинг?
4. Назвіть етапи створення сайта.
5. Що таке CMS?
6. Назвіть етапи автоматизованої розробки сайта з
використанням онлайн-систем.