Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Програми для створення сайтів. HTML-редактори

Для створення веб-сайтів існує безліч різних програм. Одні з них є редакторами html, інші - редакторами серверних або клієнтських скриптів, а треті - редакторами таблиць css. Всі вони найчастіше візуалізують процес редагування, і Ви можете бачити як буде виглядати той або інший елемент на Вашому сайті.

Кожний веб-сайт складається з веб-сторінок, кожна з яких, у свою чергу, складається з коду мовою html, що відповідає за оформлення сторінки, і власне вмісту. Тому редактори html - програми, створення сайту без яких неможливо. Які вони бувають? Що можна зробити з їхньою допомогою? Давайте спробуємо розібратися.

HTML-редактори можна розділити на дві умовні основні групи: текстові і візуальні. У текстових html-редакторах можна писати й правити html-код вручну. А за допомогою візуальних редакторів Ви можете, не знаючи мову html, створювати веб-сторінки, використовуючи візуалізовані компоненти.

Блокнот

Отже, самий вірний і надійний редактор - звичайний вбудований в ОС Windows текстовий редактор «Блокнот» (Notepad). Для того щоб написати в блокноті html-код веб-сторінки не потрібно ніяких додаткових інструментів - досить запустити блокнот, написати в ньому 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» може побачити як буде виглядати створювана веб-сторінка в браузері.

Програми для створення сайтів. HTML-редактори

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.

До переваг візуальних редакторів відносять можливість відразу бачити, як буде виглядати веб-сторінка, наявність підказок і підсвічування тегів, можливість легкої й зручної вставки різних об'єктів у сторінку без знань мови html. Недоліком же візуальних редакторів є їхня вартість - гарні візуальні html-редактори платні. До того ж багато візуальних редакторів створюють «зайвий» код, що «поважчує» сторінку.

Програми для створення сайтів. HTML-редактори
Теги:
створення сайтів, програми для створення сайтів, html-редакторы, веб-дизайн, html-верстка