|
Програма
курсу підвищення кваліфікації науково-педагогічних працівників
«Розроблення WEB-сторінки викладача»
(спеціальність «Педагогіка вищої школи»)
Мета курсу: навчити технології практичного створення веб-сторінок за допомогою мови логічної розмітки HТML та каскадних сторінок стилів CSS із застосуванням різного програмного забезпечення, у тому числі: Adobe Dreamweaver, Macromedia Homesite, Notepad.
Основні завдання:
- засвоїти теоретичні відомості про розроблення веб-ресурсів, використовувані кодування, формати зображень, що застосовуються в Інтернеті, засоби публікації веб-сторінок в Інтернет.
- вивчити основи мови логічної розмітки HTML та основи каскадних сторінок стилів CSS.
- здобути навички розроблення структури веб-сайту, створення логічної розмітки для сторінок сайту згідно із розробленою структурою, розміщення інформації на зверстаних сторінках; пройти заключне тестування.
- виконати випускну роботу, яка включає проектування змісту веб-ресурсу та розроблення веб-сторінок ресурсу з використанням мови HTML. Веб-ресурс має містити:
- не менше трьох веб-сторінок;
- не менше трьох таблиць;
- не менше 8 зображень;
- на кожній сторінці веб-ресурсу має бути меню та змістовна частина;
- форматування та стилістичне оформлення допускається лише за допомогою каскадних сторінок стилів;
- каскадні сторінки стилів підключаються у вигляді окремих файлів.
Вимоги до рівня підготовки слухача:
Знати основні відомості про Windows; вміти працювати з файлами та папками на локальному комп'ютері, з електронною поштою, відкривати сайти в Інтернеті, завантажувати файли на сайти, працювати з програмою MS Word.
Аудиторні заняття
№ п/п |
Теми занять |
Розподіл часу |
Кількість годин |
Лекції |
Тренінги |
Тематичні дискусії |
| 1. |
Реєстрація в у комп'ютерній системі. Вступне тестування. |
2 |
|
2 |
|
| 2. |
Загальна інформація про мережу Інтернет. Адресація, імена та служби. Поняття домен, сайт, «гіпертекст». Можливості гіпертексту |
1 |
1 |
|
|
| 3. |
Види інформаційних ресурсів в Інтернет. Пошукові системи та каталоги. Використовувані кодування |
1 |
1 |
|
|
| 4. |
Мова логічної розмітки HTML. Огляд програмного забезпечення для розробки HTML. Робота з програмою Adobe Dreamweaver. |
9 |
5 |
4 |
|
| 5. |
Принципи верстки сторінок. Створення логічної розмітки з використанням каскадних листів стилів CSS |
4 |
2 |
2 |
|
| 6. |
Додатковий інструментарій по роботі з веб-ресурсами (платформа підтримки дистанційного навчання Moodle, система управління контентом TYPO3, online- системи створення сайтів) |
4 |
2 |
2 |
|
| 7. |
Формати зображень, придатних для використання в Інтернет та їх особливості. Підбір кольорів для сайту. |
2 |
1 |
1 |
|
| 8. |
Використання графічних пакетів для підготовки ілюстрацій та gif-анімацій. Огляд програми Adobe PhotoShop. |
2 |
1 |
1 |
|
| 9. |
Засоби публікації веб-сторінок в Інтернет,поняття хостингу. Загальні відомості про засоби просування веб-сторінок, поняття банерної мережі. Інструменти веб-майстра. |
2 |
1 |
|
1 |
| 10. |
Технології дистанційного навчання |
3 |
3 |
|
|
| 11. |
Залікове тестування |
2 |
|
2 |
|
|
Всього: |
32 |
17 |
14 |
1 |
Самостійна робота, консультації, випускна робота
№ п/п |
Теми занять |
Розподіл часу |
1. |
Проектування змісту веб-ресурсу:
- Виділення змістовних розділів
- Проектування зв’язків між розділами
- Підготовлення текстів та ілюстрацій
|
6 |
2. |
Розроблення веб-сторінок ресурсу з використанням мови HTML:
- Створення загального шаблону сторінки
- Верстка структури сторінок за допомогою тегів div.
- Розроблення каскадної сторінки стилів CSS для оформлення розроблюваного веб-ресурсу.
- Створення навігаційного меню.
- Розмітка веб-сторінок з використанням HTML (титульна сторінка, автобіографія,опис курсів, список публікацій тощо) та їх оформлення за допомогою розроблених властивостей стилю CSS.
- Підготовка та додавання ілюстрацій.
| 34 |
| |
Всього: |
40 |
Загальна кількість годин (аудиторні заняття та самостійна робота): 72
Примітка: Виконане практичне завдання в архівованому вигляді завантажується слухачем з використанням Інтернет в дистанційний курс «Розроблення web-сторінки викладача» для подальшої перевірки і зарахування викладачем.
|
