1. установка
2. Створюємо веб-сторінку
3. додатки
4. висновок

Візуальний багатоплатформовий html-редактор BlueGriffon може стати в нагоді коли треба швидко зверстати статичну веб-сторінку, а часу вивчити HTML і CSS немає. У ньому можна накидати ескіз корпоративного сайту, щоб поділитися з колегами своїм поданням про його структуру. BlueGriffon - відмінне рішення у всіх випадках, коли швидкість веб-розробки значно приоритетнее її якості.

установка

Завантажити інсталяційний файл програми можна на офіційному сайті BlueGriffon . У програми є версії для Windows, Linux і Mac.

Установка займає кілька миттєвостей. У разі її успішного завершення інсталятор запропонує помістити ярлик BlueGriffon в папку Applications.

При кліці на цей ярлик відобразиться стартовий екран додатка і вікно з 20 корисними фактами про BlueGriffon.

Створюємо веб-сторінку

Для того щоб створити нову веб-сторінку необхідно вибрати пункт меню File -> New.

Після цього з'явиться біле поле, на якому можна набирати текст і змінювати його зовнішній вигляд за допомогою інструментів на верхній панелі.

Внизу білого поля є перемикач Wysiwyg / Source для перемикання між візуальним редактором і текстовим редактором вихідного коду сторінки.

При виділенні блоку тексту можна відкрити панель для редагування його зовнішнього вигляду. BlueGriffon підтримує всі можливості CSS 3.

Також в документ можна вставляти будь-які теги HTML 5.

Ще на сторінку можна підключати шрифти за допомогою сервісів FontSquirrel і Google Font Directory .

Для перегляду ієрархічної структури документа можна включити відображення панелі DOM Explorer.

При ручному редагуванні розмітки часто допускаються типові помилки: зайві переноси рядків, порожні блоки, неправильне вирівнювання тексту. Усунути їх допоможе інструмент Markup Cleaner.

На сторінці можна використовувати зовнішні JavaScript-сценарії. Підключити їх можна на панелі Script Inspector.

Відстежувати помилки, що виникають при виконанні підключених скриптів можна за допомогою JavaScript Console.

Зберегти веб-сторінку можна за допомогою пункту меню File -> Save. Перед збереженням BlueGriffon попросить ввести заголовок сторінки.

Готова сторінка зберігається у форматі .html.

додатки

Для BlueGriffon існує кілька десятків комерційних аддонів. Їх можна встановити тут. Коротенько розповімо про найкорисніших з них:

• Mobile Viewer - за допомогою цього доповнення можна протестувати зовнішній вигляд сторінки на мобільних пристроях;
• User Manual - уроки для оволодіння основами використання Blue Griffon;
• Word Count - підраховує число символів і слів в тексті;
• Table Layots - розширений редактор таблиць;
• FireFTP - за допомогою цього доповнення можна редагувати веб-сторінки безпосередньо на сервері;
• Math ML - це доповнення дозволяє додавати на сторінку математичні формули.

висновок

У такій тонкій і складно процесі як верстка веб-сайтів візуальний редактор ніколи не замінить людський інтелект. Одержуваний на виході HTML-код в Blue Griffon не ідеальний і це може не дуже добре позначитися на індексації сайту пошуковими системами. Рекомендуємо перевіряти створені сторінки валідатором від W3C.

Список корисних тем:

Поставте 5 зірок внизу статті, якщо подобається ця тема. Підписуйтесь на нас ВКонтакте , Facebook , Twitter , Instagram , Telegram і Яндекс.Дзен .

Повернутися в початок статті Open source для Mac. Візуальний редактор сайтів Blue Griffon