Які ви знаєте браузери? (Google Chrome, Оpеrа, Моzіllа, Іnternet Explorer..)
Які сервіси Google ви знаєте? (Акаунт, Пошуковики, Інтерет магазин, Електронна пошта, Документи, Таблиці, Google Диск, YouTube, Соціальні мережі, Презентації, Карти, Навігаційні системи, Перекладачі )
Що ми можемо вважати персональним навчальним середовищем?
Як можна використовувати електронну пошту для навчання?
За якими критеріями, на вашу думку, потрібно оцінювати сайт?

Мотивація навчальної діяльності

Переважна більшість населення світу віком від 7 до 40 років є активними користувачами Інтернету. І кожен другий має свій сайт чи веб-сторінку, адже просто зареєструвавшись у соціальній мережі, онлайн банку чи ігровому сервісі, ви стаєте власником свого особистого інтернет-простору.

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

Сприймання і усвідомлення учнями нового навчального матеріалу

Пояснення вчителя з елементами демонстрування презентації за допомогою ПК

Сайт, або веб-сайт (від англ. website, місце, майданчик в інтернеті) — сукупність веб-сторінок, доступних у мережі Інтернет, які об'єднані як за змістом, так і за навігацією під єдиним доменним ім'ям. Фізично сайт може розміщуватися як на одному, так і на кількох серверах.

Веб-сторінка — інформаційний ресурс, доступний в мережі Інтернет, який можна переглянути у веб-браузері. Зазвичай, інформація веб-сторінки записана у форматі HTML. Веб-сторінки можуть об'єднуватися в сайти за допомогою гіпертексту з навігаційними гіперпосиланнями на інші сторінки. Процес створення веб-сторінки засобами мов програмування називається версткою.

Веб-сторінки можуть зберігатись на локальному комп'ютері або отримуватись із віддаленого веб-сервера. Веб-сервер може накладати обмеження на доступ до веб-сторінок, наприклад, дозволяти перегляд лише з локальної мережі (Iнтранет), або відкривати доступ до сторінок в мережі Інтернет. Запити на отримання та передача веб-сторінок з веб-серверів відбувається за протоколом HTTP.

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

За розміщенням ресурсу: У мережі Інтернет – загальнодоступні. У локальній мережі – локальні сайти.

Пригадайте: які типи сайтів нам відомі та які їхні особливості?

Сайт-візитка – це невеликий сайт (від 5 до 20 сторінок), містить основну інформацію про власника, видах діяльності організації, історію створення, прайс-лист товарів або послуг, контактні дані, реквізити, схему проїзду. Тексти мають велике значення для подібних ресурсів, оскільки повинні бути максимально короткими та інформативними. Особливості: такі сайти зазвичай складаються з 5-15 сторінок, відрізняються строгим дизайном, на них обов'язково є присутній логотип компанії. Також дуже важливий підбір доменного імені, в ідеалі вона повинна відображати основний вид діяльності фірми, бути коротким і таким, що запам'ятовується.

Промо–сайт. Його ще можна назвати рекламний сайт (від 5 до 50 сторінок) – інтернет-ресурс, який рекламує окремий продукт, послугу або бренд. Крім того такий сайт може бути створений для інформування про разовому подію (виставка, конференція, свято, концерт). Основними складовими такого сайту є: розгорнута інформація про майбутню подію, безліч візуальних прийомів для утримання фокусу відвідувача на необхідній інформації. Для таких промо-ресурсів велике значення мають якість рекламних текстів, маркетингові елементи і Flash-анімація. Промо-сайти нагадують рекламні ролики. Особливості: Такі сайти складаються з однієї-трьох сторінок, мають яскравий дизайн, так званий "продає текст" і форму замовлення. Часто супроводжуються відео або flash-роликами, а також позитивними відгуками.

Корпоративний сайт (від 10 до 100 сторінок) - це повнофункціональний web-сайт, ефективний інструмент для залучення та обслуговування клієнтів. Такий сайт має містити повну інформацію про компанію, про товари та послуги, прайс-листи, форми спілкування відвідувачів і персоналу компанії. Для такого ресурсу обов'язково проводиться оптимізація сайту, для підняття позиції у видачі пошукових роботів. Обов'язково розробляється зручна і зрозуміла навігаційна структура сайту, для того, що б відвідувач міг легко та швидко знайти потрібну інформацію, замовити товар або послугу. Якісний і правильний корпоративний сайт може стати основним засобом залучення клієнтів. Особливості: Строгий стиль, логотип компанії, великий обсяг, закриті розділи для співробітників, розділи для партнерів і клієнтів, можливість динамічного формування контенту (використання баз даних для своєчасного оновлення і нформації), форми зворотного зв'язку і так далі.

Інтернет-каталог (від 10 до 500 сторінок) – це корпоративний web-сайт компанії, яка пропонує великий асортимент товарів або послуг. Такий сайт передбачає таку структуру, яка дає можливість для: добавлення або видалення товарів чи послуг; створення рубрик та підрубрик наданих сервісів; створення розгалудженноїструктури категорій; зручного розміщення інформації або зображення товарів.

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

Інтернет-магазини (від 100 до 1000 сторінок) призначені для продажу товарів чи послуг через Інтернет. Розробка інтернет магазину відрізняється від інтернет-каталогу тим, що такі сайти дають можливість замовити і оплатити товар прямо на сайті, а також працювати з кошиком покупок. В інтернет-магазинах існують різні системи розрахунків: відправка товарів післяоплатою, моментальний розрахунок за допомогою банківських карт або віртуальних гаманців, автоматична відправка рахунків – фактури по факсу або електронною поштою. На сторінках сайту можна дізнатися про наявність товару на складі, акційні пропозиції, найбільш популярні товари, та багато іншої корисної інформації про товари.

Інформаційний портал. Для ресурсів цього типу (від 100 сторінок) характерна велика кількість інформаційних матеріалів (новини, аналітичні статті, репортажі, інтерв'ю, коментарі, огляди) по тематиці сайту. Матеріали регулярно оновлюються, зручна навігація та пошук, додаткові сервіси, інтерактивні форми: форум, чат, обговорення, анкети, опитування, голосування та ін

Інтернет портал. Це об'ємні, наповнені різною інформацією, і пропонують велику кількість сервісів (послуг). Їх створення вимагає багато часу і сил, а також цілої команди розробників. Особливості: Хіба що, масштабність проекту. Все інше, як на інших видах сайтів.

Соціальна мережа (від 500 сторінок) спрямована на створення спільнот в інтернеті з людей зі спільними інтересами або родом діяльності. Зв'язок між користувачами соціальних мереж здійснюється за допомогою внутрішньої пошти або миттєвого обміну повідомленнями.

Є й інші види сайтів, але вони зустрічаються не так часто, тому на них можна не зупинятися, а просто перерахувати. Це можуть бути: сайти знайомств, персоналізовані сайти (створені для однієї людини) та інші.

Блог Все-таки це окремий вигляд сайту. Можна називати це як завгодно: домашньою сторінкою, блогом, журналом, але по суті – це той ж е сайт. А відрізняється він тим, що присвячений конкретній людині і його захопленням.

Хостінг. Вся інформація в Інтернеті зберігається на серверах. Особам, зацікавленим в розміщенні своїх ресурсів, надається фізичний простір для зберігання, а також використання своїх файлових даних: фотографій, відеороликів і, звичайно ж, веб-сайтів. Дана послуга, яка дозволяє використання дискового простору сервера, і називається «хостинг», а в свою чергу організація, що забезпечує надання такої можливості, називається хостинг-провайдер (або, як ще кажуть, хостер).

Завдяки хостингу інформація надійно зберігається на сервері і доступна 24 години на добу в будь-якій точці планети (тобто обмежень географічного характеру просто не існує і фізично ваша інформація може розташовуватися в іншій країні і навіть на іншому континенті).

Процес отримання інформації з сервера, не особливо вдаючись у технічні подробиці, виглядає приблизно так. Бажаючи знайти або, припустимо, завантажити на свій комп'ютер, користувач вводить в адресному рядку свого браузера адреса сайту або повний шлях до файлу на сервері. Цей запит після обробки в DNS-центрі буде відправлений до того комп'ютера (сервера), на якому розміщена шукана інформація. Після отримання відповіді, браузер користувача почне відображати передану сервером інформацію.

Хостинг може бути платними і безкоштовними. При виборі безкоштовного хостингу, в деяких випадках, за користування ресурсами з Вас можуть зажадати розміщення реклами на сторінках сайту, або вона буде «крутиться» за умовчанням (своєрідна «плата» за користування).

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

Кілька рекомендацій з вибору хостингу. Як відомо, при розміщенні сайту на тому чи іншому сервері, будь-якому власникові хочеться, щоб його сайт був відвідуваним. Підвищити популярність сайту можна не тільки за рахунок самих матеріалів, розміщених на ньому, а й завдяки стабільному, цілодобовому доступу до сервера.

Є декілька безкоштовних Хостингів і конструкторів сайтів різної складності: https://www.zzz.com.ua/uk

GOOGLE.COM.UA

https://www.ucoz.com/#choice-anchor

https://www.hostinger.ru/#

При створенні структури сайта слід дотримуватися певних принципів, зокрема: принцип простоти та принцип цільового поділу.

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

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

Такий принцип побудови є ефективним для сайтів, на яких виділяється 2-3 основні групи користувачів.

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

Веб-сторінки можуть бути кількох типів: головна (домашня) та допоміжні – ті, що складаються у структуру за допомогою гіперпосилань.

Для того, щоб краще розрізняти поняття веб-сайту та веб-сторінки, виконаємо тренувальну вправу біля дошки. По черзі кожен учень визначає один тип сайту чи веб-сторінки і записує у відповідну колонку.

Головною умовою актуального та зручного сайту є принцип трьох кліків!

Який контент можуть мати веб-сторінки сайта?

Для створення автоматизованих сайтів використовуєть веб-конструктори.

Конструктор сайтів (англ. Site builder) — програмно реалізована складна система для створення веб-сторінок без знання мов програмування. Зазвичай є окремим сервісом, але може надаватися, як додаткова послуга хостинговими компаніями. Існує можливість створення сайтів як за допомогою систем керування контентом.

Майже кожен інтернет-ресурс для конструювання сайтів має своє промо-відео. Пропоную переглянути одне із них і проаналізувати переваги та недоліки цього конструктора сайтів.

Перегляд промо-відео конструктора сайтів.

https://www.youtube.com/watch?v=3JiX2zQYYg4

*Етапи створення сайту*
І етап	Попередній етап розробки сайту.
ІІ етап	Проектування сайту.
ІІІ етап	Розробки й тестування сайту.
VІ етап	Розміщення сайту.
V етап	Розвиток ресурсу.

V. Формування практичних умінь і навичок

Завдання 1.

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

План аналізу сайта:

Який це тип сайту?
Які характерні особливості має цей сайт?
Проведіть простий семантичний аналіз контенту сайта (Які види інформації, призначення інформації, оформлення дизайну, стиль тексту)

Завдання 2.

Розгляньте приклади сайтів:

Відшукайте, чи є на цих сайтах зразки банерів, логотипів. За допомогою сервісу https://www.logaster.ru/v3/brands/13922986/logos/ створіть логотип сайту свого навчального закладу чи свій власний.

Домашнє завдання

Опрацювати конспект