Інформатика

Тема уроку: “Конструювання сайтів. Використання онлайн-систем конструювання сайтів”

Пригадаємо…

• Які основні етапи створення веб-сайтів?
• Які складові структури веб-сторінки ви знаєте?
• Що таке теги?

Прочитайте!

Автоматизоване створення веб-сайту

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

1. Реєстрація облікового запису на сервері онлайн-системи конструю­вання сайтів.
2. Вибір назви сайту та шаблону його оформлення.
3. Створення сторінок сайту, системи навігації.
4. Заповнення сторінок контентом.
5. Публікація сайту.

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

Для створення сайту потрібно:

1. Увійти на Google Диск з вашим обліковим записом Google.
2. Виконати Створити/ Більше / Google Сайти.
3. Переглянути інструкцію зі створення сайту, використовуючи панель Add content (англ. add content — додати зміст), або закрити її.

Після виконання цих дій у вікні браузера буде відкрито головну сто­рінку нового сайту. У правій частині вікна відкриється біч­на панель з елементами керування, призначеними для створення, реда­гування та форматування веб-сторінок сайту. Одночасно на Google Диск з’явиться ескіз сайту з підписом Сайт без назви, якому відповідає значок

У подальшому для редагування вашого сайту — додавання та реда­гування веб-сторінок, змінення оформлення тощо — вам потрібно вико­ристовувати інструменти бічної панелі. Відкрити сайт у режимі редагу­вання можна подвійним клацанням на його ескізі на Google Диск.

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

Щоб надати назву сайту, потрібно ввести її в поле Введіть назву сайту у верхній частині заголовка сторінки зліва. Одночасно буде змінено на назву сайту текст Сайт без назви та підпис ескізу сайту на Google Диск.

Як і для документів Google, усі зміни, виконані на сайті, будуть збері­гатися автоматично.

Для вибору шаблону оформлення сайту потрібно:

1. Вибрати вкладку Теми у правій частині вікна.
2. Вибрати одну із запропонованих тем оформлення.
3. Вибрати кольорову гаму та стиль шрифту із числа тих, що запропо­новані для вибраної теми.

Можна також змінити вигляд заголовка на сторінках сайту. Після на­ведення вказівника на заголовок з’являється панель налаштувань з коман­дами Змінити зображення та Тип верхнього колонтитула. Вибір першої команди приводить до відкриття списку зображень, які можуть бути ви­користані у заголовку сторінки. За вибору другої команди стає можливим змінення типу заголовка — Великий банер, Банер або Лише заголовок.

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

Одразу після створення сайт містить лише одну сторінку, яка є голов­ною сторінкою сайту. Кожна сторінка сайту має назву. Назву головної сторінки потрібно ввести в поле Заголовок сторінки.

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

1. Вибрати вкладку Сторінки у правій частині вікна.
2. Вибрати кнопку Додати сторінку.
3. Увести назву сторінки в поле Назва сторінки.
4. Вибрати гіперпосилання Готово.

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

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

Для створення головної сторінки тематичного розділу потрібно пере­тягнути блоки заголовків інших сторінок цього розділу на заголовок го­ловної сторінки розділу.

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

На веб-сторінку можна вставити різні об’єкти: текстові поля, зображення, гіперпосилання, до­кументи, які розміщено на Google Диск, та інше.

Для цього призначено вкладку Додати у правій частині вікна браузера.

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

Для видалення вставленого об’єкта потрібно вибрати кнопку Видали­ти на панелі налаштувань блоку об’єкта.

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

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

Створений вами сайт буде залишатися недоступним для користувачів Інтернету, поки ви його не опублікуєте. Для публікації потрібно:

1. Вибрати кнопку Опублікувати у верхній частині вікна браузера.
2. Увести, використовуючи малі літери латиниці, цифри та тире, остан­ню частину URL-адреси сайту. Перша частина адреси (доменне ім’я сервера та шлях до файла) для всіх сайтів буде однаковою: google. com/view/. Остання частина повинна бути унікальною для кожного сайту. Якщо вибрана вами адреса не є унікальною, то про це буде повідомлено, її потрібно змінити. Запит URL-адреси сайту буде виводитися лише під час першої публікації сайту.
3. Вибрати кнопку Опублікувати.

Опублікований сайт можна переглянути, вибравши команду Перегля­нути опублікований сайт у списку кнопки Опублікувати. Адреса, яку варто пропонувати для перегляду вашого сайту, буде міститися в рядку адреси у вікні перегляду опублікованого сайту.

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

Адміністрування сайту

Для нормального функціонування сайту потрібно його адмініструва­ти — забезпечувати його працездатність, захищати від шкідливих про­грам, додавати користувачів, які можуть редагувати сайт, розподіляти права доступу користувачів до сторінок сайту, змінювати внутрішню структуру сайту та інше. Виконує ці функції адміністратор сайту. Часто адміністратором є власник сайту.

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

Під час адміністрування Google Сайтів для того, щоб додати корис­тувача та надати йому дозвіл на ре­дагування сайту, потрібно:

1. Відкрити сайт у режимі редагу­вання.
2. Вибрати кнопку Додати редакторів у верхній частині сторінки.
3. Додати електронну адресу користу­вача, якому ви хочете надати доз­віл на редагування сайту, в поле Запросити користувачів у вікні Додати редакторів .
4. Вибрати кнопку Надіслати.
5. Установити позначку прапорця Заборонити редакторам публікувати сайт, змінювати параметри доступу й додавати користувачів, якщо бажаєте обмежити користувачу дозволи на редагування та адміні­стрування сайту.
6. Вибрати кнопку Готово.

Адміністратор також має можливість змінити URL-адресу сайту та припинити його публікацію. Відповідні команди містяться у списку кнопки Опублікувати.

Робота з підручником: п. 9.3  – прочитати.

Виконання практичного завдання

Завдання 1 (ст. 269, №6) Створіть сайт про свій улюблений вид спорту з використанням сервісу Google Сайти (тему сайту можна обрати самостійно). Розробіть схему внутрішньої структури сайту, доберіть матеріали для наповнення сайт, опублікуйте сайт.

Завдання 2 На електронну адресу вчителя (mariiia.pronchuk@gmail.com) надішліть URL адресу вашого сайту.

Якщо у вас немає можливості працювати за ПК, замість практичних завдань можна дати відповідь на запитання: ст. 269 (дайте відповідь на запитання): №№4, 5, 7, 8- письмово в зошит.

Вимоги до листа: у темі листа ОБОВ’ЯЗКОВО вказуйте прізвище, ім’я та клас (наприклад: Сидоров Михайло, 9Б).

За кожне виконане завдання учень отримуватиме додаткові бали, які після відновлення навчання буде переведено в оцінки!