Міністерство освіти і науки України Національний університет „Львівська політехніка” Кафедра електронних обчислювальних машин Звіт про виконання лабораторної роботи № 5 з курсу „ Глобальні інформаційні мережі ” Тема: Засоби створення Web-сторінок Мета роботи: Ознайомитись із основними підходами до створення Web-сторінок. Дослідити характеристики та основні можливості по створенню Web-сторінок за допомогою спеціалізованих HTML-редакторів Microsoft FrontPage та Macromedia Dreamweaver. Теоретична частина Підходи до створення Web-сторінок Web-сторінки є базовими документами World Wide Web і створюються у HTML (HyperText Markup Language). Сторінки можуть бути як частиною Web-сайту, так і самостійними документами. HTML-сторінка містить HTML-теги, що надають інформацію про структуру сторінки, її вигляд та вміст. Web-броузери використовують цю інформацію для визначення способу відображення сторінки. До створення Web-сторінок існує три загальних підходи: Високий рівень - створення документу звичайними засобами з наступною його конвертацією в HTML, Середній рівень - створення Web-сторінки в спеціалізованому HTML-редакторі, Низький рівень - створення Web-сторінки безпосередньо в HTML-кодах. Перший підхід не вимагає абсолютно ніяких знань мови HTML. Документ створюється в довільному текстовому редакторі у форматіі, в якому він буде відображатись у Web-броузері. Після створення документ конвертується у HTML-код. Наприклад, Microsoft Word дозволяє зберегти відкритий документ у форматі HTML. Але цей підхід має суттєві недоліки: по-перше, код, отриманий в результаті конвертації досить громіздкий і незручний для подальшого редагування, а по-друге, можливості Web-сторінки, отриманої таким шляхом, досить обмежені, оскільки від початку створюється не HTML-документ, а, наприклад, Word-документ. Другий підхід є найзручнішим з точки зору співвідношення часу, що витрачається на створення Web-сторінки, та можливостей цієї сторінки, отриманих за допомогою спеціалізованого HTML-редактора. Такі HTML-редактори, як правило, дозволяють створювати Web-сторінки так само, як створюються документи у текстових процесорах, із форматуванням тексту, графіки, таблиць та інших елементів сторінки за принципом WYSIWYG (What You See Is What You Get - "що бачиш, те і отримаєш"), при цьому сам документ зберагається відразу у HTML-коді. Крім того, такі HTML-редактори дозволяють безпосередньо редагувати HTML-код. Ефективність отриманого коду при цьому підході залежить від ефективності та можливостей вибраного редактора. Третій підхід вимагає глибокого розуміння мови HTML. Редагування Web-сторінок відбувається у форматі, дещо незручному для сприйняття початківцем. Однак при такому підході можна створити дуже ефективний HTML-код, що забезпечить максимальну інформативність сторінки при її мінімальному об'ємі. Крім того, в такому випадку Web-дизайнеру доступні всі можливості мови HTML, які можуть не бути реалізовані у спеціалізованих HTML-редакторах. В цій лабораторній роботі розглядаються два найпопулярніших HTML-редактора: Microsoft FrontPage, що є складовою частиною Microsoft Office, і Macromedia Dreamweaver. Характеристика та основні можливості по створенню Web-сторінок за допомогою Microsoft FrontPage. Microsoft FrontPage є частиною пакету Microsoft Office. З його допомогою можна створювати як окремі сторінки, так і керувати цілими сайтами. В цьому редакторі є багато зручних інструментів для форматування вигляду сторінок та багато шаблонів оформлення. Також у FrontPage є зручні та прості у користуванні засоби для інтеграції графіки, анімації та звуковогу супроводу у сторінки. Суттєвим недоліком цього HTML-редактора є нераціональне поводження з кодами гіпертекстової розмітки, тобто Microsoft FrontPage генерує надмірний, громіздкий вихідний текст, перевантажений складними мовними конструкціями та додатковими службовими коментарями. Характеристика та основні можливості по створенню Web-сторінок за допомогою Macromedia Dreamweaver. Система Dreamweaver - це візуальний редактор гіпертекстових документів. Професійна програма Dreamweaver володіє всіма необхідними засобами для генерації сторінок HTML будь-якої складності і масштабу. Вона забезпечує режим візуального проектування (WYSIWYG), відрізняється дуже чистою роботою з вихідним текстом Web-документів, володіє вбудованими засобами підтримки великих мережевих проектів. Відомо, що багато візуальних редакторів HTML вельми нераціонально поводяться з кодами гіпертекстової розмітки. Це означає, що часто вони породжують надмірний, громіздкий вихідний текст, перевантажений складними мовними конструкціями. Серед інших програм даного класу система Dreamweaver виділяється своїм коректним поводженням з кодами HTML. Вона породжує чистий лаконічний вихідний текст, в якому майже немає допоміжних дескрипторів і громіздких службових коментарів. Пакет Dreamweaver - це багатоцільова програма. Його можна використовувати як простий редактор гіпертекстових документів для створення окремих сторінок. Крім того, програма має в своєму розпорядженні необхідний інструментарій, що дозволяє проектувати і підтримувати Web-вузли будь-якої складності. Порядок роботи В ОС Windows запустити програму FrontPage (Start -> Programs -> Microsoft FrontPage). Відкрити підручник з FrontPage - Microsoft FrontPage Tutorial. Вивчити методику створення Web-сайту за допомогою Microsoft FrontPage. В ОС Windows запустити програму DreamWeaver (Start -> Programs -> Macromedia -> Macromedia Dreamweaver MX). Відкрити підручник з Dreamweaver - DreamWeaver 4 Tutorial. Вивчити методику створення Web-сайту за допомогою Macromedia Dreamweaver. Закрити програми FrontPage та Dreamweaver та вийти з системи. Висновки: виконуючи дану лабораторну роботу я ознайомитився із підходами до створення Web-сторінок та дослідив характеристика та основні можливості по створенню Web-сторінок за допомогою HTML-редакторів Microsoft FrontPage та Macromedia Dreamweaver.