ПРИГАДАЙТЕ
Які етапи створення сайту? У чому вони полягають?
Створення сайту складається з таких етапів: визначення структури сайту, розробка дизайн-макета, створення сторінок (написання коду або використання конструкторів) та публікація вебсайту в Інтернеті.
Які програми можна використати для створення HTML-коду вебсторінок?
Для цього можна використати текстові редактори або спеціалізовані вебредактори, наприклад Adobe Dreamweaver, Google Web Designer, WYSIWYG Web Builder, а також системи управління вмістом (WordPress, Joomla).
Із чого складається та як створюється HTML-код вебсторінок?
HTML-код складається з команд (тегів) та наповнення сторінки (тексту, посилань). Цей код можна вводити вручну в редакторі або він генерується автоматично спеціальними програмами на основі візуального розташування об’єктів чи обраних шаблонів.
ПРИГАДАЙТЕ
Які сервіси Google ви використовували? З якою метою?
На мою думку, найчастіше ми використовуємо Google Диск для зберігання файлів, Google Сайти для створення вебсторінок, YouTube для перегляду відео та Google Карти для орієнтування на місцевості.
Як і на якому носії даних відбувається збереження електронних документів у сервісах Google?
Збереження відбувається автоматично на хмарному сховищі Google Диск. Документи зберігаються не на локальному носії комп’ютера, а на віддалених серверах компанії Google в Інтернеті.
Які переваги надає використання сервісів Google порівняно з використанням локальних програмних засобів? Які є недоліки їх використання?
Перевагами використання сервісів Google є можливість доступу до файлів з будь-якого пристрою через Інтернет, автоматичне збереження даних на хмарному сховищі та можливість спільної роботи над документами. Недоліками є обов’язкова наявність підключення до Інтернету та неможливість безпосередньо редагувати HTML-код сторінок, як це дозволяють робити професійні локальні вебредактори.
ПОМІРКУЙТЕ
Від чого залежить кількість вебсторінок, з яких складається сайт?
Кількість вебсторінок залежить від обсягу контенту, який потрібно розмістити, та від мапи (структури) сайту, розробленої на етапі проєктування.
Чи можуть бути однаковими назви кількох вебсторінок одного сайту?
Я думаю, що технічно заголовки сторінок можуть бути однаковими, але це незручно для користувачів. Проте URL-адреси кожної сторінки обов’язково мають бути унікальними.
Для чого вебсторінки сайту розподіляють за окремими розділами?
Вебсторінки розподіляють за розділами, щоб згрупувати матеріали певної тематики, що робить структуру сайту логічною та полегшує навігацію для відвідувачів.
ПРИГАДАЙТЕ
Які об’єкти можуть бути вставлені на вебсторінку?
На вебсторінку можна вставити текстові поля, зображення, відео з YouTube, файли з Google Диска, Google Карти, календарі, кнопки посилань, діаграми та Google Форми.
Що таке макет слайда комп’ютерної презентації?
Макет слайда — це шаблон розміщення об’єктів на слайді (текстових полів, заголовків, зображень), який визначено програмою заздалегідь.
Як уставити об’єкт на слайд комп’ютерної презентації, використовуючи покажчик місця заповнення?
Щоб уставити об’єкт, потрібно натиснути на спеціальний значок (малюнка, таблиці, діаграми) всередині рамки покажчика або просто клікнути в це поле для введення тексту.
ПРИГАДАЙТЕ
Який дизайн називають адаптивним?
Адаптивним називають дизайн, при якому вигляд вебсторінки автоматично підлаштовується під розмір екрана пристрою (смартфона, планшета чи комп’ютера) для зручного перегляду.
Які зміни в розміщенні та вигляді об’єктів вебсторінки можуть відбуватися під час змінення розміру області перегляду?
При зміні розміру вікна блоки можуть змінювати свою ширину, переміщуватися (наприклад, ставати один під одним замість розміщення в ряд) або змінювати масштаб зображень.
Що таке URL-адреса сторінки?
URL-адреса — це унікальна адреса ресурсу в Інтернеті, яку потрібно ввести в рядок браузера, щоб відкрити відповідну вебсторінку.
ДАЙТЕ ВІДПОВІДІ НА ЗАПИТАННЯ
1. Які існують засоби автоматизованого створення сайтів? Коротко охарактеризуйте їх.
- Спеціалізовані вебредактори (WYSIWYG) — програми для візуального конструювання сторінок, де HTML-код генерується автоматично (наприклад, Adobe Dreamweaver).
- Системи управління вебконтентом (WCMS) — системи, що містять готові шаблони та бази даних для зберігання контенту (наприклад, WordPress, Joomla).
- Онлайн-сервіси конструювання сайтів — інструменти для створення сайтів безпосередньо в браузері на серверах Інтернету (наприклад, Google Сайти, WIX).
2. Які етапи створення вебсайтів засобами сервісу Google Сайти? Поясніть їх.
- Реєстрація — вхід в обліковий запис Google на сервері онлайн-сервісу.
- Вибір шаблону — обрання готового макета дизайну та структури сайту або створення порожнього сайту.
- Створення та редагування — додавання нових сторінок, заповнення їх текстом, зображеннями та іншим контентом.
- Публікація — розміщення сайту в Інтернеті, щоб він став доступним для користувачів за URL-адресою.
3. Як змінити вигляд верхнього та створити нижній колонтитули на сторінці?
Щоб змінити верхній колонтитул, потрібно навести на нього вказівник і на панелі, що з’явиться, вибрати «Змінити зображення» (для фону) або «Тип верхнього колонтитула» (Обкладинка, Банер тощо).
Щоб створити нижній колонтитул, слід підвести вказівник до нижньої межі сторінки, натиснути кнопку «Додати нижній колонтитул» і ввести необхідний текст, який автоматично дублюватиметься на всіх сторінках.
4. Як вибрати тему оформлення для сайту? Значення яких властивостей можуть бути вибрані разом з темою оформлення?
Для вибору теми потрібно на бічній панелі редактора перейти на вкладку Теми та обрати одну із запропонованих назв. Разом із темою оформлення можна вибрати кольорову гаму та стиль шрифту.
5. Як створити нову вебсторінку на сайті? Як створити сторінку в тематичному розділі?
Щоб створити нову сторінку, потрібно на вкладці Сторінки навести вказівник на кнопку + внизу та обрати піктограму «Створити сторінку», ввести назву і натиснути «Готово». Щоб створити сторінку в тематичному розділі, потрібно спочатку створити розділ, потім натиснути на три крапки біля його назви, обрати команду «Додати підсторінку», ввести назву і натиснути «Готово».
6. Які об’єкти можна вставити на вебсторінки сайту, створеного у сервісі Google Сайти?
На вебсторінки сайту можна вставити текстові поля, зображення (з комп’ютера або Інтернету), відео з сервісу YouTube, а також документи різних типів з Google Диска (презентації, таблиці, форми). Крім того, доступні такі об’єкти, як зміст, карусель зображень, кнопки, роздільники, календарі та карти Google.
ОБГОВОРІТЬ І ЗРОБІТЬ ВИСНОВКИ
1. Чому, на вашу думку, потрібно виконувати публікацію сайту після внесення змін до нього?
Я думаю, що повторна публікація необхідна для того, щоб оновити інформацію на сервері. Без натискання кнопки «Опублікувати» всі внесені зміни залишаються лише в режимі редагування і невидимі для відвідувачів сайту в Інтернеті.
2. Які, на ваш погляд, переваги та недоліки створення сайтів шляхом написання HTML-коду їх сторінок і шляхом використання онлайн-систем конструювання сайтів?
На мою думку, перевагою онлайн-систем (як Google Сайти) є швидкість та простота створення, адже не потрібно знати мови програмування, а результат видно одразу. Недоліком таких систем є обмеженість шаблонів та функціоналу.
Написання HTML-коду дає повну свободу в дизайні та налаштуваннях сайту — це головна перевага. Проте, недоліком є складність процесу, необхідність глибоких знань коду та значні витрати часу на розробку.
ВИКОНАЙТЕ ЗАВДАННЯ
Тут вже потрібно самому все виконати.
ГОТУЄМОСЬ ДО ВИВЧЕННЯ НОВОГО МАТЕРІАЛУ
Які типи даних ви знаєте? Дані яких типів можуть бути опрацьовані в електронних таблицях?
Я знаю такі типи даних: числові, текстові, графічні, звукові та відеодані. В електронних таблицях переважно опрацьовуються числа, текст, дати, час та формули.
Як утворюються адреси даних в електронних таблицях?
Адреса клітинки в електронній таблиці утворюється перетином стовпця і рядка. Вона складається з літери, що позначає стовпець, і цифри, що позначає номер рядка (наприклад, А1 або С10).
Ось відповіді на твої запитання:
ГОТУЄМОСЬ ДО ВИВЧЕННЯ НОВОГО МАТЕРІАЛУ
Як записують формули в електронних таблицях?
Формули в електронних таблицях завжди починають записувати зі знака рівності (=). Після цього знака можуть йти числа, адреси клітинок, знаки арифметичних дій та вбудовані функції.
ПРАКТИЧНА РОБОТА № 7
«Створення сайту з використанням онлайн-системи конструювання сайтів»: Створіть у сервісі Google Сайти сайт Винаходи українців у IT-галузі; виберіть тему оформлення Vision; розмістіть вебсторінки на основі мапи сайту; уставте відео, текстові матеріали, зображення та гіперпосилання; створіть нижній колонтитул; опублікуйте сайт та повідомте URL-адресу.
Для виконання цього завдання я виконую такий алгоритм дій:
- Відкриваю Google Сайти та створюю новий сайт із назвою «Винаходи українців у IT-галузі».
- На панелі «Теми» вибираю оформлення Vision.
- На вкладці «Сторінки» створюю структуру відповідно до мапи сайту [Image: sitemap]:
- Головна сторінка: «Винаходи українців у ІТ-галузі».
- Розділ «Першопроходці» з підсторінками: «Комп’ютери та комп’ютерні мережі» та «Програмне забезпечення».
- Розділ «Сучасники» з підсторінками: «Держава у смартфоні» та «Штучний інтелект».
- На головну сторінку через меню «Вставити» — «YouTube» додаю відео за посиланням *https://www.youtube.com/watch?v=PG8QoaTG1kc*.
- Наповнюю інші сторінки текстом і зображеннями, а також додаю гіперпосилання на джерела.
- Натискаю кнопку «Додати нижній колонтитул» і вписую туди свої прізвище та ім’я як розробника.
- Натискаю кнопку «Опублікувати», ввожу веб-адресу у форматі discovery-прізвище та надсилаю вчителю посилання на готовий сайт.