WYSIWYGエディター

 Webオーサリングツールとも言います。HTMLエディターのようにソースコードを編集するのではなく、ワープロソフトあるいはグラフィックソフトウェアのような感覚で、視覚的に編集するツールです。WYSIWYGは、(What You See Is What You Get.)の各単語の頭文字をとったもので、HTMLコードを見ないで完成画面を直接見ながらホームページが作れることを意味しています。

  • alphaEDIT
    • 「WYSIWYG編集」(直接テキストを書き込める)
    • 「HTMLソース編集」(通常のコード編集ができる)
    • 「ブラウザプレビュー」(完成画面を見れる)
    • スタイルシート(CSS)作成機能
    • ホームページをアップロードするFTP機能
    • 対応OS : Windows 98/Me/NT/2000/XP
  • Homepage Manager
    • WYSIWYGエディタ
    • テキストエディタ
    • フレームエディタ(フレームページを編集)
    • 太字、斜体、下線、打ち消し線、ハイパーリンク、画像、改行、テーブル、BGM、ラジオボタン、プルダウン、ボタン、テキストなどのタグの挿入をサポート
    • FTPクライアント機能
    • 対応OS : Windows 98/Me/2000/XP
  • BlueGriffon
    • WYSIWYG編集画面
    • ソースコードの編集画面
    • HTML5/CSS3などといった次世代Web標準技術に対応
    • 。“video”“audio”要素を利用した動画・音声の埋め込みなども可能
    • レイヤーに対応した簡易的なエディターを搭載
    • Webブラウザー用ツールバー対応
    • 対応OS : Windows 7/XP

HTMLエディター

 ウェブページを構成するHTML言語をサポートするテキストエディタの拡張版ソフト。HTMLタグ挿入補助機能・HTMLコードの構文チェック機能・ブラウザ機能・CSS(スタイルシート)作成補助機能・FTP機能。

  • HeTeMuLu Creator
    • XHTML、CSSに対応したHTMLエディタ。
    • HTMLファイルはドラッグ&ドロップ、またはソフト左ペインに表示されるエクスプローラから選択して開くことができます。
    • メニューバーや右クリックからタグの挿入が簡単にできるのが魅力。
    • 「カラーコードの挿入」、「フォント名の挿入」、「変換機能」、「キーマクロ」機能、「リンクチェッカー」機能。
    • HTML の他にも、Perl / C++ / Delphi / Java に特化した編集モードが付いています。
    • 対応OS:Windows 2000 / xp / Vista / 7
  • ez-HTML
    • 手打ちでHTMLソースを記述する人向けのHTMLエディター。
    • ショートカットキー、ポップアップメニューなどを使いやすくカスタマイズしたり、パターン化したショートカット(定型文)が作れます。
    • ファイル検索、Grep検索、正規表現やあいまい表現にも対応した「強力な置換機能」。
    • SJIS / JIS / EUC / Unicode16LE / Unicode16BE / UTF-8 / UTF-8N の文字コードに対応、CR / LF / CR-LF の改行コードにも対応しています。
    • 「HTML-lint」による文法チェック機能、ブラウザ機能、FTPによるファイル転送機能。
    • スタイルシートデータ入力支援、ツリー解析、「Perl / CGI」支援。
    • 対応OS : Windows 95/98/Me/NT/2000/XP/Vista/7
  • Crescent Eve
    • HTML / CSS / Perl / Java / C / C++ に対応した拡張テキストエディタ。
    • ブラウザでのプレビュー表示をエディタから行える。
    • 多様な文字コード(Shift_JIS / EUC / ISO-2022-JP(JIS) / UTF-8)対応。
    • タグのカラー表示、文法チェック機能。
    • エディタからブラウザのプレビュー表示、ブラウザの「ソースを表示」エディタとして設定可能。
    • CSS、Javascriptなどの入力補完機能。
    • 対応OS : Windows 2000/XP/Vista/7
  • HTML Editer For My Friends
    • ブラウザプレビューを見ながら、HTMLソースを編集することができる(左側にHTMLソース、右側にブラウザ)。
    • CSV形式(カンマ区切り)の文章からの自動テーブル作成機能。
    • RGBスライダーからの16進数カラーコード自動作成機能。カラー・プレヴューウインドウ付。
    • 画像の自動挿入機能。フォルダーから画像選択、ヴュアーウインドウ付。
    • ユーザータグ登録機能(100個)。
    • 対応OS : Windows 98/Me/2000/XP
  • 楽々ホームページ
    • 初心者から中級者までを対象にしたウィザード形式のタグ挿入ホームページ作成ソフトです。
    • タグ入力機能によりフォームやテーブル、フレームの作成,クリカプルマップの作成なども簡単に出来ます。
    • 完成イメージもリアルタイムに確認しながら作成する事が出来masu.
    • ファイル転送機能(FTP)及びJavaScriptの入力支援機能を備えています。
    • マルチドキュメントインタフェース対応により複数のHTMLファイルを同時に扱えます。
    • 対応OS: Windows 98/95
    • 作者ホームページ

有料webソフト~ヴェンダー製品

*上記の無料ソフトも商用の場合はシェアウェアとか有料となるものもあり、使用には注意が必要です。

  • ホームページ・ビルダー17
    • ジャストシステムが、日本IBMよりプログラムの著作権、商標権を取得し、2011年1月4日に同社へ移管されました。
    • ブラウザと同じ、見たままの画面(WYSIWYG画面)でページが編集できます。
    • 作成だけでなく、公開・更新までを効率的にオールインワンで実現する「かんたんWordPressデビュー」を搭載。
    • プロのデザイナーが手がけた、ハイクオリティのテンプレートが充実。テキストや画像を入れるだけで完成。
    • 文字要素や配置した画像はそのままでサイト内の全ページを一括変換できます。
    • WordPressサイトは、iPhoneやAndroidから閲覧されたとき、表示する端末に応じてCSSを切り替える(レスポンシブデザイン対応)。
  • Microsoft SharePoint Designer
  • Microsoft Expression Web
    • マイクロソフトが2007年2月16日よりWindows向けに販売を始めたウェブサイト制作ソフトウェア(Webオーサリングツール)です。
    • 前身であるMicrosoft FrontPageがベースとなっていますが、実際にはExpressionシリーズの一製品です。
    • Web開発者などの利用を想定しています。
    • 最新版のExpression Web 4 は、高品質で標準に準拠した Web サイトを作成するために必要なツール (現在の Web 標準の組み込みサポート、洗練された CSS デザイン機能、および視覚的な診断ツール) を提供しています。
    • PHP、HTML/XHTML、CSS、JavaScript、ASP.NET、または ASP.NET AJAX のいずれの作業にも対応し、Web サイトの作成および管理を容易にしています。
    • Web標準に準拠したサイトを構築するために必要かつ便利な機能がどんどん増えていくのが、今後のExpression Webと思われます。
    • お役立ちサイトワニchanのうぇぶわーるどExpression Web & FrontPage blogなど参考になります。感謝!
  • Adobe Dreamweaver
    • マクロメディアによって開発された高機能なWebオーサリングツールで、2005年にアドビにより買収されました。
    • 高度な編集機能とサイト連携を兼ね備え、多くのWebデザイナーに利用されている、定番のWebサイト制作ソフトです。
    • インターフェースはコードとプレビューが並べて表示され、編集結果を確かめながら作業できるよう構成されています。
    • HTMLやXHTMLに標準で対応しているほか、PHP/ASP/JSPといったサーバサイドスクリプトも編集できます。
    • WordPressやJoomla、Drupalなどで管理されているコンテンツを、Adobe Dreamweaver CS6を用いて直接編集できます。
    • お役立ちサイト入門!Dreamweaver使い方講座アドビ講座2013-【無料】オンライン動画チュートリアルを参照ください。

*webソフト紹介にあたっては、Vector窓の杜FreeSoft100Webオーサリングツール(フリー百科事典・ウィキペディア)
の記事を参照させていただきました。感謝!