Създаване и редактиране на уеб страници на Linux Desktop с BlueGriffon
Едно от приложенията, които липсват в работния плот на Linux, е добър WYSIWYG HTML редактор. Има няколко такива, като NVU и KompoZer, но те не са били активно разработени за известно време.
Влезте в BlueGriffon. Създаден върху Gecko (визуализиращият двигател, използван от Firefox), BlueGriffon ви позволява да създавате уеб страници, използващи HTML5, CSS3 и други широко използвани уеб стандарти.
Нека да разгледаме как да изграждаме уеб страници с BlueGriffon.
Инсталиране на BlueGriffon
Насочете се към страницата за изтегляне на BlueGriffon. Можете да вземете инсталатор или архив, съдържащ файловете на програмата.
Ако сте изтеглили инсталатора, отворете прозореца на терминала и отидете до директорията, в която сте изтеглили архива. След това изпълнете следните команди:
chmod + x BlueGriffon-xxx-Linux- [arch] -инсталиране на sudo ./BlueGriffon-xxx-Linux-[arch]-Install
Където xxx е версията на BlueGriffon (текущата версия е 1.1.1) и [arch] е архитектурата на вашата дистрибуция (x86 за 32-битови системи или x86_64 за 64-битови системи). Следвайте указанията. Инсталаторът копира файловете на програмата в папката / usr / local / BlueGriffon .
Ако сте изтеглили архива, просто го извадете в директория в пътя си. След това ръчно добавете стартер за приложението към системното си меню или добавете пътя към директорията / usr / local / BlueGriffon към системния ви път.
Приготвяме се да започнем
Когато сте готови да отидете, щракнете двукратно върху иконата, която инсталиращото устройство поставя на работния ви плот, или изпълнете командата bluegriffon .
Изберете File -> New, за да създадете нова уеб страница. Вие буквално сте представени с празно платно, нещо като нов документ за текстообработваща програма.
Както при текстообработваща програма, можете буквално да започнете да пишете, за да създадете документа си. С помощта на бутоните и менютата в лентата с инструменти можете също да приложите форматиране към страницата си. Като например? Ето едно извадка:
- Стил на заглавията и абзаците
- Френски атрибути като получер и курсив
- Подравняване на текста
- Отстъпи
- списъци
Можете също да добавяте връзки, таблици, изображения, видео, аудио и формуляри с едно натискане на бутон или чрез избор на опция от менюто Вмъкване .
Това е доста стандартно за всеки добър HTML редактор. Това, което отличава BlueGriffon, е подкрепата му за HTML5. HTML5 включва редица нови елементи, които освен всичко друго улесняват добавянето на аудио, видео, менюта и отделни секции към уеб страница.
Можете да вмъкнете HTML5 елементи, като изберете Insert -> HTML 5 Element и след това изберете елемента от списъка.
Имате две възможности за добавяне на форматиране, като използвате каскадни стилови листове. Ако имате файл с стилов лист, можете да го свържете с уеб страницата си, като изберете Вмъкване -> Стилове . Кликнете върху бутона + .
Кликнете върху Свързан към документа и след това върху иконата до полето Href . Придвижете се до директорията, съдържаща файла със стилове, който искате да добавите към уеб страницата си. След като добавите файла за стиловите листове, той се показва в прозореца " Вмъкване или редактиране на стилове ".
Когато сте готови, можете да завършите с много добре нагласена уеб страница.
Всеки път, когато искате да прегледате или редактирате HTML кода на страницата, щракнете върху източника в долната част на прозореца BlueGriffon.
Добавяне на диаграми
Очевидно е, че най-лесният начин да направите това е да създадете диаграмата в друга програма, да я запишете като уеб-приятелски графичен файл и след това да вмъкнете връзка към изображението в BlueGriffon.
Но ако имате нужда от проста диаграма, можете да използвате вградения редактор на SVG на BlueGriffon. На уеб страницата си кликнете къде искате да поставите диаграмата. След това стартирайте редактора, като кликнете върху бутона за редактиране на SVG в лентата с инструменти.
Диаграмите, които можете да създадете, са доста основни, но можете да изградите някои прилични графики и други подобни. Когато затворите редактора, BlueGriffon поставя диаграмата на вашата уеб страница.
Последни мисли
BlueGriffon прави много добра работа, като ви помага да изградите отделни уеб страници. Няма функция за управление на сайтове, но подкрепата му за HTML5 е второстепенна. И можете да разширите възможностите на BlueGriffon с добавки. Трябва да купите добавките, но ако това поддържа разработването на приложението, то те заслужават.
Снимка кредит: svilen001