Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Веб-дизайн1.doc
Скачиваний:
0
Добавлен:
01.03.2025
Размер:
1.54 Mб
Скачать

Тема 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-браузером, поміщаються на сторінку за допомогою особливого тега. За допомогою відповідного атрибуту задається ім'я файлу даних, який і буде оброблятися додатковою програмою. Програма читає дані з файлу, обробляє їх і генерує на їх основі якоїсь екранний висновок, або проявляє себе якимось іншим чином.