Веб-дизайн

Кафедра інженерії програмного забезпечення

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

Мета дисципліни «WEB-технології» полягає в ознайомленні студентів з мовою розмітки гіпертекстових документів, загальними правилами створення Web-сайтів, розміщенням їх на Web-серверах, правилах оформлення Інтернет-документів, способах полегшення створення та дизайну Web-сторінок. Ціль вивчення дисципліни – навчити студентів створювати дизайн та персональний Web-сайт, з використанням таких елементів як шаблон, елементи бібліотеки, стилі. Для цього планується використати програмне забезпечення пакету Adobe. Крім того планується навчити студентів редагувати Web-сторінки використовуючи можливості HTML та CSS.

У результаті вивчення навчальної дисципліни студент повинен знати: основні принципи функціонування Інтернет; як зареєструвати безплатну Інтернет адресу та розмістити за цією адресою власний сайт; принципи створення веб-дизайну; що таке мова HTML та CSS; основні принципи побудови та функціонування веб-сайтів. вміти: використовувати Adobe Photoshop для створення веб-дизайну; використовувати текстовий редактор для редагування веб-сторінок; створювати власні веб-сайти та публікувати їх в Інтернет; працювати із зображенням, кольоровою гамою; використовувати такі елементи як шари, таблиці, анімовані зображення, шаблони, стилі, елементи бібліотеки; здійснювати форматування тексту та створювати структуру документу тощо.

Тема 1. Вступ до курсу. Основні поняття та принципи функціонування Web-сайту. Структура Web-сайту. Використання гіперпосилань. Розміщення Web-сайту на локальному сервері чи на сервері в Інтернеті. Кодування веб-сайтів. Використання шаблонів у Web-дизайні. Тема 2. Створення веб-дизайну в програмі Adobe Photoshop. Основні принципи веб-дизайну. Основні інструменти програми Adobe Photoshop. Налаштування та робота з інструментами. Створення елементів веб-дизайну в Adobe Photoshop. Робота зі слоями. Збереження та відкриття psd файлів. Тема 3. Мова розмітки гіпертексту HTML. Структура сайту з позиції мови розмітки гіпертекстових документів. Заголовок HTML документу. Форматування тексту у гіпертекстових документах. Використання малюнків у гіпертекстових документах. Створення гіперпосилань з використанням HTML. Спеціальні символи у гіпертекстових документах. Тема 4. Редактор мови HTML та створення структури гіпертекстового документа. Робота з HTML редакторами. Створення структури за допомогою блочних елементів. Задання відступів між елементами. Вирівнювання та позиціонування. Зміна розміру елементів. Накладання елементів. Тема 5. Використання стилів CSS та їх основні параметри. Створення файлу стилів. Зміна стилю стандартних об’єтів. Зміна стилю гіперпосилань. Застосування стилів до вибраних елементів. Редагування та видалення стилів. Зняття стилю з вибраного елементу.

Рівномірно, по 20 балів на кожну тему.

залік