Page 137 - 6442

сторінки не потрібно ніяких додаткових інструментів - досить запустити блокнот, написати в
ньому html-код і зберегти документ із розширенням .html. Однак щоб писати й редагувати
html-код у блокноті, необхідно дуже добре знати мову html і уважно стежити за написанням
коду, тому що написання великих обсягів коду вручну підвищує ймовірність виникнення
помилок.
Notepad ++
Notepad ++ - розширена версія звичайного блокнота, що поставляється окремо й
зазвичай безкоштовна. В Notepad ++ html-теги підсвічуються кольоровим шрифтом, і
розробник може візуально відрізнити код від основного тексту сторінки. Тому ймовірні
помилки й неточності в коді легше виявити, однак, так само як і при роботі у звичайному
блокноті, в Notepad ++ потрібне гарне знання мови html.
Microsoft FrontPage
Microsoft FrontPage - html-редактор з пакета MS Office. Microsoft FrontPage є візуальним
редактором (WYSIWYG - What You See Is What You Get - що бачиш, то й одержиш), але в
Microsoft FrontPage код можна також редагувати вручну. Інтерфейс Microsoft FrontPage
схожий на інтерфейс Microsoft Word, звичний для більшості користувачів, тому дуже
зручний для новачків у веб-дизайні. В Microsoft FrontPage для роботи доступні три режими:
Normal, HTML і Preview.
У режимі «Normal» користувач може редагувати текст і картинки як у звичайному
текстовому файлі. Засоби редагування в Microsoft FrontPage дозволяють легко форматувати
текст, додавати таблиці (навіть таблиці MS Excel!) і малюнки, створювати маркіровані й
нумеровані списки користувачам без знань мови html.
У режимі «HTML» користувач може переглядати й редагувати код створюваної веб-
сторінки, а в режимі «Preview» може побачити як буде виглядати створювана веб-сторінка в
браузері.
Macromedia HomeSite
Macromedia HomeSite є одним з найбільш популярних html-редакторів. Цей редактор
допомагає прискорити процес створення html-коду сторінок і сайту в цілому. Робочий
простір ділиться на три частини. Перша - вікно з html-кодом, друга - перелік документів, що
знаходяться на диску користувача, третя - різноманітні панелі інструментів, які можуть
настроюватися користувачем на свій смак. У процесі написання html-коду, HomeSite дає
користувачеві зручні спливаючі підказки з переліком можливих атрибутів для поточного
тегу, підсвічує теги за певною кольоровою схемою, яку можна змінювати, розташовує на
панелі інструментів найбільше часто використовувані теги для прискорення доступу до них.
Adobe Dreamweaver
У популярному візуальному редакторі Adobe Dreamweaver можна редагувати html-
коди, причому робити це легко й невимушено. Якщо Ви досить добре знаєте мову розмітки
html, то можете скористатися режимом «code», у якому на екрані відображається тільки
вікно для редагування коду. Якщо ж Ви не знаєте html або знаєте його не дуже добре, можете
скористатися режимом «design», у якому Ви «один до одного» побачите, як буде виглядати
Ваш сайт у результаті. Хочете самі писати код і при цьому відразу ж бачити, що вийде в
підсумку? Будь ласка: режим «split» відображає два вікна, візуального й звичайного
редагування html-кодів. Крім того, якщо Ви забудете який-небудь html-тег, Adobe
Dreamweaver дасть Вам спливаючу підказку з усіма доступними в даному місці документа
варіантами тегів і їхніх атрибутів.
Переваги й недоліки
До переваг текстових редакторів, таких як Блокнот і Notepad ++ відноситься їхня
простота й доступність. Крім того, текстові html-редактори часто безкоштовні, не створюють
«зайвого» коду, що дозволяє зменшити розмір веб-сторінки. Однак істотним недоліком таких
редакторів є неможливість переглянути «на льоту» вид створюваної сторінки й необхідність
гарного знання мови html.
До переваг візуальних редакторів відносять можливість відразу бачити, як буде
виглядати веб-сторінка, наявність підказок і підсвічування тегів, можливість легкої й зручної
136