Урок 51                                                                        Інформатика 11(ІКТ)

Ніколи не соромся запитувати про те, чого не знаєш.

Арабське прислів’я

Практична робота № 15

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

Мета.

Навчальна. Навчитися використовувати автоматизовані засоби створення веб-сайту, вибирати тип та оформлення веб-сторінок, адмініструвати сайт, додавати до нього форум і чат.

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

Виховна. Виховувати наполегливість, естетичність у оформленні, грамотно висловлювати свої думки.

Тип уроку. Засвоєння нових знань і навичок.

Матеріали для роботи з учнями:

• Основи створення комп’ютерних презентацій: Навч. посіб. / О.М. Левченко, І.В. Коваль, І.О.Завадський. - К.: Вид. група BHV, 2009. - 368.

Онлайнові автоматизовані засоби створення веб-сайтів

Редактор сайтів Weebly

Редактор сайтів Ucoz

Редактор сайтів Narod.ru

Редактор сайтів GoogleSites

План

1. Організація початку уроку.
2. Актуалізація опорних знань.
3. Правила ТБ при роботі в кабінеті Інформатики.
4. Практична робота.
5. Запитання до уроку.
6. Домашнє завдання.

Хід уроку

1. Організація початку уроку.

2. Інструктаж БЖД.

3. Актуалізація опорних знань.

4. Практична робота № 15 «Автоматизоване створення й адміністрування веб-сайту»

!!! Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.!!!

Мета роботи: навчитися використовувати автоматизовані засоби створення веб-сайту, вибирати тип та оформлення веб-сторінок, адмініструвати сайт, додавати до нього форум і чат.

Порядок роботи

Створимо сайт «Типи автомобілів» і розмістимо на ньому таку інформацію про легкові та вантажні автомобілі:

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

1. Запустіть браузер, який інстальовано на вашому комп'ютері.
2. У рядку Адреса введіть www.narod.ru. Відкриється головна сто­рінка служби (див. рис. 1.3).
3. У поле Займите это имя для своего сайта (Займіть це ім'я для свого сайту) введіть свій майбутній логін. Його можна визна­чити так: до назви міста додати перші кілька літер вашого прізвища, наприклад куіурауі.
4. Клацніть кнопку Занять (Зайняти) та заповніть відповідну форму (рис. 1.15).
5. Клацніть кнопку Дальше (Далі). У наступній формі введіть пароль у два запропонованих рядки (другий раз — для контро­лю правильності). Пароль можна задати як номер свого пас­порта, потім вибрати зі списку Контрольный вопрос (Контроль­не запитання) значення Номер паспорта і у наступному полі надрукувати цей номер, трохи змінивши його (набравши самі цифри). Ця відповідь може стати у пригоді, якщо ви забудете пароль. Два наступні поля форми заповнювати не обов'язково. У нижній частині сторінки відображаються цифри у незвично­му вигляді (рис. 1.16). Введіть їх у поле Контрольные цифры (Контрольні цифри), щоб система переконалася, що ви люди­на, а не програма-робот, і клацніть кнопку ОК.

6. На наступній сторінці міститься повідомлення, що реєстрація відбулася. Виберіть посилання Начать пользоваться сервисом (Почати користуватися сервісом). Після його клацання ви пе­рейдете до розділу Мастерская (Майстерня). Підрозділ Мой дом (Мій дім) розділу Создание сайта (Створення сайту) містить посилання на типи веб-сторінок. Виберіть тип Главная страница (Головна сторінка). Зазначимо, що головній сторінці сайту сис­тема призначає ім'я index.html. Розширення імені файлу .html надається всім веб-сторінкам створюваного проекту автома­тично.
7. Виберіть шаблон для оформлення головної сторінки, наприк­лад Апельсиновий, та клацніть кнопку Дальше (Далі). Відкри­ється форма, яку заповніть так: у рядку О чём сайт (Про що сайт) напишіть «Цей сайт про автомобілі», а у рядку Текст вве­діть: «Ви ознайомитеся з типами автомобілів» (рис. 1.17).

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

8. Клацніть кнопку Готово, і ви побачите, який вигляд матиме головна сторінка (рис. 1.18).

У разі необхідності можна повернутися до режиму редагуван­ня або змінити дизайн. Для цього передбачено кнопку Еще редактировать (Ще редагувати).

9. Якщо вигляд сторінки вас влаштовує, клацніть кнопку Готово. Ви побачите адресу цієї веб-сторінки та список гіперпосилань, які дають змогу: отредактировать ее (відредагувати її), перейти к созданию других страниц (перейти до створення інших сторі­нок), перейти в раздел Управление файлами (перейти в розділ Керування файлами), прорекламировать свой сайт (прорекламу- вати свій сайт).
10. Перейдіть до створення інших сторінок. Кожна з них містити­ме визначення одного з типів автомобілів. Створивши такі сторінки, слід повернутися до головної сторінки та додати до неї необхідні гіперпосилання.

Виберіть посилання перейти к созданию других страниц (перейти до створення інших сторінок). Ви побачите список посилань, серед яких буде посилання Про меня (Про мене). Клацнувши його, ви отримаєте пропозицію вибрати шаблон оформлення сторінки. Виберіть Спокойный (Спокійний). Система запропо­нує назву файлу — simple.html. Можна залишити її, але краще дати свою. Оскільки ця сторінка містить визначення легково­го автомобіля, назвемо файл legk.html. Сформуйте сторінку, виконавши такі дії:

• зніміть прапорець у рядку Показывать заголовок «Про меня» (Показувати заголовок «Про мене»);
• у рядок, який у шаблоні має назву Заголовок, введіть текст: «Ця сторінка про легкові автомобілі»;
• введіть текст сторінки: «Легковий автомобіль — автомо­біль із кількістю місць для сидіння не більше дев'яти, з місцем водія включно, який за своєю конструкцією та об­ладнанням призначений для перевезення пасажирів та їх­нього багажу із забезпеченням необхідного комфорту та безпеки».

Клацніть кнопку Готово. Вигляд створеної сторінки показаний на рис. 1.19.

11. Аналогічно створіть сторінку vant.html з інформацією про вантажні автомобілі.

12. Залишилось відредагувати головну сторінку, яка має наз­ву index.html. До неї слід додати два посилання — на кож­ну сторінку про машини. Виберіть посилання Мастерская (Майстерня), після чого ви перейдете до розділу Управление файлами (Керування файлами) і побачите таку таблицю, як на рис. 1.20.

Ліворуч від кожного створеного нами файлу з розширенням .html розташована кнопка, призначена для редагування вмісту файлу. Клацніть кнопку ліворуч від головної сторінки index, html. Знову відкриється сторінка, показана на рис. 1.17. Для кожного створюваного посилання (1 ссылка, 2 ссылка) розгор­ніть список і виберіть необхідний файл. Текст для гіперпо- силання з'являється автоматично, ми його вже вводили під час створення відповідних сторінок у рядок Заголовок. Вико­навши ці дії та клацнувши кнопку Готово, отримаєте новий вигляд головної сторінки (рис. 1.21).

13. Додайте форум до вашого сайту про автомобілі. Для цього увійдіть у «майстерню», скориставшись посиланням Мастер- ская (Майстерня), і в розділі Общение (Спілкування) вибе­ріть посилання Персональный форум (Персональний форум), після чого відкриється сторінка, показана на рис. 1.22.

14. Скопіюйте в буфер адресу http://narod.yandex.ru/userforum/?owner=kyivpavl, що міститься на цій веб-сторінці.
15. Перейдіть спочатку до розділу Мастерская (Майстерня), а по­тім у розділі Управление файлами (Керування файлами) ви­беріть для редагування файл index.html.
16. 10.  Виконавши описані у пункті 12 дії, додайте до головної сто­рінки посилання на зазначену адресу. Для цього вставте скопійовану адресу з буфера обміну в поле или введите (або введіть) третього гіперпосилання (З ссылка). Текстовий су­провід посилання буде простим — Форум (рис. 1.23).
17. Завершивши редагування, клацніть кнопку Готово.
18. Аналогічно до форумів створюють чати. Увійдіть у «май­стерню», скориставшись посиланням Мастерская (Майстер­ня), у розділі Общение (Спілкування) виберіть посилання Персональный чат (Персональний чат). Після цього відкри­ється сторінка, показана на рис. 1.24.

19. Скопіюйте в буфер обміну запропоновану адресу (напри­клад, http://narod.vandex.ru/chat/chat еп1ег.хМш1?шусЬаШ= 70352085), та введіть назву чату — «Про автомобілі».
20. Перейдіть спочатку в розділ Мастерская (Майстерня), а по­тім у розділ Управление файлами (Керування файлами), вибе­ріть для редагування файл index.html і відредагуйте головну сторінку, додавши до неї четверте посилання на зазначену адресу з текстовим супроводом «Чат».
21. Введіть у рядок Адреса браузера адресу створеного сайту (наприклад, http://www.kvivpavl.narod.ru/). Перегляньте голов­ну сторінку (рис. 1.25) та перевірте правильність її роботи, скориставшись різними гіперпосиланнями.

22. Оформіть висновок до практичної роботи, описавши при цьо­му створений сайт, його веб-сторінки та можливості форуму і чату.

7.  ПІДБИТТЯ ПІДСУМКІВ УРОКУ

Звіт до практичної роботи

Оцінювання робіт учнів шляхом голосування.

8. ДОМАШНЄ ЗАВДАННЯ

1. Повторити конспект.
2. Виконати завдання.

1. Створення сторінки до шкільного сайту.