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

Прошло много времени с тех пор, как Пол рассказывал вам о это. Быть верным слугой классики голубая рыба, Я воспользовался тем, что мне пришлось подготовить шаблоны нового проекта, чтобы повозиться с этой многообещающей программой.

Мы увидим его функции в нескольких статьях. Для начала: сегодня мы увидим, как его установить и какие возможности дает нам ваш помощник.

Установка из репозитория

Гетдеб - довольно известный проект репозитория игр и приложений в мире GNU / Linux. Хотя мы можем скачать папку с программой из страница проекта, некоторым будет удобно получать обновления из этого репозитория.

Вы можете выполнить все эти шаги из Центра программного обеспечения Ubuntu, Synaptic, Software Origins и других графических менеджеров, чтобы упростить установку, но поскольку я хочу, чтобы вы узнали что-то полезное, запустите терминал с помощью 'ctrl + alt + T' и следуйте шаги.

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 добавить -

        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').

              Хорошо, очень красиво ... давайте посмотрим, как получился счастливый код ...

              РЕДИОС! (Что бы сказали на моей земле ...). 400 строк CSS для 4-строчной таблицы. Каким бы красивым, практичным и модульным ни был CSS, это не лучший способ его разметки. Но я думаю, мы все знали, что для использования WYSIWYG-редактора вы должны знать, что делаете, верно? Например, здесь у вас есть шаблон css на 550 строк, который дает гораздо больше, чем тот, который мы создали.

              Если вы изучаете HTML и CSS, вам следует вооружиться простым редактором и изучать его шаг за шагом. В Windows мы много лет страдали от этого: хорошо известного «эффекта DreamWeaver». Я уверен, что любой, кто хоть немного разбирался в веб-дизайне, знал, что это произойдет с нами.

              У нас есть несколько очень полных веб-редакторов для GNU / Linux, но прежде чем плакать из-за отсутствия DreamWeaver, вы должны внести свой вклад, чтобы научиться. В другой день мы углубимся в Bluegriffon, но это уже другая история.