ТЕМА УРОКУ
Автоматизовані засоби для створення та публікації веб-ресурсів
ЗАПИШІТЬ П’ЯТЬ КЛЮЧОВИХ СЛІВ З МИНУЛОГО УРОКУ, ТА ПОЯСНІТЬ ЇХ?
ПОВТОРЮЙМО!
ПОВТОРЮЙМО!
ПРАЦЮЄМО НА ОЦІНКУ!
Мова HTML
Автоматизовані засоби створення вебсайтів
Як ви знаєте, створення сторінок сайту розпочинається після визначення його структури та створення дизайн-макета. Для створення сайту можна:
самостійно вводити HTML-код його сторінок у текстовому редакторі
використати автоматизовані засоби створення та публікації вебсайтів
У таких засобах існують шаблони дизайнерського оформлення, а також варіанти структури сайтів.
Засоби автоматизованого створення вебсайтів
Використовуючи мову HTML, можна створити сайт:
Для створення простішого сайту можна використати засоби автоматизованого створення та публікації вебресурсів.
Засоби автоматизованого створення вебсайтів
Існують спеціалізовані вебредактори – програми, які призначено для створення вебсторінок сайтів, наприклад,
Adobe Dreamweaver
Microsoft FrontPage
WYSIWYG Web Builder та ін.
Засоби автоматизованого створення вебсайтів
Ці програми мають засоби для візуального конструювання вебсторінок. Розробник розміщує на вебсторінках об’єкти – зображення, таблиці, списки та інше, вибираючи їх заготовки з бібліотеки об’єктів.
HTML-код кожної вебсторінки генерується на основі отриманого набору об’єктів. Такі програми називають WYSIWYG-редакторами (англ. What You See Is What You Get – що ви бачите, то ви й отримуєте).
Засоби автоматизованого створення вебсайтів
Іншим засобом розробки сайтів є системи управління вебконтентом WCMS (англ. Web Content Management System – система управління вебконтентом) –програми, які призначено для створення, редагування та керування вмістом вебсайту.
Засоби автоматизованого створення вебсайтів
Популярними WCMS є системи:
Joomla
Wordpress
MediaWiki та ін.
Засоби автоматизованого створення вебсайтів
Вони містять набори вже готових шаблонів оформлення вебсторінок і модулів, що роблять сайт динамічним:
Назване програмне забезпечення можна встановити на локальному комп’ютері. Створені в їх середовищі вебсайти потрібно самостійно розміщувати в Інтернеті.
форумів
стрічок новин
каталогів файлів тощо
Контент сторінок, створених у цих системах, зберігається в базі даних, а HTML-код генерується автоматично на основі шаблону.
Засоби автоматизованого створення вебсайтів
Існують також онлайн-системи конструювання сайтів, які призначено для розробки сайтів безпосередньо на віддаленому сервері в Інтернеті. Такими є сервіси:
Google Сайти
Webnode.com/
Weebly та інші
Створені в цих сервісах сайти автоматично розміщуються на серверах відповідних сервісів, і розробник не може безпосередньо редагувати HTML-код вебсторінок.
Створення сайту засобами онлайн-системи конструювання сайтів
Створення вебсайту засобами онлайн-системи конструювання сайтів відбувається в кілька кроків:
1
Реєстрація облікового запису на сервері онлайн-системи конструювання сайтів.
2
Вибір назви сайту та шаблону його оформлення.
3
Створення сторінок сайту, системи навігації.
4
Заповнення сторінок контентом.
5
Публікація сайту.
ОСМИСЛЕННЯ НОВОГО МАТЕРІАЛУ
Автоматизоване створення веб-сайту
Розглянемо, як відбувається процес розробки веб-сайту засобами, що безкоштовно надає користувачам веб-сервер Google. Відповідний сервіс має назву Google Сайти.
Обліковий запис Google ви вже створювали, працюючи з:
Електронною
поштою
Cпільними документами Google
Автоматизоване створення веб-сайту
Для створення сайту потрібно:
Автоматизоване створення веб-сайту
Після виконання цих дій у вікні браузера буде відкрито головну сторінку вашого сайту.
Автоматизоване створення веб-сайту
У правій частині вікна відкриється бічна панель з елементами керування, призначеними для створення, редагування та форматування веб-сторінок сайту.
Одночасно на Google Диск з'явиться ескіз сайту з підписом Сайт без назви, якому відповідає значок
Автоматизоване створення веб-сайту
У подальшому для редагування вашого сайту — додавання та редагування веб-сторінок, змінення оформлення тощо — вам потрібно використовувати інструменти бічної панелі. Відкрити сайт у режимі редагування можна подвійним клацанням на його ескізі на Google Диск.
Вибір назви сайту та шаблону оформлення
Щоб надати назву сайту, потрібно ввести її в поле Введіть назву сайту у верхній частині заголовка сторінки зліва. Одночасно буде змінено на назву сайту текст Сайт без назви та підпис ескізу сайту на Google Диск.
Вибір назви сайту та шаблону оформлення
Як і для документів Google, усі зміни, виконані на сайті, будуть зберігатися автоматично.
Для вибору шаблону оформлення сайту потрібно:
1
Вибрати вкладку Теми у правій частині вікна.
2
Вибрати одну із запропонованих тем оформлення.
3
Вибрати кольорову гаму та стиль шрифту із числа тих, що запропоновані для вибраної теми.
Вибір назви сайту та шаблону оформлення
Можна також змінити вигляд заголовка на сторінках сайту. Після наведення вказівника на заголовок з'являється панель налаштувань з командами:
Змінити зображення
Тип верхнього колонтитула
Приводить до відкриття списку зображень, які можуть бути використані у заголовку сторінки
За вибору команди стає можливим змінення типу заголовка — Великий банер. Банер або Лише заголовок
Створення веб-сторінок
Одразу після створення сайт містить лише одну сторінку, яка є головною сторінкою сайту. Кожна сторінка сайту має назву. Назву головної сторінки потрібно ввести в поле Заголовок сторінки.
Створення веб-сторінок
Для створення нової сторінки на сайті потрібно:
Створення веб-сторінок
Панель навігації формується автоматично під час створення нових сторінок і відображається за замовчуванням у верхній частині заголовка кожної сторінки справа.
Створення веб-сторінок
Порядок сторінок можна змінювати, перетягнувши у правій частині вікна блок заголовка сторінки в потрібне місце.
Створення веб-сторінок
Для створення головної сторінки тематичного розділу потрібно перетягнути блоки заголовків інших сторінок цього розділу на заголовок головної сторінки розділу.
Таким чином формується внутрішня структура сайту.
Вставлення об'єктів на веб-сторінку
На веб-сторінку можна вставити різні об'єкти. Для цього призначено вкладку Додати у правій частині вікна браузера.
текстові поля
зображення
гіперпосилання
документи, які розміщено на Google Диск
Вставлення об'єктів на веб-сторінку
Усі об'єкти, які додаються на веб-сторінку, розміщуються в окремих блоках. Кожен блок можна:
Перемістити
Змінити його розміри
Видалити
використовуючи маркери на межах
Для кожного блоку відкривається окрема панель налаштувань.
Вставлення об'єктів на веб-сторінку
Призначення окремих елементів керування
вкладки Додати
Елемент керування
Призначення
Для створення блоку введення тексту
Для вставлення зображення з Google Диск, за URL-адресою з Інтернету, з комп'ютера тощо
Вставлення об'єктів на веб-сторінку
Елемент керування
Призначення
Для вставлення зображення з носіїв даних вашого комп'ютера
Для вставлення об'єктів різних типів з ресурсів Інтернету або посилань на них за їх URL-адресою
Для пошуку та вставлення відео із сервісу YouTube
Вставлення об'єктів на веб-сторінку
Елемент керування
Призначення
Для вставлення створеного вами календаря у сервісі Google Календар
Для вставлення створеної вами карти у сервісі Карти Google
Для вставлення документів різних типів з вашого Google Диск
Документи Google
Вставлення об'єктів на веб-сторінку
Для видалення вставленого об'єкта потрібно вибрати кнопку Видалити на панелі налаштувань блоку об'єкта.
Вставлення об'єктів на веб-сторінку
Для попереднього перегляду сторінок створеного сайту можна вибрати кнопку Попередній перегляд у верхній частині вікна браузера.
Вставлення об'єктів на веб-сторінку
У цьому режимі можна побачити, як виглядатиме сайт під час перегляду його на великому екрані, планшеті або телефоні. Для цього призначено кнопки на панелі керування попереднім переглядом.
Вийти з режиму попереднього перегляду можна вибором кнопки Вийти з режиму попереднього перегляду.
Публікація сайту
Створений вами сайт буде залишатися недоступним для користувачів Інтернету, поки ви його не опублікуєте. Для публікації потрібно:
Публікація сайту
Публікація сайту
Опублікований сайт можна переглянути, вибравши команду Переглянути опублікований сайт у списку кнопки Опублікувати. Адреса, яку варто пропонувати для перегляду вашого сайту, буде міститися в рядку адреси у вікні перегляду опублікованого сайту.
Після внесення змін до вашого сайту потрібно виконати повторну публікацію.
Адміністрування сайту
Для нормального функціонування сайту потрібно його адмініструвати:
забезпечувати його працездатність
захищати від шкідливих програм
додавати користувачів, які можуть редагувати сайт
розподіляти права доступу користувачів до сторінок сайту
змінювати внутрішню структуру сайту та інше
Виконує ці функції адміністратор сайту. Часто адміністратором є власник сайту.
Адміністрування сайту
Адміністрування сайту, створеного засобами онлайн-системи конструювання сайтів, частково здійснює:
До її обов'язків входить забезпечення працездатності та захист від шкідливих програм
Додавання користувачів, розподіл прав доступу та зміну внутрішньої структури сайту виконує
Служба технічної підтримки цієї
системи
Власник сайту або визначений ним адміністратор
Адміністрування сайту
Під час адміністрування Google Сайтів для того, щоб додати користувача та надати йому дозвіл на редагування сайту, потрібно:
Адміністрування сайту
Адміністрування сайту
обмежити користувачу дозволи на редагування та адміністрування сайту.
ПРАЦЮЄМО НА ОЦІНКУ!
Автоматизоване створення веб-сайту
Дайте відповіді на запитання
Домашнє завдання