インターネット
 Computer >> コンピューター >  >> ネットワーキング >> インターネット

Bluefish と KompoZer で簡単にできるウェブ開発

ウェブサイトを構築していますか?どこから始めればよいかわかりませんか?手伝わせてください。ウェブサイトをゼロから作成することは真剣なビジネスです。アイデアが必要です。設計が必要です。また、サイトを構築するためのツールが必要です。次に、実際に作業を開始する前に、Web の言語である HTML に精通する必要があります。

必ずしも。 HTML、XHTML、CSS、またはその他の関連言語の達人でなくても、妥当な Web サイトを構築することは可能です。これらの少なくとも 1 つに習熟していることは確かに役立ちますが、ほんの一握りの熱意から始めることができます。

Bluefish と KompoZer で簡単にできるウェブ開発

ミッション

この目的のために、人々は HTML エディターを使用します。これらは、フリー テキストを関連するコードに自動的にラップするウェブ構築プログラムであり、ライターは技術的な詳細に手を出す必要がなく、コンテンツに集中できます。

この記事では、Web サイトの構築に使用できる HTML エディターのペアを紹介します。どちらも What You See Is What You Get (WYSIWYG) のカテゴリに分類されます。つまり、長く複雑なコンパイルや変換を行うことなく、最終製品がどのように見えるかをリアルタイムで即座に確認できます。 2 つの候補は KompoZer と Bluefish です。

ブルーフィッシュ

ホームページ

Bluefish は強力な多言語エディターで、主にプログラマーやウェブ デベロッパーによる使用を目的としています。多くのプログラミング言語とマークアップ言語をサポートし、動的でインタラクティブな Web サイトに重点を置いています。 Bluefish は Linux と Mac で使用できます。

Bluefish と KompoZer で簡単にできるウェブ開発

Bluefish は、信じられないほど多くのオプションを備えた強力なエディターです。 Web 開発ビジネスに不慣れな方は、Bluefish が提供する豊富なメニューとカテゴリに圧倒されるかもしれません。それにもかかわらず、視覚的に混乱しているにもかかわらず、かなり使いやすいです。

コードのみに依存してドキュメントを作成するか、組み込みのウ​​ィザードを使用するかを選択できます。 HTML の知識がほとんどない人は、少なくとも最初のうちはウィザードを使用することをお勧めします。ラジオ ボタンの作成方法の例を次に示します:

選択に満足したら、ボタンが作成されます。何よりも、Bluefish はオブジェクトの作成に使用された正確なコードを書き留めるので、今行った手順をよりよく理解するのに役立ちます。

作業中はいつでも、作成中のページをプレビューできます。メニューの外部カテゴリを使用すると、作成したドキュメントを複数のブラウザで表示できます。他のブラウザも追加できます。これは、特に複雑な CSS スタイルを使用している場合に、出力を比較するのに非常に便利です。これは、ブラウザ エンジンごとにページのレンダリングが少し異なる傾向があるためです。

Opera でのラジオ ボタンの外観は次のとおりです。

Bluefish と KompoZer で簡単にできるウェブ開発

ブルーフィッシュにはたくさんのパワーがあります。 C、CSS、HTML、Java、Javascript、Perl、PHP、Python、Ruby、XML、さらには Matlab など、幅広いマークアップおよびプログラミング言語をサポートしています。エディターは、lint や tidy などの外部プラグインを使用することもでき、HTML および XML ドキュメントのタグをオートコンプリートします。無制限の取り消し/やり直し機能もあります。

Bluefish は、中級および上級ユーザーに強くお勧めします。新しいウェブマスターは、最初は少し戸惑うかもしれませんが、プログラムを効果的に使用するために、利用可能な無数の機能を知ったり利用したりする必要はありません. Bluefish には、LaTeX エディタである Winefish という姉妹プロジェクトもあります。

コンポザー

ホームページ

KompoZer は、HTML や Web コーディングの経験がほとんどまたはまったくない、知識の少ないユーザー向けに主に設計された、シンプルで使いやすい Web オーサリング プログラムです。 Bluefish よりも機能が少ないですが、非常に使いやすいです。 KompoZer は、Windows、Linux、および Mac で利用できます。

KompoZer は、Linspire ディストリビューションによって開始および後援された、現在は廃止されたプロジェクトである Nvu の遺産を継承しています。 KompoZer ではバグ修正と新しい要素が導入されており、Nvu と比較してドキュメントのマークアップがよりクリーンになっています。

KompoZer は、Mozilla ベースのブラウザーを強化する Gecko エンジンに基づいています。実際、KompoZer には独自のレンダリング エンジンが含まれているため、外部ブラウザを呼び出さずに、KompoZer 内で HTML ドキュメントをプレビューできます。

その他の機能には、サイト マネージャー、CSS エディター、HTML バリデーター、スペル チェッカー、および Firefox と同様に拡張機能を使用する機能が含まれます。これにより、Tidy などの新しいテーマやユーティリティを使用して、HTML エディターの生産性と外観を向上させることができます。

Bluefish と KompoZer で簡単にできるウェブ開発

CSS エディターは、テキスト エディターを使用して自分でスタイルを作成したくない場合に特に便利です。一般に、CSS の使用は、コンテンツからスタイルを分離し、モジュール化されたクリーンな Web コンテンツを作成するための推奨される方法です。

KompoZer は、特に初心者や HTML や CSS の知識がほとんどない人にとって、非常に賢明な選択です。 Windows ユーザー向けのポータブル バージョンもあります。

結論

Web サイトの開始に興味がある場合は、Bluefish と KompoZer を使用して開始する必要があります。経験が豊富で、動的な Web サイトに慣れている場合は、Bluefish が適しているようです。あなたが初心者であるか、オプションの少ないシンプルなインターフェースを好む場合は、KompoZer を使用する必要があります。

それでも、Bluefish も KompoZer も高度な機能の使用を強制することはありません。 HTML に十分な自信がついたら、それらを遠ざけて使用を開始できます。これにより、ニーズに最適な適応学習曲線が約束されます。

どちらを選んでも、見栄えの良いウェブサイトをすばやく簡単に作成できる無料の軽量プログラムです。何よりも、必要に応じて両方を使用できます。将来的には、さらにいくつかのプログラムを含む HTML エディターについてさらに説明し、生産性に関するヒントやヒントに焦点を当て、tidy、lint などの HTML ヘルパーについても検討します。

乾杯。


  1. VirtualBox:ハードディスクのサイズ変更 - modifyhd とスナップショットを使用

    ずっと前に、VirtualBox ハードディスクを縮小および拡張する方法を示すチュートリアルを書きました。昔は縮小は簡単でしたが、ディスクの拡大にはイメージングが必要でした。形勢逆転。並べ替え。 VirtualBox 4.X 以降、この仮想化製品ではディスクの拡張も可能になりました。 実際、仮想マシンの容量が不足していたので、試してみようと思いました。コマンドは成功しましたが、ディスクが大きくなりませんでした。その後、スナップショットを使用していることに気付きました。これは、10 年前のオリジナル ガイドでも強調していたことです。さて、この非常に必要で更新されたチュートリアルでは、マシンのス

  2. VMware Workstation 14 - 拡張性とコストが高い

    数週間前、私たちは VMware Player 14 をテストしました。これはシンプルで、用途が広く、堅牢でしたが、期待したほど機能が豊富ではありませんでした。これが、今日ワークステーションをテストする理由です。実際、無料の Player は、はるかに強力で最終的にはより高価な VMware Workstation Pro の技術デモンストレーターです。 何でも屋の便利な仮想化製品を探している場合、通常、Oracle VirtualBox と VMware Workstation という 2 つの主要製品について説明されます。数年前、私は Workstation を何度か購入しましたが、価