1 of 17

Практична робота 5 Створення сайту з використанням онлайн-системи конструювання сайтів

За навчальною програмою 2017 року

Урок 32

8

teach-inf.com.ua

2 of 17

Елементи структури вебсторінок

Розділ 4 § 4.1

Складові веб-сторінки

Елементи навігації

Дизайн

Контент

8

3 of 17

Засоби автоматизованого створення вебсайтів

Розділ 4 § 4.2

Існують онлайн-системи конструювання сайтів, які призначено для розробки сайтів безпосередньо на віддаленому сервері в Інтернеті. Такими є сервіси:

Google Сайти

uCoz

Weebly та інші

Створені в цих сервісах сайти автоматично розміщуються на серверах відповідних сервісів, і розробник не може безпосередньо редагувати HTML-код вебсторінок.

8

4 of 17

Створення сайту засобами онлайн-системи конструювання сайтів

Розділ 4 § 4.2

Створення вебсайту засобами онлайн-системи конструювання сайтів відбувається в кілька кроків:

1

Реєстрація облікового запису на сервері онлайн-системи конструювання сайтів.

2

Вибір назви сайту та шаблону його оформлення.

3

Створення сторінок сайту, системи навігації.

4

Заповнення сторінок контентом.

5

Публікація сайту.

8

5 of 17

Створення сайту засобами онлайн-системи конструювання сайтів

Розділ 4 § 4.2

Розглянемо, як відбувається процес розробки вебсайту засобами, що безкоштовно надає користувачам сервіс Google Сайти.

Для використання цього сервісу потрібно мати обліковий запис Google, який ви вже створювали, працюючи з:

Електронною

поштою

Cпільними документами Google

8

6 of 17

Створення сайту засобами онлайн-системи конструювання сайтів

Розділ 4 § 4.2

Створити сайт можна різними способами:

Відкрити вікно Google Диска, скориставшись вашим обліковим записом Google, та виконати Створити ⇒ Більше ⇒ Google Сайти.

8

7 of 17

Створення сайту засобами онлайн-системи конструювання сайтів

Розділ 4 § 4.2

Продовження…

Виконати вхід у сервіс Google, скориставшись вашим обліковим записом, перейти за адресою sites.google.com і вибрати кнопку Створити новий сайт.

8

8 of 17

Створення вебсторінок

Розділ 4 § 4.2

Для створення нової сторінки на сайті слід:

Вибрати заголовок вкладки Сторінки на бічній панелі

Вибрати кнопку Створити сторінку

Увести назву сторінки в поле Назва.

Вибрати посилання Готово.

8

9 of 17

Вставлення об’єктів на вебсторінку

Розділ 4 § 4.2

На веб-сторінку можна вставити різні об'єкти. Для цього призначено вкладку Вставити у правій частині вікна браузера.

текстові поля

зображення

гіперпосилання

документи, які розміщено на Google Диск

8

10 of 17

Вставлення об’єктів на вебсторінку

Розділ 4 § 4.2

Усі об’єкти, які додаються на вебсторінку, розміщуються в окремих блоках. Кожен блок можна:

Перемістити

Змінити його розміри

Видалити

використовуючи маркери на межах

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

8

11 of 17

Вставлення об’єктів на вебсторінку

Розділ 4 § 4.2

Призначення елементів керування

вкладки Вставити

Кнопка

Призначення

Створення блока введення тексту. Текст може бути оформлений як Назва, Заголовок, Підзаголовок, Звичайний текст і Малий

Уставлення зображення з Google Диска, за URL-адресою з Інтернету, з носіїв даних комп’ютера тощо

8

12 of 17

Вставлення об’єктів на вебсторінку

Розділ 4 § 4.2

Кнопка

Призначення

Уставлення документів різних типів з Google Диска

Уставлення об’єктів різних типів з Інтернету за їх URL-адресою або вставлення фрагментів HTML-коду

Вибір макета розміщення об’єктів на сторінці

Створення слайд-шоу з вибраних зображень

8

13 of 17

Вставлення об’єктів на вебсторінку

Розділ 4 § 4.2

Кнопка

Призначення

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

Уставлення горизонтальної роздільної лінії

Уставлення відео із сервісу YouTube

Уставлення календаря (Google Календар)

Уставлення карти (Google Карти)

8

14 of 17

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

Проаналізувати

§ 4.2, ст. 117

Розділ 4 § 4.2

8

15 of 17

Працюємо за комп’ютером

Практична робота 5

Створення сайту з використанням онлайн-системи конструювання сайтів

Розділ 4 § 4.2

8

16 of 17

Працюємо за комп’ютером

Розділ 4 § 4.2

Сторінка

117

8

17 of 17

Дякую за увагу!

За навчальною програмою 2017 року

Урок 32

8

teach-inf.com.ua