Інформатика Група №11 27.03.2020 Дистанційне навчання

Тема уроку: Створення та адміністрування сайта 

Мета уроку:
Навчальна. Ознайомити учнів з программою Google  сайти та навчити створювати автоматизовані сайти, розробляти структуру сайту.

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

Виховна. Виховувати наполегливість, естетичність у оформленні, грамотно висловлювати свої думки.

Тип заняття. Практична робота.

Класифікація  веб- ­сайтів
Ви вже знаєте, що веб -­ сайт — це набір веб-сторінок, пов’язаних між собою гіперпосиланнями. Веб-сторінки, або гіпертекстові документи, являють собою текст, у якому містяться спеціальні команди, що називаються тегами (tags). Ці теги забезпечують форматування елементів сторінки й дають змогу розміщувати на ній графічні об’єкти, малюнки, гіперпосилання тощо. 
Веб-сторінки створюються за допомогою спеціальної мови HTML, або Hyper Text Markup Language, яка є мовою розмітки гіпертексту, що здійснюється за допомогою тегів. Сьогодні крім HTML застосовуються й інші мови розмітки. Нині для створення інтерактивних сайтів застосовують різні сучасні технології: PHP, ASP, Perl, JSP, CSS, бази  даних DB2, MsSQL, Oracle, MS Access.


Залежно від технології створення виділяють такі типи сайтів. 
1. Статичні сайти, що містять статичні HTML або XHTML-сторінки. 
 Статичні веб-сторінки — це статичні файли (набір тексту, таблиць, малюнків тощо), які створюються за допомогою мови розмітки  HTML (мають розширення html або htm) і зберігаються в готовому  вигляді у файловій системі сервера.
 2. Динамічні сайти, у яких веб-сторінки генеруються або формуються (створюються динамічно) в процесі виконання запиту користувача. Динамічні сайти бувають двох типів.
3. Flash­сайти — це інтерактивні програми, розроблені в середовищі Macromedia Flash. Основним інструментом розробки flash-програм є векторна графіка (інтерактивна векторна анімація для Веб). Flash додає сайтам динамічності й інтерактивності. 
4. Комбіновані сайти, у яких використовують вищезазначені технології створення сайтів.


  Особливості технологій створення веб - ­сайтів
Веб-сайти будуються з використанням цілого ряду технологій. Кожний сучасний веб-сайт можна уявити як торт, який має кілька шарів. Кожний шар являє собою певну технологію. Кожний «технологічний рівень» має свою функцію та призначення.
 Веб-стек є комбінацією технології або компонентів, необхідних для забезпечення функціонування сайта. 
Кодування клієнтської частини— створення веб-сторінок. Для кодування клієнтської частини сайта (тієї, яку бачить користувач) використовують HTML, CSS (каскадні таблиці стилів) і JavaScript.
HTML — це мова, яка становить зміст сайта й передає браузерам (наприклад, Internet Explorer або Google Chrome), що потрібно показати на сайті. 
CSS — це мова, яка використовується для опису подання (зовнішній вигляд і форматування) сайта. 
JavaScript — це мова програмування, яка зазвичай використовується для створення інтерактивних ефектів усередині веб-браузерів. 
Мова програмування. Решта технологічних шарів, які складають сайт, містяться і працюють на сервері. З метою програмування бізнес-логіки або призначених для користувача функцій на сайті веб-розробники використовують різні мови програмування, наприклад: PHP, ASP.NET, Java і Ruby, Perl, ColdFusion, C / C ++ або Python. 
Ядро СКБД, або сервер бази даних, є основним компонентом сайта, де зберігаються всі дані сайта.
Веб - ­сервер програмного забезпечення. Термін «веб-сервер» може стосуватися будь-якого апаратного забезпечення (фізичний комп’ютер) або програмного забезпечення (комп’ютерні додатки), що допомагає доставити веб-сайт для кінцевого користувача.
Операційна система. Нижнім шаром сайта (фундаментом), що в кінцевому підсумку «робить усю роботу», є операційна система, яка працює на фізичному сервері комп’ютера. Для більшості сайтів є дві базові операційні системи: Linux і Microsoft Windows. Linux є операційною системою з відкритим вихідним кодом (є безкоштовною), вона доступна в різних дистрибутивах (Ubuntu, Red Hat, CentOS, SuSE, Debian, Fedora), що підтримуються різними групами й організаціями. Windows Server є продуктом Microsoft, який потребує наявності ліцензії. 

 Сайт  має відповідати таким вимогам: 
відображати тематику сайта; 
бути цікавою, щоб користувач мав бажання переглянути інші сторінки сайта; 
містити інструмент реалізації пошуку потрібних відомостей; 
мати розділ з актуальними даними, наприклад, новини, акції, поради дня тощо; 
містити інструменти для організації зворотного зв’язку (e-mail, телефон, адресу).

Виконання практичної роботи.

1.     Завдання практичної  роботи:

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

    2.     Вправа Етапи створення сайту

Завдання практичної роботи

1.  Головна сторінка (назва «Наша група»)

2.  Зміст сторінки:

2.1.    Загальне фото групи

2.2.    Девіз групи

3.  Це – ми (сторінка з фото учнів)

Зміст сторінки:

3.1.    Кожень учень додає своє фото  з підписом та свою мрію

4.  Навчання

Зміст сторінки:

4.1.    Розклад уроків

Підсторінка «Корисні посилання»

Зміст підсторінки :

4.2. навчальні відео

5.  Новини групи

Зміст сторінки:

5.1.     Привітання зі святом ( текстове поле + зображення)

Підсторінка «Календар важливих подій»

5.2.             Вбудувати календар

6.  Наші захоплення 

Зміст сторінки:

6.1. Кожен учень додає відео або зображення зі своїм захопленням (підписуючи його)

В кінці натискаємо опублікувати. 

Додавання текстового поля.: Вставити –Текстове поле

Додавання зображення : Вставити – Додати(зображення яке знаходить на комп'ютері) або Вставити – Виберіть (пошук зображення в інтернеті)

Додати відео: Вставити – (опускаємо полосу прокручування до низу) – Ютуб /за таким принципом вставляється календар, таблиця, презентація вибираючи відповідний пункт /

Створити нову сторінку: Сторінки – «+» (в правому нижньому кутку сторінки) – вводимо назву сторінки

Створити під сторінку: Сторінки - обираємо сторінку до якої потрібно додати підсторінку – натискаємо на три вертикальні крапки – обираємо створити під сторінку – вводимо назву під сторінки.

Домашнє завдання ст.204 Підручник Н.В.Морзе, О.В.Барна.
Дайте відповіді на запитання по даній темі ст. 211