Рівні створення web-сторінок

МЕТОДИЧНІ ВКАЗІВКИ

До лабораторної роботи №8 з курсу

“Комп’ютерні мережі”

СТВОРЕННЯ ЕЛЕМЕНТІВ WEB-СТОРІНОК

Для студентів базового напрямку

Програмування для електронно-обчислювальної техніки

та автоматизованих систем”

та

5.05010201 “Обслуговування комп’ютерних систем і мереж”

Укладач: Король Адріан Омелянович

Львів – 2009

ЗАСОБИ СТВОРЕННЯ WEB-СТОРІНОК

Web-сторінки є базовими документами World Wide Web і створються у HTML (HyperText Markup Language).

Сторінки можуть бути як частиною Web-сайту, так і самостійними документами.

HTML-сторінка містить HTML-теги, що надають інформацію про структуру сторінки, її вигляд та вміст. Web-браузери використовують цю інформацію для визначення способу відображення сторінки.

РІВНІ СТВОРЕННЯ WEB-СТОРІНОК

До створення Web-сторінок існує три загальних підходи:

1. Високий рівень - створення документу звичайними засобами з наступною його конвертацією в HTML,

2. Середній рівень - створення Web-сторінки в спеціалізованому HTML-редакторі,

3. Низький рівень - створення 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-редакторах.