看看Mozilla的網絡編輯器Bluegriffon

自Paul告訴您以來已經有一段時間了 él。 作為經典的忠實僕人 鯥，我利用了這樣一個事實，即我必須為一個新項目準備模板才能修改這個有前途的程序。 我們將在幾個條目中看到其功能。 首先：今天我們將了解如何安裝它以及您的助手為我們提供了哪些選擇。

從存儲庫安裝

蓋德布 是一個在GNU / Linux世界中非常著名的遊戲和應用程序存儲庫項目。 儘管我們可以從 項目頁面，有些人會發現能夠從此存儲庫接收更新很方便。

1。 - 我們為我們的Ubuntu版本添加了存儲庫（在我的情況下為quantum-12.10，如果您使用Precision-12.04，請替換名稱）。

sudo add-apt-repository'deb http://archive.getdeb.net/ubuntu Quantum-Getdeb應用程序'

2。 - 我們從存儲庫導入GPG密鑰。

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

3。 - 我們更新了可用於我們系統的軟件包列表。

命令和apt-get update更新

4。 - 我們安裝程序。

sudo apt-get 安裝 bluegriffon

首次與Bluegriffon接觸

從一開始，我們可以看到該程序使用了非常清晰的界面，沒有任何重載。 與所有Mozilla產品一樣，它提供了使用插件或附加組件擴展其功能的可能性。

像所有“即時”編輯器一樣，Bluegriffon提供了一個嚮導，我們可以用它在短時間內生成頁面/結構。 我們將逐步遵循它，以完成對大家都知道的驗證。在代碼清洗方面，所見即所得的成本很高。

1。 - 我們將通過菜單“文件>新建嚮導”啟動該嚮導。 第一步將是選擇我們將要使用的語言類型。

2。 - 我們將建立頁面的屬性：標題，語言，字符，關鍵字...

3。 - 我們可以使用典型的顏色或為背景，文本和鏈接定義css屬性。

4。 - 我們還可以建立固定，可滾動或鑲嵌的背景圖像。

5。 - 該嚮導最強大的部分使我們可以使用CSS分配行和列以進行品嚐。 這是一個非常非常快的過程，但是在清理代碼方面卻非常危險。 CSS非常適合樣式和多種效果，但是由於我們是新手，因此我們可以構建一個非常胖的應用程序，這使我們很難處理所生成的代碼。

6。 - 讓我們添加一些行/列以查看其處理方式...

7。 - 結果就在這裡...

好了，我們已經發現它自己添加了頁眉和頁腳。 是一種進步。 如果按地球按鈕，則可以在瀏覽器中查看該頁面（從邏輯上講，它將要求我們先保存該頁面）。 如果我們定義了它，就不會有大問題了。 否則，我們將必須指定可執行文件的位置（如果您是新手：在GNU / Linux中，它們位於“ / usr / bin”中）。

好的，非常好...讓我們看看產生的快樂代碼...

REDIOS！ （在我的土地上會怎麼說...）。 400行表的4行CSS。 儘管CSS既漂亮，實用又模塊化，但這並不是將它們組合在一起的最佳方法。 但是我想我們都知道使用WYSIWYG編輯器必須知道自己在做什麼，對嗎？ 舉個例子， 這裡 您有一個550行的CSS模板，其模板本身比我們創建的模板要多得多。

如果您正在學習HTML和CSS，則應使用簡單的編輯器武裝自己並逐步學習。 在Windows下，我們遭受了很多年的苦難：著名的“ DreamWeaver效果”。 我敢肯定，只有一點點網頁設計控制的人都知道這將會發生在我們身上。

我們為GNU / Linux提供了很多非常完整的Web編輯器，但是在哭泣之前，因為沒有DreamWeaver，您必須努力學習。 改天，我們將更深入地介紹Bluegriffon，但這是另一個故事。