Spojrzenie na Bluegriffon, edytor internetowy Mozilli

Minęło trochę czasu, odkąd Paul ci o tym powiedział él. Bycie wiernym sługą klasyka BluefishSkorzystałem z tego, że musiałem przygotować szablony nowego projektu, aby majstrować przy tym obiecującym programie. Jego funkcjonalności zobaczymy w kilku wpisach. Na początek: dzisiaj zobaczymy, jak go zainstalować i jakie opcje daje nam Twój asystent.

Instalacja z repozytorium

getdeb to projekt repozytoriów gier i aplikacji dość znanych w świecie GNU / Linux. Chociaż możemy pobrać folder programu z stronę projektuniektórzy uznają za wygodne otrzymywanie aktualizacji z tego repozytorium.

1.- Dodajemy repozytorium dla naszej wersji Ubuntu (w moim przypadku quantal-12.10, jeśli używasz precyzyjnego-12.04, zastępujesz nazwę).

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

2.- Importujemy klucz GPG z repozytorium.

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

3.- Aktualizujemy listę pakietów dostępnych dla naszego systemu.

sudo apt-get update

4.- Instalujemy program.

sudo apt-get zainstaluj bluegriffon

Pierwszy kontakt z Bluegriffonem

Od początku widać, że program używa bardzo przejrzystego interfejsu i nic nie jest przeciążone. Podobnie jak wszystkie produkty Mozilli, przedstawia możliwość wykorzystania wtyczek lub dodatków w celu rozszerzenia jego funkcjonalności.

Jak wszystkie edytory „z nietoperza”, Bluegriffon zapewnia kreatora, za pomocą którego możemy wygenerować stronę / strukturę w krótkim czasie. Będziemy postępować zgodnie z nim krok po kroku, aby zakończyć weryfikację tego, co wszyscy wiemy ... WYSIWYG jest drogi pod względem czyszczenia kodu ...

1.- Uruchomimy kreatora z menu „Plik> Nowy kreator”. Pierwszym krokiem będzie wybór rodzaju języka, którego będziemy używać.

2.- Ustalimy właściwości strony: tytuł, język, znaki, słowa kluczowe ...

3.- Możemy użyć typowych kolorów lub zdefiniować właściwości css dla tła, tekstu i linków.

4.- Możemy również ustawić obraz tła, nieruchomy, przewijalny lub mozaikowy.

5.- Najpotężniejsza część kreatora pozwala nam dystrybuować wiersze i kolumny do smaku za pomocą css. Jest to bardzo, bardzo szybka procedura, ale bardzo niebezpieczna pod względem czyszczenia kodu. CSS jest bardzo dobry dla stylów i wielu efektów, ale ponieważ jesteśmy nowicjuszami, możemy zbudować bardzo gruby, który utrudnia nam obsługę wynikowego kodu.

6.- Dodajmy kilka wierszy / kolumn, aby zobaczyć, jak je obsługuje ...

7.- I oto wynik…

Cóż, już odkryliśmy, że sam dodaje nagłówek i stopkę. To zaliczka. Jeśli naciśniemy przycisk kuli ziemskiej, możemy wyświetlić stronę w naszej przeglądarce (logicznie, najpierw poprosi nas o jej zapisanie). Gdybyśmy to zdefiniowali, nie byłoby większego problemu. W przeciwnym razie będziemy musieli określić, gdzie znajduje się plik wykonywalny (jeśli jesteś nowicjuszem: w systemie GNU / Linux znajdują się one w katalogu „/ usr / bin”).

Ok, bardzo ładnie ... zobaczmy szczęśliwy kod wynikowy ...

REDIOS! (Co by było powiedziane na mojej ziemi ...). 400 linii CSS dla 4-wierszowej tabeli. Tak piękny, praktyczny i modułowy jak CSS, nie jest to najlepszy sposób na układanie tego. Ale myślę, że wszyscy wiedzieliśmy, że aby używać edytora WYSIWYG, musisz wiedzieć, co robisz, prawda? Jako przykład, tutaj masz 550 liniowy szablon css, który daje znacznie więcej samego siebie niż ten, który stworzyliśmy.

Jeśli uczysz się HTML i CSS, powinieneś uzbroić się w prosty edytor i uczyć się krok po kroku. W systemie Windows cierpimy z tego powodu przez wiele lat: dobrze znany „efekt DreamWeaver”. Jestem pewien, że każdy z małą kontrolą projektowania stron internetowych wiedział, że to się nam przydarzy.

Mamy sporo bardzo kompletnych edytorów internetowych dla systemu GNU / Linux, ale zanim zaczniesz płakać, ponieważ nie ma DreamWeavera, musisz zrobić swoją część, aby się uczyć. Innego dnia pójdziemy głębiej z Bluegriffonem, ale to już inna historia.