Погляд на Bluegriffon, веб-редактор Mozilla

Минув якийсь час, відколи Пол розповів вам про це ел. Бути вірним слугою класика Bluefish, Я скористався тим, що мені довелося підготувати шаблони нового проекту, щоб повозитися з цією перспективною програмою. Ми побачимо його функціональність у кількох статтях. Для початку: сьогодні ми побачимо, як його встановити та які варіанти дає нам ваш асистент.

Встановлення зі сховища

getdeb є досить відомим проектом сховища ігор та програм у світі GNU / Linux. Хоча ми можемо завантажити папку програми з сторінка проекту, деяким буде зручно мати можливість отримувати оновлення з цього сховища.

1. - Ми додаємо сховище для нашої версії Ubuntu (у моєму випадку quantal-12.10, якщо ви використовуєте точний-12.04, ви підставляєте ім'я).

sudo add-apt-repository 'deb http://archive.getdeb.net/ubuntu quantal-getdeb apps'

2. - Імпортуємо ключ GPG із сховища.

wget -q -O- http://archive.getdeb.net/getdeb-archive.key | sudo apt-key add -

3. - Ми оновлюємо список пакетів, доступних для нашої системи.

Суду apt-get поновлення

4. - Встановлюємо програму.

sudo apt-get встановити bluegriffon

Перший контакт з Блюгріфоном

З самого початку ми бачимо, що програма використовує дуже чіткий інтерфейс і нічого не перевантажує. Як і всі продукти Mozilla, він пропонує можливість використання плагінів або доповнень для розширення своїх функціональних можливостей.

Як і всі редактори "поза побитою дорогою", Bluegriffon надає майстра, за допомогою якого ми можемо створити сторінку / структуру за короткий час. Ми збираємося дотримуватися його крок за кроком, щоб закінчити перевірку того, що ми всі знаємо ... WYSIWYG дорогий з точки зору очищення коду ...

1. - Ми запустимо майстер через меню «Файл> Новий майстер». Першим кроком буде вибір типу мови, яку ми будемо використовувати.

2. - Ми встановимо властивості сторінки: заголовок, мову, символи, ключові слова ...

3. - Ми можемо використовувати типові кольори або визначити властивості css для фону, тексту та посилань.

4. - Ми також можемо встановити фонове, фіксоване, прокручуване або мозаїчне зображення.

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

6. - Давайте додамо кілька рядків / стовпців, щоб побачити, як він обробляє їх ...

7. - І ось ми маємо результат ...

Ну, ми вже виявили, що він додає верхній і нижній колонтитул самостійно. Є авансом. Якщо ми натиснемо кнопку глобуса, ми зможемо переглянути сторінку в нашому браузері (логічно, він попросить зберегти її раніше). Якщо ми це визначили, серйозних проблем не виникне. В іншому випадку нам доведеться вказати, де знаходиться виконуваний файл (якщо ви новачок: у GNU / Linux вони знаходяться в '/ usr / bin').

Добре, дуже приємно ... давайте подивимось щасливий результуючий код ...

REDIOS! (Що б сказали в моєму краї ...). 400 рядків CSS для 4-рядкової таблиці. Настільки гарний, практичний і модульний, як CSS, це не найкращий спосіб розташування цього. Але я думаю, ми всі знали, що для використання редактора WYSIWYG потрібно знати, що ти робиш, так? Як приклад, тут у вас є 550-лінійний шаблон css, який дає набагато більше себе, ніж той, який ми створили.

Якщо ви вивчаєте HTML і CSS, вам слід озброїтися простим редактором і вчитися поетапно. Під Windows ми страждаємо від цього багато років: добре відомий «ефект DreamWeaver». Я впевнений, що хтось із невеликим контролем веб-дизайну знав, що це станеться з нами.

У нас є цілий ряд дуже повних веб-редакторів для GNU / Linux, але перед тим, як плакати, тому що DreamWeaver відсутній, вам потрібно зробити свою частину, щоб навчитися. Ще один день ми заглибимось із Блюгріфоном, але це вже інша історія.