
- •Д. О. Булавін Інтернет-комунікації та web-дизайн
- •Передмова
- •Тематичний план курсу «Інтернет-комунікації та web-дизайн» Загальна схема та структура курсу
- •Види і форми контролю знань з курсу «Інтернет-комунікації та web-дизайн» для студентів денної форми навчання
- •Види і форми контролю знань з курсу «Інтернет-комунікації та web-дизайн» для студентів заочної форми навчання
- •Критерії оцінювання письмової екзаменаційної роботи
- •Правила переведення оцінок у систему ects
- •Зміст лекційних занять Модуль 1 Основи роботи в Інтернет. Інтернет-браузери. Інтернет в бізнесі.
- •Тема 1. Інтернет та його розвиток. Типи Інтернет-браузерів, їх переваги та недоліки. Основи роботи с поштовими службами
- •Тема 2. Використання Інтернету в бізнесі. Типи Інтернет-сайтів та їх можливості.
- •Модуль 2 Інтернет-сайти та їх типи. Розробка Інтернет-ресурсів.
- •Тема 3. Web-сторінки, гіперссилки, клієнти та сервери Інтернету
- •Тема 4. Типові системи розробки Інтернет-ресурсів. Середа Dreamweaver mx. Базові основи роботи з середою.
- •Тема 5. Створення Web-сторінки, структура сайту, робота зі стилями.
- •Тема 6. Робота з графічними зображеннями, графіка Macromedia Flash, мультимедиа.
- •Тема 7. Використання таблиць при розробці Інтернет-сторінок. Публікація web-сторінки
- •Приклади тестових питань
- •Питання для самоконтролю
- •Тема семінару 5 Створення стартової сторінки з гіперпосиланнями, поштою і текстом.
- •Теоретичні відомості виконання практичного семінару.
- •Питання для самоконтролю
- •Тема семінару 6 Створення всіх сторінок сайту, наповнення їх звичайними і змінними зображеннями.
- •Питання для самоконтролю
- •Методичні поради для виконання індивідуального навчально-дослідного завдання (індз) Загальні положення
- •Структура письмової роботи індз
- •Вимоги до змісту
- •Вимоги до оформлення
- •Оформлення списку використаних джерел
- •Питання до іспиту
- •Основна література:
- •Додаткова література:
- •Іноземна література:
- •Словник основних термінів
- •Булавін Дмитро Олексійович
- •61077, Харків, пл. Свободи, 4,
- •61077, М. Харків, пл. Свободи, 4.
Тема 4. Типові системи розробки Інтернет-ресурсів. Середа Dreamweaver mx. Базові основи роботи з середою.
Для створення сайту використовують різні засоби: редактори тексту типу Блокнот, візуальні редактори типу Microsoft FrontPage, Macromedia Dreamweaver і безліч інших редакторів, а також конструктори сайтів (дизайнери).Конструктори веб-сайтів розміщуються на деяких сайтах в мережі Інтернет.
У цій темі ми розглянемо початкові відомості про роботу з Macromedia Dreamweaver MX. Ви дізнаєтеся, навіщо потрібні його численні вікна та інструменти, які з них дійсно-тельно вам знадобляться, а які - ні. Також ми дізнаємося про початкові налаштуваннях цієї програми.
Тема 5. Створення Web-сторінки, структура сайту, робота зі стилями.
У цій темі ми розглянемо покрокове створення Web-сторінки, основну увагу будемо приділяти розробці структури сайту, роботи з текстом, форматуванню абзаців, роботі з гіперпосиланнями.
На жаль, HTML не підтримує стилі. Dreamweaver виходить з цього положення, задаючи свої стилі, звані HTML-стилями. Зі стилями, скажімо, Microsoft Word вони мають мало спільного, зокрема, фрагмент тексту не може зберігати ім'я стилю, який був до нього застосований. До того ж, за допомогою HTML-стилів можна встановити тільки шрифтові настройки, колір тексту і вирівнювання абзацу. Проте HTML-стилів багатьох випадках допоможуть швидко відформатувати текст.
Тема 6. Робота з графічними зображеннями, графіка Macromedia Flash, мультимедиа.
У цієї темі ми розберемося з усім, що відноситься до впроваджених об'єктів: графічними зображеннями і мультимедійними даними (насамперед, аудіо-та відеокліпи).Ми навчимося поміщати їх на Web-сторінки і використовувати для спеціальних цілей, наприклад, для створення зображень-гіперпосилань і зображень-карт. І Dreamweaver нам в цьому допоможе.
Графічні зображення (а також аудіо-та відеокліпи), як ви пригадуєте, є впровадженими елементами, оскільки вони не поміщаються в сам HTML-код Web-сторінки, а зберігаються в окремих файлах. Справа в тому, що графіка принципово відрізняється від тексту, кодується і зберігається інакше, ніж текст. Тому поєднати в одному файлі HTML-текст і графіку неможливе.
Всі графічні зображення діляться на дві великі групи за принципом кодування, зберігання у файлах і відтворення на пристроях виводу (екран, принтер і т. п.). Давайте їх розглянемо.
Найпотужніший пакет векторної Web-графіки та анімації Macromedia Flash, "рідного брата" Dreamweaver. "Братство" це проявляється не тільки в загальному "батьку" - фірмі Macromedia, але і в тісній інтеграції двох пакетів. Зокрема, якщо у вас на комп'ютері встановлені і Dreamweaver, і Flash, ви можете запустити Flash з Dreamweaver, намалювати зображення і тут же вставити його в Web-сторінку, відкриту у вікні Dreamweaver. Також Dreamweaver пропонує користувачеві кілька "заготовок" різних написів і кнопок, виконаних у форматі Flash, які ви також можете помістити на сторінку.
Поговоримо про те, яким же чином Web-обозреватель обробляє мультимедійний зміст. Підтримка дуже і дуже багатьох форматів даних в Web-обозреватель не закладена - форматів так багато, що охопити все просто неможливо. Проблема вирішується використанням додаткових програм. Каждая такая програма "відповідає" за свій формат даних. Мультимедійні дані, які не підтримуються Web-браузером, поміщаються на сторінку за допомогою особливого тега. За допомогою відповідного атрибуту задається ім'я файлу даних, який і буде оброблятися додатковою програмою. Програма читає дані з файлу, обробляє їх і генерує на їх основі якоїсь екранний висновок, або проявляє себе якимось іншим чином.