Open source для Mac. Візуальний редактор сайтів Blue Griffon
Візуальний багатоплатформовий 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