Київський міжнародний університет
Веб-технології та веб-дизайн. Основна сторінка
Проф. Шпига Петро Семенович
Перший семестр
Лекція 1. Вступ до веб-технологій та веб-дизайну.
Лекція 2.
Лекція 3.
Лекція 4.
Лекція 5.
Практична 1. Основи веб-дизайну.
Практична 2. Мова розмітки гіпертексту HTML.
Практична 3. Макетування веб-сторінок.
Практична 4.
Практична 5.
Практичні завдання.
1. Ознайомитися з інформацією про створення сайтів в системі uCoz.
2. Створити сайт в системі uCoz.
3. Написати повідомлення на форумі дисципліни з адресою створеного сайту.
4. Ознайомитися та перевірити практично на новоствореному сайті можливості адміністратора щодо редагування структури, дизайну, користувачів, матеріалів, типових написів, меню.
Другий семестр
Лекція 1. Етапи розробки веб-сайту та стилі.
Лекція 2. Колір у веб-дизайні.
Лекція 3. Графічний редактор CorelDRAW.
Лекція 4. Редагування сайту в системі uCoz.
Лекція 5. Веб-технології соціальних мереж.
Лекція 6.
Орієнтовані питання до семестрового контролю
- Поняття про дизайн.
- Використання комп’ютерів у видавничій справі.
- Комп’ютерні видавничі системи.
- Основні правила оформлення друкованого матеріалу.
- Особливості оформлення Web-сторінок і електронних демонстраційних матеріалів.
- Форматування символів.
- Буквиця.
- Копіювання формату.
- Основні правила оформлення абзаців.
- Форматування абзаців.
- Створення списків.
- Обрамлення й затінення абзаців, окремих символів, слів‚ речень, частин абзаців.
- Створення таблиці.
- Основні правила оформлення таблиць.
- Робота з таблицею. Модифікація структури таблиці.
- Обрамлення й затінення.
- Копіювання клітинок‚ рядків і колонок.
- Розміщення таблиці відносно лівої і правої границь сторінки. Переміщення таблиці.
- Сортування в таблиці.
- Правила вибору кольорів.
- Моделі подання кольорів у комп’ютері.
- Основні правила використання графічних елементів у документах.
- Векторні й графічні зображення. Попередня обробка графічної інформації.
- Типи графічних елементів у Word, фігурний текст, діаграми, математичні формули.
- Рамки.
- Написи.
- Вставка графічних елементів у документ.
- Вставка тексту в автофігури. Встановлення напрямку тексту в графічних елементах.
- Створення фігурного тексту.
- Особливості вставки графічних елементів у документ‚ таблицю‚ напис, рамку.
- Об’єднання графічних елементів. Розгрупування графічних елементів.
- Встановлення порядку розміщення графічних елементів.
- Редагування графічних елементів. Особливості роботи з малюнками папки Clipart.
- Деформація, обертання.
- Створення ефекту тіні/ об’єму.
- Обтікання тексту навколо графічних елементів. Зміна контуру обтікання.
- Контрастність і яскравість. Напівпрозорість графічних елементів.
- Форматування графічних елементів.
- Особливості використання різних типів діаграм.
- Побудова діаграм за допомогою додатка Microsoft Graph.
- Редагування й корекція діаграм.
- Набір і редагування математичних формул у додатку Equation.
- Створення організаційних схем.
- Основні правила оформлення колонок.
- Межа сторінки‚ розділу.
- Форматування тексту колонками. Вирівнювання довжини колонок.
- Встановлення параметрів (полів‚розміру‚ орієнтації) сторін-ки.
- Нумерація сторінок. Створення колонтитулів.
- Оформлення виносок.
- Обрамлення сторінки.
- Створення змісту.
- Створення алфавітного предметного покажчика.
- Режим попереднього перегляду, підгонка сторінок.
- Створення шаблону форми. Захист форми від внесення змін.
- Збереження шаблону форми. Використання форми.
- Виділення клітинок і груп клітинок в електронних таблицях Excel.
- Підготовка таблиці до заповнення текстом (зміна ширини колонки‚ підготовка до розміщення тексту в межах клітинки).
- Введення даних. Редагування таблиці.
- Оформлення таблиці (форматування символів‚ вирівнювання‚ рамки й фон).
- Робота з малюнками в Excel.
- Побудова діаграм в Excel. Корекція й редагування діаграм.
- Форматування сторінок в Excel. Створення колонтитулів.
- Підготовка до друку й друк результатів роботи в Excel.
- Передача таблиці й графічних елементів із Excel у документ Word.
- Загальні характеристики видавничої системи PageMaker. Вікно документа. Інструменти.
- Встановлення і зміна параметрів документа.
- Еталонні сторінки. Нумерація сторінок.
- Робота з текстовими блоками.
- Імпорт тексту.
- Вставка, виділення, зміна розмірів, обрізка і переміщення малюнків.
- Копіювання малюнків. Багаторазове розміщення малюнків. Групування малюнків.
- Обтікання малюнка текстом.
- Повертання, дзеркальне відображення малюнків і текстових блоків. Деформування малюнків.
- Розміщення малюнків і тексту в шарах.
- Загальні характеристики графічного редактора CorelDraw.
- Базові інструменти редактора. Виділення об’єктів.
- Прості операції з об’єктами: розтягування‚стискання‚поворот‚ дзеркальне відображення.
- Копіювання й знищення об’єктів.
- Зміна форми об’єкта.
- Растеризація векторних зображень. Трасування растрових зображень.
- Робота з текстом у CorelDraw.
- Монтаж растрових зображень у графічному редакторі AdobePhotoshop.
- Корекція кольорів сканованих зображень.
- Вдосконалення зображень.
- Ретушування фотографій.
- Створення спецефектів. Робота з масками.
- Засоби ділення кольорів.
- Способи створення презентацій у PowerPoint.
- Режими перегляду слайдів.
- Додавання тексту в слайд. Робота з написами. Вставка малюнків.
- Зміна вигляду слайдів.
- Анімаційні й звукові ефекти при переході між слайдами.
- Анімаційні й звукові ефекти на слайдах.
Джерела
- Приклади використання деяких тегів HTML. Дивитися.
- Путь верстальщика. Максим Усачев, ответы на вопросы: " ... с чего начать своё обучение, какую читать литературу и в каком направлении им двигаться? Как стать хорошим верстальщиком?" Перейти.
- П'ять трендів веб-дизайну 2014 Кофаундер проекту Hitched Стів Купер в посту на Forbes поміркував про те, чого нам всім в найближчому майбутньому чекати від творців сайтів, і виділив 5 очевидних трендів. Інтернет-уа.
- «Web-Profy.com» онлайн журнал для вебмастеров и блогеров.