Міністерство освіти і науки України
Національний університет „Львівська політехніка”
Кафедра електронних
обчислювальних машин
Звіт
про виконання лабораторної роботи № 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.