自分の Web サイト、ブログ、フォーラム、その他のインターネット リソースを持っている人は、通常、遅かれ早かれ言語を習得し始めます。 HTMLそして PHP。 最近 Ubuntu に切り替えた人は誰でも、この OS がサイトを操作するためにどのようなプログラムやエディタを提供できるのか知りたいと思っています。

軽量エディターから始めます ゲディット .
Gedit がデフォルトです テキストエディタ Ubuntuの場合。 Gedit は多くのエディタほど強力ではありませんが、プラグイン (http://live.gnome.org/Gedit/Plugins) で拡張できる優れた機能を備えています。 このエディタは Gnome Software Foundation によって書かれているため、gio/gvfs を完全にサポートし、Nautilus が扱うあらゆるファイルで動作します。 これらのファイルは、FTP、SMB、SSH/SFTP、および DAV 経由で利用できます。 これは、リモート サーバーを操作する場合に非常に便利です。

Gedit の特徴:

• 印刷サポート
• カスタマイズ可能な構文の強調表示 (C、C++、Java、HTML、XML、Python、Perl など)
• たくさんのプラグイン
• ファイルブラウザ
• スペルチェック
• 作成の可能性 バックアップコピー書類
• 等

Gedit はシンプルですが、非常に優れており便利です。 最近はウェブサイトの操作に使用しています。

Gedit をインストールします。

sudo apt-get インストール gedit

ジーニー は、テキスト エディタと IDE の組み合わせです。 Web開発用のツールだけでなく、ソフトウェアを開発する機能も備えています。 Geany は、コードの折りたたみ、変数および関数メニューをサポートしています。 クイック検索必要な機能、カラースキーム、コンパイラ、内部ターミナルなど、現代のエディタに必要な機能を設定することができます。 Geany は積極的に開発および改善が行われています。

Geany をインストールします。

sudo aptitude インストール geany

構文強調表示機能を備えたテキスト エディターです。

• Apache、C、CSS、JavaScript、PHP、HTML (およびその他) 構成ファイルのコードの挿入
• テーブルの作成
• 柔軟な構文の強調表示
• HTMLタグのオートコンプリート
• ファイルブラウザ
• との作業 削除されたファイル FTP経由
• などなど

Bluefish をインストールします。

sudo aptitude インストール Bluefish

作曲家 は、Nvu に基づく WYSIWYG (ビジュアル) HTML エディターです。 2007 年の春、Download.com は KompoZer が Adob​​e CS3 に代わる最良の無料代替品であると宣言しました。

エディターの主な機能:

• WYSIWYG モードで作業し、ソース コードを直接編集する機能
• 内蔵 FTPクライアント
• ページのソースコードをチェックする機能 HTMLヘルプ W3C のバリデーター
• タブを使用して複数のドキュメントを操作する
• 作成したページをインターネット上に公開することも可能

Kompozer を Ubuntu 14.04 にインストールする方法をお読みください。

SeaMonkey リンカーは、SeaMonkey Council のソフトウェア パッケージに含まれています。 このセットには次のものが含まれます: Web ブラウザ、 メールクライアント, アドレス帳、ChatZilla IRC クライアント、ビルダー、および Web 開発者向けのツール。 外見的には Kompozer に非常に似ていますが、Kompozer とは異なり、非常に頻繁に更新されます。 Composer を使用するために HTML の知識は必要ありません。 テキストエディタと同じくらい使いやすいです。
リスト、表、画像、他のページやリソースへのリンクを追加したり、色やフォント スタイルを変更したりできます。 ドキュメントを作成すると、ブラウザやブラウザに関係なく、インターネット上でドキュメントがどのように公開されるかを確認し、他のユーザーと共有できます。 メールプログラム彼らは使っています。 Kompozer と同様に、HTML の初心者にとって非常に便利な WYSIWYG モードがあります。

SeaMonkey を Ubuntu にインストールする方法を読んでください。

Ubuntu リポジトリまたはサードパーティ ソースを通じてインストールできるエディタは他にもありますが、上記のプログラムで十分です。 そして、これを掘り下げたくない場合は、 PHP 言語、HTML、テーブルに飛び込む CSS スタイルの場合は、ハリコフ、他の都市、または国の Web スタジオがお手伝いします。 各分野の専門家が、お客様のご希望に応じて Web サイト、フォーラム、オンライン ストアを作成します。

強力な HTML エディターのおかげで、Web サイトのデザインがはるかに簡単になりました。 個人の好みに応じてエディタを選択することは、あなたの関心事です。 Linux OSを使用しWeb開発に携わっている方は、ぜひ当社のサービスを試してみてください。 Linux OS 用のこれらの HTML エディターの一部は無料で、次の場所にあります。 オープンアクセス。 素晴らしい機能を備えたツールは数多くありますが、それらへのアクセスには有料がかかります。 ほとんどの HTML エディタは、Windows や MAC などのさまざまな OS プラットフォームをサポートしています。

Linux OS 用の HTML エディター

業界をリードする Web サービス IDE を使用して、Web アプリケーションを迅速かつ簡単に構築します。 Aptana Studio は、次のような機能上の柔軟性を提供しました。 Eclipse環境、強力な Web 開発エンジンに変わります。 Aptana Studio 3 の機能は、Aptana Studio 2 の基本バージョンと比較して拡張されており、レイアウト、編集、 プレビュー PHP と Ruby on Rails Web 開発を使用した HTML、CSS、JavaScript サイトのデバッグ。

Komodo Edit は、無料の多言語ソース コード エディターです。 HTML および CSS 開発のための多くの優れた機能を備えています。

SCREEM - HTML/XML エディターを開く ソースコード Unix ベースのシステムおよび GNOME デスクトップ環境用。

Bluefish は、プログラマーや Web 開発者 (HTML、PHP、CSS など) 向けに設計された強力なエディターであり、多機能で、Web サイトのレイアウト、個々のプログラムの作成、リソース全体のコード ベースの完成を可能にします。 Bluefish は、多くのプログラミング言語とマークアップ言語をサポートしています。

優れたHTMLエディターを内蔵したWebツールプラットフォームを搭載。 Eclipse ソフトウェアの他の変更を使用する場合は、追加の Eclipse Web ページ エディタを選択します。

入力されたテキストを入力されたページとして表示する、スタンドアロンのクロスプラットフォームの Web 駆動型 JavaScript/HTML エディター。LGPL ライセンスに基づいて Moxiecode Systems AB によってオープン ソース ソフトウェアとしてリリースされています。 TinyMCE は、HTML TEXTAREA テキスト領域およびその他の HTML 要素を編集オブジェクトに変換できます。 TinyMCE は他のコンテンツ管理システムに簡単に統合できます。

このアプリケーションは、WAM (Web、Adaptation、および Multimedia) プロジェクトの一環として、W3C コンソーシアムと INRIA Institute が共同開発したものです。 HTML 4.01、XHTML 1.0、XHTML Basic、XHTML 1.1、HTTP 1.1、MathML 2.0、多くの CSS 2 および SVG 機能をサポートします。

彼らが自分の責任にどれだけうまく対処しているかを知るため。

これらのアプリケーションは多くの点で似ています。 これら 3 つはいずれも主にコード エディターであり、構文の強調表示、スマート フォーマット、およびコードの入力と編集を容易にするその他の機能を備えています。 Screem は GNOME と密接にリンクされていますが、Bluefish は KDE と GNOME の両方でうまく動作します。 Quanta Plus は、KDE ​​とともに配布される KDE アプリケーションです。 これらはすべて、高度なコード編集機能と組み合わせて、WYSIWYG (表示されたものがそのまま取得され、表示されたものが取得される) と呼ばれるビジュアル編集をサポートしています。 これらのエディタは、HTML、JavaScript、カスケード スタイル シート (CSS)、およびその他のマークアップ言語およびスクリプト言語を操作できます。 CVS サポートを含む、Web サイトおよび Web プロジェクトを管理する機能もあります。

これらのプログラムは非常に似ていることがわかりました。そのため、それぞれの顕著な特徴を強調する必要があります。 この記事では、Web エディターが HTML コード、CSS、および DIV タグの記述にどのように役立つかに焦点を当てました。 各プログラムには、 追加機能、これは特にあなたのニーズに適しているかもしれません。

私は Adob​​e の Spry Framework (BSD ライセンスでリリース) を使用して各プログラムをテストしました。Spry Framework には AJAX (非同期 JavaScript および XML) を Web サイトに追加できるセットが含まれています。 JavaScript スクリプトそしてスタイルシート。 Spry ウィジェットの使用と変更には以下が必要です 簡単な編集 HTMLとCSS。 これにより、Spry が私のテストに適したパートナーとなりました。 このトリオのエディターでは、タグの自動終了、タグ オプションの選択 (タグを入力すると、エディターが可能なオプションと値のリストを表示します) など、商用 Web デザイン アプリケーションで重視する機能に特に注意を払いました。添付された CSS ファイルと JavaScript ファイルのサポート。

Screem は、Web ページの作成と編集に関わる作業のほとんどを処理します。 新しいページを作成するとき、Screem はいくつかの基本情報を入力するよう求め、head タグと body タグの主要な要素を設定するのに役立ちます。

Screem で編集が簡単になったことに満足しています。 たとえば、順序付きリストの開始タグを順序なしリストに変更すると、終了タグが自動的に変更されました。 コードを入力すると、使用可能なパラメータのリストがポップアップ表示されます。 必要なものを選択すると、タグが自動的に閉じます。 便利なアシスタントも利用可能 CSSの作成これにより、選択したプロパティをスタイル タグの間に挿入したり、別のスタイル シートに配置したりできます。

Screem インターフェイスには 2 つのツールバーが含まれています。基本操作 (ファイルを開く、印刷、編集) を行うメイン パネルと、9 つのアシスタント用の 9 つのボタンを含むアシスタント パネルです。 これらを使用すると、色、形状、リンク、画像、表などのさまざまな要素を簡単に追加およびカスタマイズできます。

左側にもあります サイドバー、5 つのウィンドウを表示できます。

ファイル;

ドキュメント ツリー。編集されたサイト上のページ間を移動するのに便利です。

入力されたタグに応じて動的に変化するパラメータのリスト。

Web サイトに C タグがある場合、それを操作するためのシンボル。

Screem は 4 種類の Web ページ表示をサポートしています。

コードの形式では、通常の編集ウィンドウにすぎません。

ツリーとして - サイドバーに表示されるドキュメント ツリーのコピー。

プレビュー - ページがブラウザーでどのように見えるかを示します。 欠点の 1 つは、Spry の JavaScript ベースの要素がレンダリングされないことです。

リンクの形式 - サイトの他のページが現在のページにどのように接続されているか、およびそのステータスを示す図。

Screem のシンプルなインターフェイスの下には、強力な HTML エディターが隠されています。 KDE でのインストールがもっと簡単になればいいのにと思います。 KDE でエディタを実行するために必要な GNOME ライブラリのコンパイルとロードを避けるために、Ubuntu LiveCD で Screem をテストしました。 それでも、Screem は、最小限の機能を使用して、選択されたタスクにうまく対処するアプリケーションの代表的な例です。 追加機能。 GNOME を使用している場合は、Screem が最適かもしれません。 KDE または別の環境を使用している場合、このエディターを使用するには追加のライブラリをダウンロードする必要があります。

ブルーフィッシュ

Bluefish エディタは、Screem よりも多くの点で複雑ですが、より多用途です。 HTML と CSS に加えて、C、Java、Perl、Python、XML、およびその他のいくつかの言語を編集できます。 このエディタには、HTML および CSS を操作するための Screem と同様の機能があります。 ただし、後者とは異なり、Bluefish は選択できるタグ パラメーターのリストを提供せず、開始タグが変更されたときに終了タグも変更しません。

それでも、Bluefish はよく整理されており、使いやすいです。 タグ メニューからタグを選択し、選択したテキストに適用したり、テキストが選択されていない場合はタグを挿入したりできます。 メニューのタグは、見出し、特別、書式設定、コンテキスト書式設定、一般書式設定、表、リスト、フォーム、その他の 9 つのカテゴリに分かれています。 [ダイアログ] メニューには、リンク、テーブル、フォーム、または CSS スタイルの追加など、さまざまなタスクを実行するためのいくつかのダイアログ (Screem のヘルパーに似ています) が用意されています。 ダイアログでは、Bluefish がドキュメントに挿入するさまざまなタグのパラメータ値を入力するか、リストから選択します。 対話を通じても実行されます 初期設定メタタグ、スタイルシートへのリンクなどを追加してドキュメントを作成します。 メニューはコンテキストに依存しません。つまり、Python ファイルを編集しても、メニューは引き続き HTML 関数を提供します。

Bluefish には、スケッチを作成するための便利なウィザードがあります。 これを利用すると、任意の画像のプレビューを簡単に作成でき、Web サイト上でオンライン フォト アルバムを整理する場合に便利です。 このウィザードは、画像サイズを指定されたサイズまたはパーセンテージに拡大縮小し、リンクの画像とタグを自動的に追加します。

Bluefish は、特に PHP、JavaScript、Java、およびその他のサポートされている言語で多くの内容を記述する必要がある場合に適した、非常に有能な HTML エディターです。 Bluefish でのすべての編集は基本的にメニューを通じて行われるため、入力中にすべてを動的に実行する Screem ほどインタラクティブではありません。 しかし、 ブルーフィッシュの特徴単純な HTML や CSS の編集をはるかに超えています。 さらに、KDE ​​と GNOME の両方で問題なくインストールして実行できます。

クアンタプラス

Quanta Plus の核心はコード エディタです。 いくつかの WYSIWYG 機能がありますが、一見したほど便利ではありません。 小さな Web ページにテーブルを追加するとすぐに、プレビューが機能しなくなってしまいました。 同時に、より複雑なページがロードされ、そのプレビューが正常に表示されたため、これには多少驚きました。 ただし、プレビューが正常に機能する場合でも、WYSIWYG 編集に対する奇妙なサポートがあります。 たとえば、「Enter」キーを押すと、新しい段落タグの代わりに改行タグが挿入されます。 リストを編集するときにも同じことが起こります。理論的には、「Enter」キーを押すと新しいリスト要素が作成されるはずです。 一般に、プレビューは、直接編集するのではなく、結果をプレビューするために使用するのが最適です。

それはさておき、Quanta Plus は本当に強力なコード エディターです。 そのインターフェイスは Bluefish よりもはるかに複雑ですが、Quanta Plus の主なタスクは依然として Web 編集です。 このエディタは、構文の強調表示、スクリプト、およびマークアップ言語をサポートしています。 Bluefish と同様、メニューが 1 つの言語で動作するように設計されている場合、そのメニューを操作しても、別の言語で記述されたコードには影響がありません。 Quanta Plus を使用すると、ユーザーは独自の言語固有のツールバーを作成できます。

ここでも、Bluefish と同様に、 新しいページ基本的な構造 (メタ タグ、ドキュメント タイトルなど) を作成するためのダイアログが表示されるタグ メニューから始めるのが最善です。 タグ メニューを使用すると、タグを挿入したり、ダイアログを開いて複数のパラメータを使用してタグを構成したりできます。 私の意見では、最も重要なことは、Quanta Plus が入力プロセス中にタグ パラメーターとこれらのパラメーターの値を選択できることです。 Bluefish にはこの機能自体がなく、Screem ではオプションの選択のみが提供されますが、その値は提供されません。

もう一つ 便利な機能、通常は関連タグを含むタグを挿入すると、Quanta Plus は後者を自動的に追加します。 たとえば、順序付きリスト タグを挿入すると、エディタは 1 つのリスト項目の開始タグと終了タグ、および順序付きリストの終了タグを自動的に追加します。

Quanta Plus での CSS の管理は 2 つの手順で行われるため、少し混乱します。 ダイアログボックス。 しかし、一度理解すれば、CSS の編集は非常に簡単になります。 CSS スタイルを作成するには、まず [CSS セレクター] ダイアログを開いて、スタイルを適用する要素を決定する必要があります。 次に、「CSS セレクター」をダブルクリックして次のダイアログ「CSS エディター」に進み、ここですべてのスタイル パラメーターを指定できます。 その結果、完全にフォーマットされた CSS コードが得られます。

Quanta Plus は、レビューした 3 つのエディターの中で最も複雑ですが、同時に最も有能です。 ニーズに合わせて Quanta Plus インターフェイスをカスタマイズできる機能を嬉しくて仕方ありません。 このエディターは、HTML および CSS コードを作成および編集するユーザーのニーズを満たすために必要なものすべてを提供します。 GNOME を使用している場合、Quanta Plus をインストールするには追加のライブラリをダウンロードする必要がありますが、それだけの価値はあります。 このエディタは KDE に組み込まれているため、KDE ​​ユーザーはそのような問題を抱えません。

私の簡単なアドバイスは、Quanta Plus を使用して HTML および CSS ファイルを編集することです。 簡単な方法を探していない人のために、次のオプションを提供します。

GNOME ユーザーの場合は、Screem をインストールします。 これは、Web 編集用のシンプルで高速かつ非常に強力なエディターです。 ただし、Bluefish や Quanta Plus とは異なり、Web 編集に直接関係しない言語を操作するための機能はあまり提供されていません。

GNOME ユーザーでさらに多くの機能が必要な場合は、追加のライブラリをダウンロードして Quanta Plus をインストールします。

KDE ユーザーでコード エディタが必要な場合は、Quanta Plus が最適です。 WYSIWYG 機能をスキップして、特に CSS の編集機能を最大限に活用してください。

Xfce ユーザーの場合、Quanta Plus は問題なく動作します。 Screem には追加のライブラリが必要です。

最後に、GNOME ユーザーで必要な場合は、 幅広い可能性しかし、Quanta Plus で動作するために追加のライブラリをインストールしたくない場合は、Bluefish が特別に作成されます。

それが存在するのはいいことだ 少なくとも Linux 用の Web 開発に適した 3 つのアプリケーション。 Screem、Bluefish、Quanta Plus は、業界リーダーである Adob​​e Dreamweaver ほど包括的ではありませんが、十分に近づいています。 Quanta Plus は実質的に Dreamweaver の類似品です。 後者の価格が非常に高く、デフォルトでは Linux をサポートしていないことを考慮すると、上記の 3 つは優れた選択肢です。 これらのエディタは無料であることに加えて、ユーザーに優れた結果を提供します。

記事が気に入ったら、友達と共有してください。

アップデート (20170929): 私はこの 1 年間、素晴らしい Pinegrow IDE (https://pinegrow.com) を使用してきました。心からお勧めします。 BlueGriffon については、数年前の私の回答で以下に述べましたが、 時代遅れの開発においてはパイングロウよりもはるかに遅れています。

ブルーグリフォンがオススメです。 それは無料で、機能が豊富で、すべての主要なプラットフォームで動作し、多くの優れたアドオンがあり、そのうちのいくつかは商用です。 私は（商用）CSS プラグインを持っていますが、非常に満足しています。 BlueGriffon を見つける前は KompoZer を使用していました。 私はアマヤがこの二人に匹敵することはできないと謙虚に信じています。

良い代替案は、「Eclipse Webtools」の一部である「JavaServer Faces (JSF) Tools Project」のような WYSIWYG プラグインを備えた Eclipse です。

西安

残念ながら、BlueGriffon は安定していません。コントロール パネルの特定の部分をクリックするとすぐに、セグメンテーション違反でクラッシュします。

ユーザー1908895

残念ながら、Blue Griffon はオープンソースではなく、無料ではありません。 ああ、ダウンロードできますよ 実行可能ファイルそしてソースは入手可能です。 しかし、これは便利な機能に関連していました。 プログラムを動作させるには、クローズド ソースのプラグインを購入する必要があります。 また、32ビットを放棄したようです Ubuntuユーザー。 私にはビジネス上の理由があり、会社をできるだけ長く 12.04LTS に保ち、寒さから守る必要があります。 最後に、Mozilla が XUL API を放棄したということは、このプログラムと XUL API を使用する他のすべてのプログラムが消滅することを意味します。 時間を無駄にする製品ではありません。 ジョン

ファヒム・ミタ

HTML ページの簡単で汚い編集を行う必要がありましたが、 バイナリファイル BlueGriffon サイトからダウンロードしたものは、私にとってはうまくいきました (Debian jessie)。 ただし、Debian/Ubuntu では利用できません。