HTMLファイルを作成するためのプログラム。

11.09.2021

テクニカルプレビュー Web サイトを開発したい場合は、HTML エディターを入手する必要があります。もちろん、通常のメモ帳を使用することもできますが、便利ではないでしょう。 HTML エディターは、コードの強調表示とオートコンプリートという 2 つの重要なタスクを実行する必要があることに注意することが重要です。もちろん、機能の追加や、さまざまなデザインテーマなども歓迎です。似たような追加機能

沢山あります。さて、ここで、上記のタスクで優れた仕事をする無料の HTML エディタをいくつか見てみましょう。

無料のコードエディター - プログラマーのメモ帳

このエディターは、ライトとダークの 2 つのタイプがある最新のインターフェイスを提供します。さらに、構文の強調表示は非常に優れており、配色も適切に選択されています。このエディタはあなたの要望をすべて満たしてくれると思います。

HTMLエディタ - SynWrite SynWrite は、幅広い機能を備えたクールなエディタです。このエディタのアイデアは、他の HTML エディタのすべての利点を 1 つの高品質な製品に組み合わせることでした。 Python で作成された追加のプラグインを使用すると、その機能を大幅に拡張できます。その上標準機能

, SynWrite を使用すると、複数のコードを一度にすぐに編集できます。

この機能により、時間を大幅に節約できます。

無料の HTML エディター - PlainEdit.NET このエディターは複数のファイルを同時に開くことができ、デザインテーマを含むエディターの機能を大幅に拡張するプラグインを追加できます。さらに、次を使用してテキストを追加および変更できます。正規表現

、現在開いていないドキュメントでも。 PlainEdit は USB ドライブからも動作できることは注目に値します。

メモ帳++

このエディタは古典的です。世界中でとても人気があります。 Notepad++ には、テキストエディターに必要なものがすべて揃っています。インターフェイスは希望に応じてカスタマイズでき、無料のプラグインはエディターの機能を拡張するのに役立ちます。

無料エディタ - jEdit

jEdit には、すぐに使える必要な機能が組み込まれています。たとえば、コードの折りたたみ、タグや要素のマーキング、ファイルマネージャー、他の多くの機能と同様に。

崇高なテキスト 2

これはプログラマーや Web 開発者の間で最も人気のあるエディタです。 Sublime Text 2 ほど成功を収めた同様のエディターはありません。多くのプログラマーから賞賛されています。エディターは、さまざまな解像度や JSON ファイルを使用して高度にカスタマイズできます。

この人気のあるエディタでは、公式および非公式の両方のドキュメントの広範なライブラリを見つけることができます。 Sublime Text 2 のチュートリアルはどこにでもあります。

Sublime Text 2 は部分的に無料ですが、ライセンスには 70 ドルかかります。

新しいエディタ - 括弧

Brackets は最新のオープンソースエディターですソースコードそしていくつかの興味深い機能を備えています。 Adobe Creative Cloud と連携して、PSD ファイルから色やフォントなどを抽出します。レイヤーを画像として抽出することもできます。とても便利

残念ながら、Adobe Creative Cloud は有料サービスです。

このエディタには、最新のコードエディタに必要な機能がすべて備わっています。 2 ～ 3 週間ごとにリリースされるさまざまな拡張機能が多数あります。

アプタナスタジオ 3

このエディターの最大の強みは、カスタマイズ性、Git 統合、組み込みターミナルです。 Aptana Studio 3 は、HTML5 や CSS3 などの最新の Web 標準をサポートしています。

結論

HTML エディタはたくさんありますが、実際に使えるものはほんの一部です。非日常的な使用には Notepad++ がありますが、日常的な使用には明らかに十分ではありません。このためには、最良の選択肢 Sublime Text 2 など、ユーザーの要件に応じてカスタマイズできます。どのエディタを選択するか知りたいですか?

ここで何を話そうか？この記事はさまざまなエディターのレビューではなく、より多くの編集者を対象としています。低レベルウェブサイト制作に関する準備。したがって、ここでは 3 つの質問について検討します。

1. コードエディタとは何ですか?

2. コードエディタの種類。

3. どのタイプを使用するのが良いですか。

最後の質問は、Web サイトの作成作業を大幅に容易にするエディターを使用すべきではない理由を初心者に明らかにするため、より合理的な質問です。

なぜコードエディタが必要なのでしょうか?

では、コードエディタとは何でしょうか? コードエディターは、あらゆるプログラミング言語でコードを作成するために特別に設計されたプログラムです。このようなプログラムの本質は、ウェブマスターの生活をできるだけ楽にすることです。このようなプログラムは、原則として、その利便性によりコードの作成に非常に役立ちます。

利便性には次のようなものがあります。

1. コードの強調表示。コードが非常に大きくなる場合があるため、コード自体のナビゲーションが非常に容易になります。

2. 特別なボタン。クリックすると機能が自動的に割り当てられます。HTML の場合はタグが挿入されます。

しかし、たとえ大まかに言っても、すべての特徴を列挙し始めると、その結果は『戦争と平和』に劣らない本になるでしょう。たくさんあるかもしれません。

タイプの詳細

次に 2 番目の質問に進み、コードエディターがどのような種類に分類されるかを調べてみましょう。それらは 2 つだけです - 通常のコードエディターとビジュアルエディターです。この 2 つのタイプはどう違うのでしょうか? 違いは、通常のコードエディターでは、コード自体を入力することによってすべての変更を行い、編集したファイルを実行することによってのみこれらの変更の結果を確認できることです。ビジュアルコードエディターでは、HTML や CSS をまったく知らなくても、サイトの美しいページを作成できます。

コードエディタは本当に重要ですか?

もっと良くなる可能性があるように思えますか？ CSS や HTML のどちらかを知る必要はありません。次のように作業できます。マイクロソフトワード、独自のテキストを記述し、画像、表、リンクを挿入すると、プログラムが自動的にそれらを HTML 形式にエンコードして、作業ページさらに、作成したサイトがどのようになるかをボタン 1 クリックですぐに確認できます。

実際には、このようなプログラム (ビジュアルコードエディター) の使い方を知っていれば、HTML や CSS を知る必要はありません。そしてすべてがうまくいっているように見えますが、 これらのエディタには、大きな欠点があると言わざるを得ません。.

ここで、この記事の 3 番目の質問、どのタイプのコードエディタを使用するのがより良いかにスムーズに進みます。

すべてのカードはビジュアルエディターの手に渡っているようです。HTML や CSS の知識は必要ありません。必要なテキストを書き、必要な画像を挿入するだけです。しかし、デメリットもあります！

編集者の短所

そういったデメリットの一つ目は- これは有料です。このような編集者には、数百頭のアライグマ（cu）を殺したという費用がかかりました。同意します - 誰もがこれを買う余裕があるわけではありません！しかし、インターネット上ではあらゆるプログラムを見つけてダウンロードし、無料で（違法に）使用できるため、このマイナスはすぐにプラスに変わります。重要なのは、何を探すべきかを知ることです。しかし、これは金銭的なデメリットであり、簡単に解決できます。出費をケチって購入したのです。

2番目のマイナスこれは非常に重要だと言わざるを得ません。ページのコードを自動的に生成するすべてのビジュアルエディターは、必要以上にこのコードを作成します。

通常、このコードは 20% 大きくなります。リソースへのトラフィックが少ない場合は心配する必要はありませんが、1 日に数百人がアクセスする場合、ページによってホスティング会社のサーバーに余分な負荷がかかり、負荷は 20% 増加します。そして、これは企業の代表者にとってはあまり喜ばしいことではありません。

この問題は 2 つの方法で解決できます。コードを減らすためにページを最適化するか、そのためにはコードを理解し、CSS と HTML を理解する必要があります。または、自分のお金で追加料金を支払います。

3番目のマイナス, エディターがどんなに「クール」でも、さまざまなプログラミング機能を備えた Web サイトを作成することはできません。たとえば、これは、手紙、ページ番号、コメントフォーム、評価、アンケート、その他サイトをモダンにするための興味深い機能を送信することです。

コードエディタを使用してWebサイトを作成することはできますか?

最新の Web サイトを作成するには、5 分ですべての準備が整った Web サイトを作成する特別なソリューションがあり、プログラミング言語の既製のオプションをまったく理解せずに簡単に使用できます。これらのソリューションはコンテンツ管理システム (CMS) と呼ばれます。

しかし、これは別の重大な欠点にもつながります。それは、各 CMS にいくつかの標準 Web サイトテンプレート、つまり Web サイトのデザインが付属していることです。そして、これらのテンプレートは醜く、ユニークではなく、訪問者を怖がらせるだけです。また、ビジュアルエディターでは CMS のテンプレートを作成できません。独自の組み込みスタイルとオプションを使用するためです。このようなテンプレートは手動で編集する必要があり、これにも CSS と HTML の知識が必要です。

したがって、結論は - 美しくモダンなウェブサイトが必要な場合- 選択肢は 2 つあります。この Web サイトを専門家に注文する (100 ドル以上かかります) か、コンテンツ管理システムのテンプレートを自分で作成するかのいずれかです。そのためには CSS と HTML を理解する必要があります - 前提条件です。 PHP について少しは知っておく必要がありますが、PHP がなくても大丈夫です。

HTML と CSS を学ぶには、ボタンを押すだけでは何も覚えられないため、ビジュアルエディターではなく、チュートリアルを受講して実際に試してみる必要があります。通常のエディターでは、ボタンを押して各機能を入力します。キーボード。

HTML および CSS エディターを無料でダウンロードできる場所

個人的に、私はビジュアルエディターを使用しませんが、このコード作成方法が本当に好きで、CSS と HTML を学びたい場合は、少なくとも Web ページ作成の最も一般的な要素を学ぶまで、まず手動でコードを入力してください。その場合のみ、安心して良心を持ってビジュアルエディタを使用してください。

括弧エディタ初心者にとって最も分かりやすいロシア語版:

SublimeText 3 エディターは高速で信頼性が高く、多くのプロによって使用されています (ただし英語版のみ)。

あなたの意見は何ですか？

すべての Web 開発者は、コードを作成および編集するための便利なツールを必要としていますが、誰もが同じ Adobe Dreamweaver を購入するためにそれなりの金額を支払う準備ができているわけではありません。さらに、ほとんどの人は、このソフトウェアが提供するさまざまな機能を使用する必要はありません。

したがって、私たちはあなたのためにリストを作成しました最高のHTMLエディター、無料ライセンスの下で配布されています。

メモ帳++

Windows メモ帳のより高機能な代替品として、またはレイアウトおよび Web プログラミング言語 (HTML、CSS、Java Script、PHP) を備えたエディターとして使用できる優れたテキストエディターです。

タブモードでの作業、構文の強調表示、エンコード、マクロ、追加のプラグインのインストール機能、コードチェック、ファイル比較など、Notepad++ を真の機能にします。便利なツール Web開発者向け。

配布の容易さとプログラムの速度は注目に値します。

コモド編集

HTML、CSSに対応した汎用エディタで、各種アドオンをインストールすることで機能を拡張できる本格的なプラットフォームです。 CSS プレビュー、自動終了タグ、HTML 5 サポート、コンテキストオートコンプリートなどの機能を追加する HTML ツールキットを強くお勧めします。

その他の興味深い機能には、明暗の配色、コードの強調表示、ブロックの強調表示の柔軟な設定、FTP 経由のサイトへの接続などがあります。

高品質のヘルプシステムと高度な機能により、Komodo Edit は最高のエディターの 1 つとなり、優れた代替品有料ソリューション。

アプタナ

プログラムの主な目的は HTML、CSS、JavaScript を操作することであり、適切なプラグインを接続することで他の言語のサポートが提供されます。 HTML オートコンプリートとツールチップは、無料エディターにとって大きな特典です。

Aptana は CSS3 を部分的にサポートし、HTML5 を完全にサポートします。プログラムの配布パッケージは非常にボリュームがありますが、これはその広範な機能によって説明されます。こんな新人さん多数のさまざまな機能や設定に不安を感じるかもしれませんが、基本的には、このプログラムを単純なエディターとして使用することに煩わされる人はいません。

アボルン iStyle

これもよくできたツールで、開発者はインターフェースの利便性、機能性、ユーザーフレンドリーさの間で妥協点を見つけることができました。インターフェイスは完全にロシア語で、おまけによく発達したヘルプシステムもあります。

この HTML エディターが提供するその他の機能の中でも、注目に値するものは次のとおりです。

動作速度が速く、リソース要件が低い。
インターフェイスに組み込まれた大量の参照情報。
複数のテキストバッファを同時に操作します。
標準タスクを簡素化する自動ステップバイステップウィザード。

コンポザー

上記の HTML エディターがすべてテキストエディターである場合、WYSIWYG モードで作業できるのはこれだけです。さらに、それは当然、無料のものの中で最高のものと呼ぶことができます。さらに、テキスト、ビジュアル、複合の 3 つのモードで動作できます。したがって、初心者と専門家の両方に必要な設備を提供します。

ユーザーフレンドリーなインターフェイス、組み込みの CSS エディター、およびすべての HTML 要素のサポートにより、コードの操作が容易になります。

リストされたプログラムにはそれぞれ独自の長所と短所があり、ある人にとっては重要な役割を果たしても、別の人にとってはまったく重要ではない可能性があるため、ランキングでの順位は特に割り当てませんでした。したがって、各プログラムをインストールして実際に試して、自分で結論を導き出すことをお勧めします。しかも完全無料です。

すべての Web デザイナーとコーダーは、HTML、CSS、および JavaScript コードを作成および編集するために、優れた Web ページエディターを必要とします。メモ帳 (Windows) とテキストエディット (Mac) は、最初は優れたツールですが、経験を積むにつれて、より堅牢でユーザーフレンドリーなツールを使用したくなるでしょう。

優れたエディターが何百もあり、その中から適切なものを選択できますが、その多くは有料です。著作権を侵害したくないが、商用製品を購入するほどの予算がない場合はどうすればよいでしょうか? この記事では、優れた無料エディターをいくつか紹介します。

WYSIWYG エディター。これグラフィックエディタこれにより、よく知られているように、ページレイアウトを構築し、スタイルを視覚的に設定できます。ワードプロセッサ MSワード。彼らです便利なツールただし、経験豊富な Web デザイナーなら誰でも知っているように、優れた結果を達成するにはコードを「組み合わせる」必要があります。
テキストエディタ。 HTMLやCSSコードを直接編集するツールです。一部のエディタは汎用であり、特別なオプション Web コードのサポート。その他には、HTML、CSS、JavaScript、PHP などの Web 言語の使用に特化しており、HTML タグや CSS プロパティなどをすばやく入力するためのプロパティが組み込まれています。これらのエディタの多くでは、Web ページを別のウィンドウで表示できます。

KompoZer (Windows、Mac、Linux)

KompoZer は、予算内でビジュアルエディターが必要な場合に最適です。

コモド編集 - 良い編集者、習得が簡単でありながら、強力で拡張性があります

これは汎用エディタですが、HTML と CSS をサポートし、HTML タグとコンテキストのオートコンプリートを備えています。 CSS プロパティ、およびさまざまな HTML 要素のコード挿入のコレクション。 Komodo を最大限に活用するには、HTML Toolkit 拡張機能をインストールする必要があります。これには、自動終了タグ、CSS の外観プレビュー、一時的なテキストジェネレーターなどの優れた機能が含まれています。

Komodo Edit を使用すると、編集したページを任意の場所で表示できます。インストールされているブラウザ、または別のウィンドウで組み込みブラウザを使用すると、編集と変更の結果を同時に確認できます。

エディターには、ファイルをサイト (FTP、FTPS、SFTP、または SCP) にアップロードするための機能が組み込まれており、プロジェクトマネージャーオプションを使用してファイルをきちんとグループ化することもできます。

とても便利な機能 コード > ブロックの選択。現在閉じられている div 要素や ul 要素など、現在のメイン HTML ブロックが強調表示されます。とても便利な機能ページのセクション全体を選択してコピーまたは移動する必要がある場合。

Komodo Edit には強力な機能がたくさんあります。便利な機能、検索/置換のための正規表現の使用、外部コマンドの実行機能など。幸いなことに、編集者には優れた機能もあります。ヘルプシステムこれにより、Komodo Edit のパワーを簡単に利用できるようになります。

Aptana スタジオ (Windows、Mac、Linux)

Aptana Studio は、多数のプラグインを備えた完全な統合 Web アプリケーション開発環境です。 HTML/CSS/JavaScript コードエディターとしてのみ使用できますが、

Notepad++ は、Windows 上のメモ帳の優れた代替品です。他のエディターほど多くのオプションはありませんが、HTML、CSS、JavaScript、その他のコードファイルの編集に最適です。

PSPad は、HTML および CSS コーダーに役立つ幅広い機能を備えた Windows 用のもう 1 つの汎用エディターです。

jEdit は、強力なマクロコマンドとプラグイン機能を備えたクロスプラットフォームのテキストエディターです。 Web ページを編集する必要がある場合は、XML プラグインをインストールします。

TextWrangler は軽量の汎用エディターです。 Web 開発用の特別な機能はありませんが、Web ページを操作するために使用できます。

Vim を学ぶのは確かに難しいですが、一度その課題を乗り越えてしまえば、もう戻りたくなくなるでしょう。

プログラマー向けのテキストエディターの祖父である Vim (vi エディターの直系の子孫) は、次の機能を備えたコンソールテキストエディターです。オープンソース。これは、Linux や Mac OS X を含む、Unix のほぼすべてのバージョンのデフォルトのエディタです。Windows やその他の多くのシステムでも使用できます。

Vim は、これまでに使用したことがなくても、すぐにインストールして使い始めることができるシステムではありません。ほとんどの編集コマンドには、 :wq や / などの奇妙な組み合わせが含まれています。また、次の 3 つの編集モードがあります。 インサート、テキストが入力されます。 ビジュアルテキストを選択するモード。そして指示コマンドを入力するモード。この機能は、ウィンドウやマウスがなかった時代からの Unix の遺産です。

なぜ彼がリストに載ったのでしょうか？使いこなせば、そのスピードとパワーを確信できるでしょう。他のエディタでは数分かかる作業を、いくつかのコマンドを使用して数秒で実行できます。

Vim には、構文の強調表示、オートコンプリート、HTML Tidy、ブラウザー表示など、HTML、CSS、JavaScript コードの操作を容易にするマクロやプラグインが多数あります。以下に役立つリンクの大きなリストを示します。

Vim Omni オートコンプリート
Vim での HTML/XHTML 編集
ホームページ

フライズ（マック）

Fraise は、Web 編集に十分な機能を備えた Mac 用の直感的なエディターです

TextWrangler や gedit と同様に、Fraise は素晴らしい軽量エディターで、使うのが楽しいです。編集者からのフォークです。比較的新しいため、適切な Web サーバーがありません。現在、Mac OS X 10.6 (Snow Leopard) でのみサポートされています。つまり、バージョン 10.5 を実行している場合は、Smultron をダウンロードする必要があります。

Fraise には Web 編集のための優れたオプションがいくつかあります。

HTML、CSS、JavaScript、PHP、その他いくつかのプログラミング言語のコードを強調表示します。
現在のタグを閉じるには、「タグを閉じる」(Command+T) を実行します。これにより、リストを入力する際の時間を大幅に節約できます。
組み込みブラウザ (WebKit を使用) での便利なプレビューと、非常に便利な Live Update オプション? これにより、編集中のページのマークアップと CSS が変更されるとすぐにブラウザーが更新されます。
高度な検索オプション。正規表現を使用した検索/置換をサポートします。
素早い入力のためのブロックのサポート HTMLタグそしてCSSプロパティ。
HTML 検証や文字の HTML 要素への変換など、テキストを操作するための便利なコマンド。

Mac ユーザーで必要な場合は、Fraise をチェックしてみる価値があります。便利なエディタ組み込みの TextEdit よりも多くの機能を備えています。

独自の Web サイトを作成するには、さまざまな方法があります。既製のテンプレート「300 ルーブルから 2 日でウェブサイト作成」などの広告を申請する前に、Narod.ru にアクセスしてください。独自のブログを作成するか、簡単なブログを作成しますホームページもしかしたら子供かもしれない。だからこそ、ほとんどの人がインターネット上に自分のウェブサイトを持っていることを自慢できるのです。さまざまなサービスにより、Web サイトビルダーを希望する人なら誰でも利用できるようになり、簡単な Web サイトを作成できます。個人ページユーザー。インターネット上にはそのようなページが何百、何十万もあります。原則として、それらは互いに似ており、記憶されません。無料のオンラインツールを使用して個人のインターネットページを作成する人にとって、Web サイトを所有することはほとんどの場合冗談であり、ページを作成しただけで忘れてしまいます。ほとんどの場合、その内容は、愛犬の写真と「あなた自身について」のいくつかの情報を公開することに要約されます。

人が自分の Web サイトを電話やメールなどのコミュニケーション手段として認識しているかどうかは別の問題です。自分のウェブサイトを持つことは、自分のビジネスを紹介したい起業家、開業医、弁護士、独自の相談所、トレーニングセンターなどを開く場合に役立ちます。この場合、ページはオリジナルで意味のあるものでなければなりません。役立つ情報訪問者向け。これらの要件を満たす Web サイトを作成するには、無料のホームページジェネレーターだけでは対応できません。ただし、Web プログラミングの基礎を習得するには長い時間がかかる場合があります。もちろん、あなたの希望に応じて任意のページを作成してくれる専門家を雇うこともできますが、このオプションには非常に明らかな欠点があるため、多くの人にとってそれは受け入れられません。

ビジュアルウェブエディタ - 良い方法 Web プログラミングを学習する時間を節約し、必要な情報をすべて入力した Web サイトをすばやく作成します。一方で、このようなプログラムを使用して Web プロジェクトを作成するには、特別な知識やプログラマーである必要はありません。一方、この種のアプリケーションには創造性の余地があり、サイトが他の何千ものアプリケーションとまったく同じに見えることはありません。ビジュアル Web エディターの作業は、WYSIWYG プロパティ - What You See Is What You Get (見たものがそのまま得られる) に基づいています。つまり、編集プロセス中、Web ページはブラウザーに表示されるものとほぼ同じように見えます。

⇡ WYSIWYG Web ビルダー 7.1.0

開発者: パブロソフトウェアソリューションズ
配布サイズ：5.5MB
配布：シェアウェア
ロシア語インターフェース: いいえ

WYSIWYG Web Builder およびその他のビジュアルエディターを使用して作成された Web ページは、個別のブロックで構成されます。これには、テキスト、グラフィック、フラッシュビデオなどが含まれます。ユーザーが行う必要があるのは、必要なブロックを選択してページ上の適切な場所に配置することだけです。コードはプログラムによって自動的に生成されます。

Web デザインの経験がない場合は、既製のテンプレートを使用してプログラムで最初のプロジェクトの作成を開始する必要があります。デフォルトでは、WYSIWYG Web Builder にはさまざまなタイプのテンプレートが約 10 個あり、さらに数十個をプログラムの公式 Web サイトから無料でダウンロードできます。テンプレートをダウンロードした後、その要素を編集できるようになります。

これを行うには、垂直パネルにある多数のツールを使用できます。便宜上、ナビゲーション (サイトツリー、ナビゲーションメニュー)、描画 (線、曲線、多角形)、マルチメディアツール (Flash プレーヤー、YouTube プレーヤー、Java、OLE オブジェクト)、Web フォームを操作するためのツール ( CAPTCHA コードを挿入するためのフィールド、チェックボックス、ファイルをダウンロードするためのボタン、テキストを入力するためのフィールド）、Paypal（この電子決済システムを操作するためのさまざまなボタン）など。作業を最小限に抑えて、より需要の高いツールのために画面スペースを解放できます。

エクストラカテゴリに注目する価値があります。これには、フォトギャラリーの作成、RSS 形式のニュースへの購読の追加、スライドショー、サイトの検索のためのツールが含まれています。ここでは、既製の要素のコレクション全体を見つけることができます JavaScriptコード。あれもこれもいろいろ視覚効果、および次のような便利なツールを定義します。現在のバージョンブラウザ、時間情報の表示最後の変更 Web ページにリンクを配置してページをブックマークします。

WYSIWYG Web Builder で作業している場合、ユーザーには既製のページ要素が表示されますが、ブラウザーではサイトの見た目がエディターの作業ウィンドウとは若干異なる場合があります。のためにクイックビューブラウザーでのページの表示を変更するには、F5 キーを押すだけです。 WYSIWYG Web Builder は、システムのデフォルトのブラウザでプロジェクトを開きます。複数のブラウザで一度にページを表示する必要がある場合は、それらのブラウザをリストに追加できます。

通常、Web サイトのテンプレートは複数のページで構成されます。プロジェクト管理を便利にするために、プログラムウィンドウには特別なサイトマネージャーパネルがあり、サイトページのツリーが表示されます。このパネルのツールを使用すると、テンプレートに基づいて新しいページを作成したり、ハードドライブに以前に保存したページを追加したり、既存のページをコピーしたり、そのプロパティを表示したりすることができます。

多数のページで構成されるリソースを操作する場合、リンクの機能チェック、ページサイズの見積もり、サイトのルートディレクトリに配置される XML ファイル形式のサイトマップジェネレーターなどのプログラムツールが使用される場合があります。も役に立ちます。さらに、WYSIWYG Web Builder は、Web ページで使用されるすべての画像やその他のメディアファイルを 1 か所に収集するのに役立ちます。

WYSIWYG Web Builder 自体はかなり機能的なエディターであるにもかかわらず、ツールが含まれていない場合があります。この場合、拡張機能ギャラリーを見てみる価値があります。必要なツールがプラグインとして入手できる可能性があります。このプログラムには 250 を超える拡張機能があり、その数は増え続けています。拡張機能はエディターのアクティブユーザーによって作成され、公式フォーラムに投稿されます。 WYSIWYG Web Builder の試用版には拡張機能を接続できないことに注意してください。そのためにはプログラムを登録する必要があります。

⇡ ウェブページメーカー 3.21

開発者: www.webpage-maker.com
配布サイズ：3.66MB
配布：シェアウェア
ロシア語インターフェース: いいえ

Web Page Maker は、複数のページを含む小規模な Web サイトの作成に適した、非常にシンプルなビジュアルエディタです。これを利用すると、テキスト、ベクター要素、グラフィックファイル、さまざまな形式のビデオ、表、Web フォーム、その他の使い慣れたページ要素をページに追加できます。

このプログラムには、ナビゲーションメニューなどの Web サイトの重要な要素用の既製のオプションもあります。 Web ページメーカーにはさまざまなメニューオプションが含まれています。適切なものを選択したら、方向 (水平または垂直)、要素間の距離、テキストおよびリンクのパラメータを指定して、すぐに編集できます。

一部の要素 (同じナビゲーションメニューなど) は、サイトのすべてのページに配置する必要があります。ブロックを編集するときは、そのブロックを現在のプロジェクトのすべてのページにすばやく配置したり、ブロックを配置する必要があるページを指定したりできます。

プログラムウィンドウの主要部分は作業領域で占められており、右側には [サイトコンテンツ] パネルがあります。このパネルを使用すると、Web サイトのページを管理するだけでなく、個別の要素ページ。 [要素] タブにはページ上のすべてのブロックが表示され、各ブロックをクリックすると、そのブロックがどこにあるかをすぐに確認できます。また、各要素のプロパティウィンドウを即座に呼び出したり、不要なブロックを削除したりすることもできます。サイト構造を作成するためのツールのセットに関しては、次の機能を作成できることに注目する価値があります。新しいページインターネット上の既存のリソースに基づいています。アドレスを指定するだけで、Web Page Maker がページをロードし、ブロックに分割して編集できるようにします。

サイトをより活気のあるものにするために、アニメーション効果を使用できます。既製の Javascript コードの例は、Web Page Maker ライブラリにあります。これらを使用すると、ウィンドウのスクロールの色を変更したり、画面の隅に現在時刻を示す時計を配置したり、スライドショーを追加したりすることができます。

サイトでの作業が完了したら、プロジェクトをハードドライブに保存したり、すぐに FTP サーバーにアップロードしたりできます。さらに、これには追加のクライアントは必要ありません。Web ページメーカーには FTP を操作するためのツールが組み込まれています。

⇡ CoffeeCup ビジュアルサイトデザイナー 6.06

開発者: CoffeeCup Software
配布サイズ：17.6MB
配布：シェアウェア
ロシア語インターフェース: いいえ

CoffeeCup Visual Site Designer の開発者は、おそらく「儲かるものはすべて儲かる」というスローガンを掲げて生きているでしょう。したがって、このビジュアルエディターを 49 ドルで購入した場合、他のほとんどの同様のプログラムを購入した場合に期待できるすべての機能が得られるわけではないことに注意する必要があります。

したがって、プログラムには 10 個のテンプレートが付属しており、残りをダウンロードするには開発者の Web サイトにアクセスするように求められます。該当するページを開くと、追加のテンプレートが有料であり、1 個あたり 9 ドルの価格で販売されていることがわかります。アプリケーションを操作している間、同様の「驚き」がユーザーを待っています。 Web フォームビルダーツールをクリックすると、使用するにはさらに 39 ドル支払う必要があることがわかります。サイトにフォトギャラリーを追加してみると、その機能には追加料金がかかることがわかります。

プログラムの標準バージョンでは、テキスト、ベクトル要素、グラフィックスを操作できます。ツールを選択すると、その設定を含むフローティングパレットが垂直パネルに表示されます。ユーザーがツールを変更するまで画面上に残ります。このアプローチのおかげで、最大量のスペースが作業領域に割り当てられます。

カウンタや Web フォームなどの一般的な Web ページ要素は、カスタム HTML コードを挿入するツールを使用してプログラム内でのみ作成できます。

ベクター要素 (矢印、多角形、星、吹き出しなど) を操作する場合、多数のツールを使用して外観を変更できます。たとえば、透明度を変更したり、影を追加したり、オブジェクトを立体化したり、光らせたり、マウスカーソルを置いたときに形状を変更したりすることができます。さらに、各オブジェクトの塗りつぶしを調整したり、テクスチャを追加したりできます。

CoffeeCup Visual Site Designer には、サイトをアップロードできる FTP クライアントが組み込まれています。リモートサーバー。サイトをロードした後、そのページの一部を変更する場合は、データ同期機能を使用できます。この場合、プログラムは変更されたページをロードします。必要に応じて、CoffeeCup Visual Site Designer を終了せずに、サーバーからサイトを完全に削除することもできます。

⇡ ウェブサイト X5 エボリューション 8

開発者: インコメディア
配布サイズ：15.3MB
配布：シェアウェア
ロシア語インターフェース: はい

ほとんどのビジュアルエディタは互いに似ています。これには利点があります。なぜなら、これらのプログラムの 1 つを理解すれば、後で別のプログラムを試してみることに決めた場合でも、すでに自信が持てるからです。ただし、これまでに Web サイトを作成したことがない場合は、最も単純なビジュアルエディターであっても、最初は「最初に何をすべきか?」、「どのプログラムツールが主でどれが補助的なものなのか?」など、多くの疑問が生じる可能性があります。等

WebSite X5 Evolution プログラムは、Web サイトを作成するための少し異なるアプローチを実装しており、そのおかげで多くの疑問が自然に消えます。このアプリケーションはステップバイステップのウィザードの原則に基づいて構築されているため、初心者ユーザーでも重要なことを何も見逃していないと確信できます。

ウィザードはプロジェクト作成のすべての段階をガイドしますが、ユーザーは必要に応じて、サイドメニューで実行したいアクションを選択することで、いくつかの段階を「ジャンプ」することができます。現在の瞬間。ステージは全部で5つあります。

最初のものは、一般設定。したがって、ここでサイトの名前、作成者、言語を入力し、選択しますキーワード、ファビコンがロードされ、メニュータイプが選択され (水平または垂直)、適切なテンプレートが選択され (プログラムライブラリには 100 を超えるデザインオプションがあります)、設定されます。外観サイトのページの上部と下部。

第 2 段階では、サイトマップの作成、つまり構造を検討することが提案されます。ツールバーの「コピー」ボタンと「貼り付け」ボタンを使用すると、既存のページに基づいて新しいページを作成できます。ここでは、どのリソースページを非表示にするかを決定し、各ページの更新頻度を指定できます。

ページタイトルをダブルクリックすると、サイトでの作業の次の段階に進み、ここでコンテンツの直接作業を開始できます。デフォルトでは、ページは 4 つのブロックに分割されており、各ブロックにテキスト、グラフィックファイル、スライドショー、表、Flash アニメーション、マルチメディアファイルなどのオブジェクトを追加できます。必要に応じて、ページ上のブロックの数を増減できます。ページにオブジェクトを配置したら、その設定を定義する必要があります。たとえば、オブジェクトへのパスを指定します。グラフィックファイル、テキストなどを入力します。これらすべての操作はページごとに行う必要があります。

第 4 段階では、WebSite X5 Evolution はいくつかの項目を指定するよう求めます。追加設定たとえば、紹介ページの外観を決定し、フラッシュ広告を表示するためのパラメータを設定し、サイトにブログや RSS ニュースフィードを追加します。

提供される機能の中には「Eコマースショッピングカート」などの要素もあります。これを使用すると、独自のオンラインストアをすぐに作成できます。設定に移動すると、製品カテゴリの作成、配送条件の定義、支払いオプションの選択、使用許諾契約の挿入、ストア要素の外観のカスタマイズをすばやく行うことができます。

最後に、最後のステップはプロジェクトをエクスポートすることです。完成したサイトは次の場所に保存できます。ハードドライブまたは、FTP サーバーに直接アップロードします。さらに、このプログラムを使用すると、プロジェクトファイルを保存して、別のコンピュータに転送することができます。作成したプロジェクトは、プログラム独自の形式でどの段階でも保存できることに注意してください。

おそらく、WebSite X5 Evolution を使用する場合の唯一の不便は、次のことができないことです。プレビューブラウザ内のページ。サイトがどのように見えるかを確認したい場合は、テスト機能を使用できますが、プロジェクトの生成に時間がかかります。さらに、プログラムは Internet Explorer エンジンで作成された独自のビューアにページを生成します。

⇡ KompoZer 0.7.10

開発者: ファビアン・カズナーヴ
配布サイズ：7.9MB
配布：無料
ロシア語インターフェース: はい

KompoZer は、無料のオープンソースのビジュアル Web エディターです。このプログラムは、Windows だけでなく、Mac、Linux でも利用できます。エディターは Gecko エンジン上で作成され、よく知られている Firefoxブラウザ。これには多くの利点があります。まず、このエンジンは XML、CSS、JavaScript などの最新の Web 標準を完全にサポートします。次に、Gecko ベースのエディターの機能はプラグインを通じて拡張できます。

おそらく、最初にインストールするアドオンはロシア語のローカリゼーションパッケージになるでしょう。これは、Firefox のプラグインをインストールするのとほぼ同じ方法でインストールされます。[ツール] メニューで [拡張機能] コマンドを選択し、拡張子 .xpi が付いたダウンロードされたローカリゼーションファイルへのパスを指定する必要があります。プラグインをインストールした後、プログラムを再起動する必要があります。その後、インターフェイスがロシア語になります。

このプログラムには FTP クライアントが統合されており、完成したプロジェクトをアップロードするだけでなく、サーバー上ですでにホストされているサイトのページをすばやく編集することもできます。サーバーのログイン情報を指定すると、ディレクトリツリー内を移動して、編集するページを選択できます。それらの内容は KompoZer ウィンドウにロードされ、その場で編集できます。

KompoZer を使用すると、複数のページを同時に操作できます。それぞれが別のタブで開き、タブ間をすばやく切り替えることができます。各ページには、アクションのキャンセルと復帰に関する独自の履歴があります。タブヘッダーのアイコンを見ると、ページのコンテンツにまだ保存されていない変更が加えられたかどうかをすぐに判断できます。

KompoZer は Web ページのコードを自動的に生成しますが、必要に応じてコードを確認し、変更を加えることができます。各ページの下部には、ページの視覚的な表示とコードの表示を切り替えるためのタブがあります。

デフォルトでは、ハイパーリンクの追加、画像、テーブル、Web フォーム作成ツールなど、最も頻繁に使用されるツールがプログラムツールバーに表示されます。必要に応じて、このパネルの外観を変更したり (アイコンを小さくするなど)、他のツールをパネルに追加したりすることもできます。

一般に、KompoZer はビジュアル Web エディターですが、すでに Web サイト作成の経験があるユーザー向けに設計されています。既製のテンプレートやナビゲーションメニューの例は含まれていませんが、このプログラムには強力な CSS エディターが統合されており、HTML コードとスペルチェックをチェックするツールもあります。

⇡ BestAddress HTML エディター 17

開発者: マルチメディアオーストラリア
配布サイズ：7.1MB
配布：シェアウェア
ロシア語インターフェース: いいえ

ユーザーがエリアを探索することを決めたとき、たとえば、コンピュータグラフィックス、ビデオ編集やプログラミングなど、彼はよく経験豊富な仲間に、新しい技術の学習を始めるのにどのプログラムが適しているかという質問をします。場合によっては、実際に使用した方が良い場合があります簡単なツール、その機能を理解したら、より高度なエディターに進みます。 BestAddress HTML Editor 2010 Professional に関しては、このプログラムは初心者の Web 開発者にとって最初で最後のツールになる可能性が十分にあると言えます。

Web ページのビジュアル構築モードでの作業は、デザイナーとの作業を思い出させます。要素のサイズと色を個別に設定し、ボタン、グラフィック、メニュー、その他の Web サイトコンポーネントを自由裁量で配置できます。テキストエディターとほぼ同じような便利な書式設定を使用して、ページ要素の位置を制御できます。 BestAddress HTML Editor 2010 Professional にはテンプレートはありませんが、指定したアドレスにある Web ページをダウンロードできます。プログラムでページを開くと、そのページを編集できます。

エディターはプロジェクトをサーバーに自動的にアップロードできます。このために、プログラムは付属の Digital FTP Access FTP クライアントを使用します。

BestAddress HTML Editor 2010 Professional には、コードを記述するためのプロフェッショナルツールも含まれています。 HTML、CSS、Java、および PHP コードがどのように機能し、記述できるかを理解したい初心者は、ドキュメントを参照してください。タグの目的、簡単な操作の例など、コードを記述するための最も重要なルールの概要が説明されています。シンプルでわかりやすいレッスンにより、HTML の構造について簡単に理解できるようになり、初心者もすぐに理解できるようになります。

⇡ 結論

このレビューで説明したプログラムを使用すると、独自の Web サイトをすばやく作成し、インターネット上に配置できます。これらのアプリケーションはすべて、ユーザーの手元にある単なるツールであることを忘れないでください。そのサイトが訪問者の注目を集めるかどうか、ビジネスの成功の追加要素となるかどうかは、作成者の想像力と、自分が始めたことを改善したいという彼の願望にのみ依存します。そしてもちろん、サイトがあなたの期待に応えるためには、あなたの努力が成功する必要があります。それが私たち全員の願いです。