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

Програми для створення сайтів. Редактори таблиць CSS

Серед величезної кількості програм, необхідних веб-майстрові для створення сайтів, дуже актуальні редактори таблиць CSS.

Що таке CSS?

CSS або каскадні таблиці стилів (Cascading Style Sheets) - це технологія оформлення веб-сторінок, основною метою якої є поділ змісту сторінки і її зовнішнього вигляду. Такий поділ дуже зручний: можна, не торкаючись вмісту сторінки, змінити стиль її оформлення. CSS використовується для завдання кольору, шрифтів, розташування елементів на сторінці. Таблицю стилів css можна вмонтувати прямо в html-сторінку - це внутрішня таблиця стилів. Або ж її можна створити в окремому файлі, і вже потім приєднати посилання на нього до потрібної html-сторінки - це зовнішня таблиця стилів. Зовнішню таблицю необхідно підключити до основного html-документу за допомогою спеціальних тегів:
< link rel="stylesheet" type="text/css" href="/style.css >,
де style.css - це ім'я файлу, що містить таблицю css.
Завдяки цьому, стиль, описаний у зовнішній таблиці css, можна використовувати повторно скільки завгодно разів.

Які існують редактори CSS?

Найбільш підходящими для роботи зі стилями css є спеціальні css-редактори, які можуть бути текстовими і візуальними.

Як текстовий редактор для таблиць css підійде традиційний блокнот. Для створення зовнішньої таблиці css у блокноті досить прописати синтаксис таблиці й зберегти документ із розширенням .css. Поряд зі стандартним блокнотом широко використовується і його розширена версія - Notepad ++, у якій є можливість підсвічування синтаксису css-кодів.

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

Ще один приклад текстового редактора css - це Free CSS Toolbox, безкоштовний редактор. Toolbox - простий редактор, що дуже легкий і зручний у використанні. Має інструменти для підсвічування синтаксису, функцію автозаповнення коду, css-валідатор і компресор.

До візуальних css-редакторам відноситься Stylizer. Цей редактор принципово відрізняється від інших тим, що він вбудовується в інтернет-браузер FireFox або Internet Explorer і значення в коді css можуть бути відредаговані буквально «на льоту». Крім того, Stylizer замість текстового редактора використовує інтерфейс сітки, що робить практично неможливим виникнення яких-небудь помилок у коді css. Редактор Stylizer доступний тільки для користувачів ОС Windows. Існує дві версії Stylizer: платна й безкоштовна. Безкоштовна версія програми не дозволяє здійснювати деякі операції з таблицями стилів, які припустимі в платній, повній версії. Однак найчастіше функціонала безкоштовної версії також цілком достатньо.

Інший дуже популярний візуальний css-редактор - TopStyle. Цей редактор також як і вищеописаний є платним і доступний тільки для користувачів операційної системи Windows. Основні переваги TopStyle полягають у тому, що ця програма дає можливість прямо порівняти, як буде виглядати сайт в Internet Explorer і Mozilla, а також дає можливість передбачити помилки, які можуть виявитися в інтернет-браузерах, незважаючи на валідний css-код.

Крім спеціальних редакторів таблиць css існують також редактори загального призначення, які підтримують роботу з css. До подібних редакторів відносять, наприклад, Macromedia HomeSite, Microsoft FrontPage і Adobe Dreamweaver. У них є візуальні й текстові інструменти для створення й редагування внутрішніх і зовнішніх таблиць css. Однак у цих редакторах подібних інструментів не дуже багато, а можливість створювати зовнішні таблиці css у деяких з них найчастіше взагалі відсутня - можна лише описати стилі в тілі самої html-сторінки.

Описані текстові й візуальні редактори - далеко не повний список всіх існуючих css-редакторів, є також безліч безкоштовних і платних програм, розроблених як винятково для ОС Microsoft Windows або Apple Macintosh так і підтримуючих обидві ці платформи.

Чим корисні CSS-редактори?

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

Таким чином, основна перевага css-редакторів полягає в тому, що вони дозволяють швидко, ефективно і якісно кодувати css-стилі!

Теги:
створення сайтів, програми для створення сайтів, css-редактори, візуальний редактор, текстовий редактор, розробка сайтів