Етапи створення веб-сайтів. Конструювання сайтів

1.

Етапи створення вебсайтів.
Конструювання сайтів
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Луцьк

2.

Персональне навчальне середовище
Структура сайтів
Сукупність веб-сторінок певної тематики із
системою навігації, що дає можливість
переміщуватись між ними за допомогою
гіперпосилань, збережених на одному сервері,
утворює сайт, або веб-сайт
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Чашук О.Ф., вчитель інформатики
ЗОШ№23,
Луцьк
Луцьк
Створення сайтів

3.

Персональне навчальне середовище
Структура сайтів
Структура сайта
лінійна
Внутрішня
Зовнішня
ієрархічна
довільна
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Чашук О.Ф., вчитель інформатики
ЗОШ№23,
Луцьк
Луцьк
Створення сайтів

4.

Персональне навчальне середовище
Зовнішня структура визначає спосіб розміщення
відомостей на сторінці при виборі кожного пункту
меню
Навігація по сайту має бути простою та
зрозумілою:
користувач у будь-який час повинен знати відповіді на такі питання:
Де він
перебуває?
Куди можна
піти?
Як туди
дістатися?
Як
повернутися
назад?
Правило трьох кліків: до будь-якої сторінки сайта користувач має
дістатися не більш ніж за три переходи (три кліки)
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Створення
сайтів
Луцьк

5.

Персональне навчальне середовище
Правило «3 по 3»
Правило трьох кліків: до будь-якої сторінки сайта користувач має дістатися не
більш ніж за три переходи (три кліки)
Головна сторінка сайта має задовольняти правилу «3 по 3»,
тобто три абзаци по три речення про тематику та зміст, авторів
і призначення сайта
Головна
сторінка
⮚ відображати тематику сайта;
⮚ бути цікавою;
⮚ містити пошук по сайту;
⮚ містити розділ з даними, що
оновлюються;
⮚ містити відомості про спосіб
зворотного зв’язку
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Створення
сайтів
Луцьк

6.

Персональне навчальне середовище
Веб-сторінки сайта
Веб-сторінка – документ або інформаційний ресурс, доступ до якого здійснюється
за допомогою браузера.
Інформаційний вміст веб-сторінки називають контентом
Статичні
Веб-сторінки
Інтерактивні
веб-сторінки створюються за
допомогою мови розмітки HTML
можливість користувачеві вводити
деякі дані, опрацювання їх на сервері
Сайти, що містять інтерактивні вебсторінки, називають динамічними
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Створення
сайтів
Луцьк

7.

Персональне навчальне середовище
Веб-сторінки сайта
Сайти, що містять інтерактивні веб-сторінки, називають
динамічними
Для створення та супроводження динамічних
сайтів використовують СMS (Content Management
System) – систему управління сайтом, яку
називають двигунцем сайта.
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Створення
сайтів
Луцьк

8.

Персональне навчальне середовище
Веб-сторінки сайта
Сторінка розділу веб-сайта – це статична веб-сторінка, зміст
якої користувач лише переглядає й не виконує ніяких
додаткових дій
Домашня сторінка має декілька значень:
головна вебсторінка
веб-сайт
належить певній
людині
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Створення
сайтів
Луцьк
веб-сторінка
(стартова), яка
завантажується в
браузері

9.

Домашнє завдання
❑
Вивчити §29 п.27.1-27.2
❑ Опрацювати всі запитання
і завдання з рубрик
❑
Заповнити словничок
Структура веб-сайту, навігація сайту,
правило «три по три», веб-сайт
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Луцьк

10.

• Розгадай
ребус
Чашук О.Ф., вчитель інформатики
ЗОШ№23, Луцьк

11.

Розгадай ребус
САЙТ
Чашук О.Ф., вчитель інформатики ЗОШ№23, Луцьк

12.

Робота з комп'ютером
Завдання 1.
Порівняйте сайти, адреси яких наведено у
файлі Список сайтів папки Навчальне
середовище. Встановіть, які з них є
професійними, а які – любительськими.
Виділіть три ознаки для такого визначення.
Обговоріть результати в парі
Чашук О.Ф., вчитель інформатики
ЗОШ№23, Луцьк

13.

Робота з комп'ютером
Завдання 1.
Розгляньте приклади сайтів навчальних
закладів, що зареєстровані на освітньому
порталі www.osvita.org.ua. Відшукайте, чи є на
цих сайтах зразки банерів. Засобами графічного
редактора створіть банер сайта свого
навчального закладу
Чашук О.Ф., вчитель інформатики
ЗОШ№23, Луцьк

14.

Працюємо за комп’ютером
Чашук О.Ф., вчитель інформатики ЗОШ№23,
Луцьк