ТЕМА. Практична робота №15. Автоматизоване створення веб-сайту. Мета

Скачати 73.26 Kb.

Назва	ТЕМА. Практична робота №15. Автоматизоване створення веб-сайту. Мета
Дата	09.07.2013
Розмір	73.26 Kb.
Тип	Документи

bibl.com.ua > Інформатика > Документи

ТЕМА. Практична робота № 15. Автоматизоване створення веб-сайту.
Мета: засвоїти способи створення веб-сайту за допомогою майстрів в системі UcoZ

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

Обладнання та наочність: дошка, комп'ютер, інструкції з ТБ в комп'ютерному кабінеті.

Програмне забезпечення: Інтернет - браузер

ХІД УРОКУ

I. ОРГАНІЗАЦІЙНИЙ ЕТАП

II. ПЕРЕВІРКА ДОМАШНЬОГО ЗАВДАННЯ

1. Перевірка завдання, заданого за підручником

2. Фронтальне обговорення

Учні розказують про тематичний напрямок власного сайту. Для кращого розуміння вчитель пропонує напрямки:

сайт за власним захопленням (машини, мода, тварини, рослини, гороскопи, кулінарія, тощо);
сімейні сайти (фотографії, генеалогічні дерева, цікаві розповіді про сім'ю);
рекламні сайти (уявивши себе власником компанії чи магазину, розрекламувати свою продукцію);
сайти новин;
історичні сайти (про видатних людей чи події).

Вибір та характеристика стилістичного оформлення сайту

Обговорення за схемою

III. МОТИВАЦІЯ НАВЧАЛЬНОЇ ДІЯЛЬНОСТІ

Обговорення повідомлення

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

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

IV. УЗАГАЛЬНЕННЯ Й СИСТЕМАТИЗАЦІЯ НАБУТИХ ЗНАНЬ, УМІНЬ, НАВИЧОК

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

1) Визначте завдання для створення сайту:

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

2) Розробіть структуру основних сторінок. Перша сторінка — домашня.
Вона має містити заголовок, короткий опис розділів, посилання на розділи другого рівня, інформацію щодо авторських прав та інформацію для контактів. Кількість сторінок другого рівня визначається кількістю основних розділів. На сторінках третього рівня розміщують уточнюючу інформацію до основних розділів сайту.

2. Огляд теоретичних відомостей

3 технічної точки зору під Веб 2.0 розуміють масові служби, що надають користувачам можливість самостійно створювати вміст (щоденники, статті, відео- та фотоальбоми, подкасти тощо), вільно обмінюватися ним через інтернет-платформи, створювати спільноти і соціальні мережі.
Інтернет не є ідеальним середовищем, тому потрібно здійснювати самоконтроль за його використанням, щоб не нашкодити своєму здоров'ю та соціальному життю.
3 появою Веб 2.0 значно змінилася роль користувача, який перестав бути споживачем інформації та онлайнових продуктів, а перетворився на їх виробника.
Вікі — це веб-сайт, що дозволяє відвідувачам брати активну участь у редагуванні його вмісту (виправленні помилок, додаванні нових матеріалів). Для цього їм не потрібні спеціальні програми або знання НТМL — усі дії виконуються у браузері.

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

V. ЗАСТОСУВАННЯ ЗНАНЬ, УМІНЬ ТА НАВИЧОК

Практична робота № 10 «Автоматизоване створення веб-сайту»

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

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

Перш ніж розробляти сайт, потрібно створити акаунт Google. Із цією метою:

Відкрийте у вікні браузера головну сторінку сайта Google (http:// www.google.com.ua)
Виберіть гіперпосилання Увійти => Створити акаунт зараз.
Заповніть поля форми Створити акаунт на сторінці Облікові записи Google. Виберіть кнопку Я погоджуюся. Створіть мій акаунт.

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

У результаті відкриється головна сторінка сервера Google, на якій ви матимете права користувача сервісів Google. Адреса, на яку зареєстровано ваш обліковий запис, відображатиметься у верхній частині веб-сторінки.

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

Відкрити у вікні браузера головну сторінку сайта Google (http:// www.google.com.ua)
Вибрати у верхній частині сторінки гіперпосилання Ще => Сайти.

Заповнити на сторінці Google Sites — безкоштовні веб-сторінки та вікі поля Електронна пошта та Пароль даними вашого облікового запису, якщо вони не заповнені. Вибрати кнопку Увійти.
Вибрати на сторінці Сайти Google кнопку Створити сайт.
Вибрати один з наведених шаблонів для створення сайта. За замовчуванням пропонується шаблон Пустий шаблон.
Заповнити поле Дати назву сайта. Наприклад, якщо ви створюєте сайт вашого класу, то назва може бути Класне життя. Одночасно автоматично буде запропонована URL-адреса головної сторінки сайта. Вона матиме вигляд: https://sites/google.com/site/<�назва_~сайта>. Частина назва_сайта не повинна містити літер кирилиці, а тому система пропонує запис українських слів літерами англійського алфавіту без пропусків. URL-адреса головної сторінки сайта повинна бути унікальною.
Відкрити список Вибрати тему та вибрати тему оформлення сайта. За замовчуванням пропонується тема Запустити за умовчанням.
Увести символи в поле Введіть код, який Ви бачите на малюнку.
Вибрати кнопку Створити сайт.

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

Панель навігації містить два гіперпосилання: Домашня сторінка та Карта сайта. Карта сайта на цей момент містить посилання лише на домашню сторінку.

ХІД УРОКУ

Створіть на сервері Gооgle сайт на вибрану Вами або запропоновану вчителем тему ( наприклад, Українські дослідники космосу)

1. Доберіть URL-адресу для сайта, що відповідає його назві.

2. Виберіть тему оформлення ( наприклад, Мерехтіння)

3. Заповніть Головну сторінку описом матеріалів, які будуть розміщені на сторінках сайта, та даними про вас як розробника сайта.

4. Створіть і розмістіть веб-сторінки, використавши вибрану вами структуру.

Приклад створення структури для теми Українські дослідники космосу

Виберіть для сторінок такі шаблони: Історія досліджень, Перший українець у космосі - шаблон Веб-сторінка, Новини з орбіти - шаблон Оголошення, Хронологія польотів - шаблон Картотека.

5. Заповніть сторінку Історія досліджень текстовими матеріалами, наприклад з файлу Тема_4\Практична 11\космічні дослідження.dосх.

6. Створіть на сторінці Історія досліджень гіперпосилання для переходу на сторінку Новини з орбіти, пов'язавши його з першим реченням на сторінці.

7. Розмістіть на сторінці Перший українець у космосі текстові та графічні матеріали, наприклад з папки Тема 4\Практична 11\Попович, таким чином, щоб фотографія розміщувалася по центру сторінки, а текст - ліворуч і праворуч від неї. Використайте для компонування сторінки модульну сітку Три стовпці (просте).

8. Створіть на сторінці Перший українець у космосі гіперпосилання для переходу на сторінку з URL-адресою http://h.ua/story/285307 , пов'язавши його з графічним зображенням.

9. Налаштуйте на сторінці Хронологія польотів нетиповий список так, щоб у ньому містилися. про кожний політ такі дані: рік польоту, космонавт, космічний корабель, опис. Заповніть список даними про 3-4 польоти, наприклад з файлу Тема 4\Практична 11\польоти.doсх.

10. Розмістіть на сторінці Новини з орбіти запис з останньою новиною із сайта http://space.vn.uа .

11. Завантажте на сторінку сайта Новини з орбіти файли, що містяться в папці Тема4\Практична 11\Файли.

12. Повідомте учителю інформатики URL-адресу вашого сайта.

Створіть звіт про виконання практичної роботи.
VI. ПІДБИТТЯ ПІДСУМКІВ УРОКУ

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

Завдання за підручником:
Підготуйте повідомлення «Створення та використання панелі навігації».

Схожі:

План-конспект уроку«Автоматизоване створеннята публікація веб-ресурсів» Тема уроку : Автоматизоване створення веб-ресурсів. Ідея. Структура та етапи створення власного сайту	Тема: Проектування Web-сторінок в програмі Microsoft FrontPage Приступаючи до створення веб-сайту, необхідно визначитися з його тематикою, кількістю підрозділів сайту та сторінок в кожному з них...
Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої... Розвивальна мета: Розвивати координацію рухів, зорову пам’ять, вміння працювати з програмами	Структура веб-сайтів. Етапи створення сайту. Засоби автоматизованої... Розвивальна мета: Розвивати координацію рухів, зорову пам’ять, вміння працювати з програмами
Урок (11 клас ) Тема уроку: Основи автоматизованого створення та публікації веб-ресурсів Мета: Ознайомити учнів із різновидами, структурою веб-сайтів, основами створення веб-ресурсів	Тема. Практична робота "Створення інформаційного бюлетеня і буклета" Мета: формування практичних навичок роботи із видавничою системою MS Publisher, створення інформаційних бюлетенів, буклетів, оформлення...
Календарне планування курсу «Основи веб-дизайну» для ІІ-го курсу на 2011-2012 н р Структура веб-сайтів, різновиди веб-сторінок. Реєстрація веб-сайту на сервері безкоштовного хостинга	Об’єми тіл обертання. Практична робота з інформатики «Створення презентації... ТЕМА: Об’єми тіл обертання. Практична робота з інформатики Створення презентації в програмі Power Point
Урок 7 Тема: Практична робота №4 «Автоматичне створення змісту документа.... Тема: Практична робота №4 «Автоматичне створення змісту документа. Настроювання параметрів сторінок. Створення колонтитулів»	Тема: Створення Web сторінок в програмі Microsoft FrontPage Мета: Вдосконалити існуючий Веб-вузол. Доповнити його найпростішими гіперпосиланнями. Доповнити веб-сторінки

Додайте кнопку на своєму сайті:
Портал навчання