ここまでは、OS標準のテキストエディタでホームページを作る方法について、簡単すぎるくらいの説明をしてきましたが、勘の良い方ならはここまでの説明でもホームページを作ることができるところまでの説明をしました。
ホームページ作成ソフトとは?
これまで「ホームページを作成する」という目的でやってきた作業をおさらいしてみましょう。
1.テキストエディタでHTMLを入力する
2.HTMLファイルとして保存する
3.ブラウザで確認する
上記1〜3を繰り返して、ホームページを作ってきました。
この作業のどこにも面倒な部分を感じない方であれば、このままホームページを作っていけば良いと思います。少なくとも面倒な部分を感じているのであれば、その面倒な部分を支援してくれるソフトウェアがあると、とてもありがたいと思いませんか?
ちなみに、テキストエディタも、実は入力支援ソフトなのです。
これまでの作業で、タグの入力が面倒だと思っている方がいると思います。
そんな方のために、HTMLエディタというものがあります。
その支援方法はマチマチですが、対応するボタンを押すことでタグを挿入する方法や、1文字入力するごとに次の入力候補を表示する方法などがあります。
特にWindows用が多いのですが、無料のHTMLエディタがありますので探してみて下さい。
「HTMLファイルを保存してブラウザで確認する」という部分が面倒だと感じている方もいると思います。
もし、HTMLファイルを更新し、その表示がリアルタイムで更新されるとしたら、とても便利だと思いませんか?逆に、表示部分を編集したら、その表示になるようにHTMLが書き出されたら素晴らしいと思いませんか?エディターの部分とプレビューの部分が1つのウィンドウで表示できたら便利だと思いませんか?ファイル名を変更したら、そのファイルを参照しているhref属性などが書き変わったら便利だと思いませんか?
このように、HTMLエディタの機能を備え、プレビュー画面も備え、ファイル管理もできるのが一般的に「ホームページ作成ソフト」と呼ばれているものです。
今では、スタイルシートの管理もでき、ソフトによってはいろいろなボタン画像や背景画像などが付属されています。Web用の画像編集ソフトが付属されているのもあります。
ぶっちゃけて言うと、HTMLを知らなくてもホームページを作成できてしまいます。
ただ、HTMLを知らずにホームページ作成ソフトを使っていくと、そのソースにどんどんムダな部分が増えていきます。
ホームページ作成ソフトだけで少し凝ったホームページを作ろうと四苦八苦している方がよく言う言葉に、「このソフトの使い方が分からない」、「このソフトではここまでしか作れない」などがあります。
そのほとんどが、少しでもHTMLを知っていたら解決できるものばかりなのです。
HTMLをマスターする必要はありませんが、作りながらそのソースを確認していくクセは付けた方が良いと思います。
そのためにも、いろいろなサイトを見て、「ここはどのように作っているんだろう?」と思い、ソースを確認して、どんどん目を養って下さい。
2.HTMLファイルとして保存する
3.ブラウザで確認する
オススメのテキストエディタ
すでにOS標準のテキストエディタでここまで来たのですから、お使いのテキストエディタを使い続けてもらえば良いのですが、この先、HTMLだけでなく、スタイルシートやJavaScriptなどを記述していくことを考えると、もう1つ上の機能を持ったテキストエディタがあると重宝するため、ここで紹介します。
-
TeraPad
(フリーウェア、Win)
軽快に動作するフリーのテキストエディター。行番号やルーラーの表示、クリッカブルURL、アンドゥ・リドゥ機能など、Windows標準のメモ帳にはない多くの機能を備えています。メモ帳しか使ったことのない初心者にもプログラムを作成するような上級者にも使えるソフトです。
-
秀丸エディタ
(シェアウェア、Win)
Windows用の定番テキストエディター。プログラムのソースファイル編集や、メール編集、HTML編集など、様々な「テキスト」を使うシーンに、高機能かつ軽快に使えます。HTMLタグなどのカラー表示やURLやメールアドレスのクリッカブルリンクにも対応し、ファイルの種類ごとにカラー表示や改行桁数などの設定を保存できます。
-
mi
(フリーウェア、Mac)
miはC言語やHTMLのソースを書くのに便利な機能を充実させたエディタです。
ワープロのように文字ごとのフォント指定などはできませんが、キーワードの色付け表示をはじめとした「気の利いた」機能で、ソース書きを支援します。
TeraPad
(フリーウェア、Win)
軽快に動作するフリーのテキストエディター。行番号やルーラーの表示、クリッカブルURL、アンドゥ・リドゥ機能など、Windows標準のメモ帳にはない多くの機能を備えています。メモ帳しか使ったことのない初心者にもプログラムを作成するような上級者にも使えるソフトです。
秀丸エディタ
(シェアウェア、Win)
Windows用の定番テキストエディター。プログラムのソースファイル編集や、メール編集、HTML編集など、様々な「テキスト」を使うシーンに、高機能かつ軽快に使えます。HTMLタグなどのカラー表示やURLやメールアドレスのクリッカブルリンクにも対応し、ファイルの種類ごとにカラー表示や改行桁数などの設定を保存できます。
mi
(フリーウェア、Mac)
miはC言語やHTMLのソースを書くのに便利な機能を充実させたエディタです。
ワープロのように文字ごとのフォント指定などはできませんが、キーワードの色付け表示をはじめとした「気の利いた」機能で、ソース書きを支援します。
ワープロのように文字ごとのフォント指定などはできませんが、キーワードの色付け表示をはじめとした「気の利いた」機能で、ソース書きを支援します。
オススメのHTMLエディタ
すでにOS標準のテキストエディタでここまで来たのですから、お使いのテキストエディタを使い続けてもらえば良いのですが、この先、HTMLだけでなく、スタイルシートやJavaScriptなどを記述していくことを考えると、もう1つ上の機能を持ったテキストエディタがあると重宝するため、ここで紹介します。
-
ez-HTML
(フリーウェア、Win)
このez-HTMLはほとんどすべての規格のHTML文法データを包括しており、 適切な場所に適切な要素、属性、属性値を自動的に候補として出してくれるため、 文法にも正確で美しいソースをコーディングする事ができるのが特徴です。
-
HTML Project2
(フリーウェア、Win)
強力な編集アシスト機能を誇る高機能なタグ挿入型HTMLエディタです。メイン画面の編集エリアはタブ切り替え式になっており、複数のファイルを同時に開いて編集することが可能で、プレビュー機能も付いています。スタイルシートのプレビューができるのも特徴の1つです。
-
NVU
(フリーウェア)
Nvu(エヌビュー)は、編集した(見た)ままの形でブラウザ出力ができるので、HTMLの知識が無い人にでも簡単にホームページを作ることができる、無料ホームページ編集ソフトですが、実際のところはWYSIWYG型のHTMLエディターです。日本語化するには各自で調べて下さい。
(Windows、Mac OSX、Linux)
-
KompoZer
(フリーウェア、Win)
上記NVUの後継版にあたるWYSIWYG型のHTMLエディターなので、作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能です。
NVUと比べ、HTMLソースがきれいに整形された状態で生成されるらしいです。
ただし、こちらはWindows版のみとなります。
-
HTML Formater
(フリーウェア、Mac)
XHTML1.1準拠のHTML/CSS専用エディタです。
タグ挿入機能、CSSプロパティ及び値の挿入機能により、HTMLドキュメントとCSSドキュメントの作成が簡単に行えます。
テキスト挿入機能あるいは定型文挿入機能で、HTMLテンプレート、定型文書や記事原稿を適宜挿入することも可能ですし、便利なFTPアップロード機能も搭載し、別にFTPソフトを起動する手間が省けます。
ez-HTML
(フリーウェア、Win)
このez-HTMLはほとんどすべての規格のHTML文法データを包括しており、 適切な場所に適切な要素、属性、属性値を自動的に候補として出してくれるため、 文法にも正確で美しいソースをコーディングする事ができるのが特徴です。
HTML Project2
(フリーウェア、Win)
強力な編集アシスト機能を誇る高機能なタグ挿入型HTMLエディタです。メイン画面の編集エリアはタブ切り替え式になっており、複数のファイルを同時に開いて編集することが可能で、プレビュー機能も付いています。スタイルシートのプレビューができるのも特徴の1つです。
NVU
(フリーウェア)
Nvu(エヌビュー)は、編集した(見た)ままの形でブラウザ出力ができるので、HTMLの知識が無い人にでも簡単にホームページを作ることができる、無料ホームページ編集ソフトですが、実際のところはWYSIWYG型のHTMLエディターです。日本語化するには各自で調べて下さい。
(Windows、Mac OSX、Linux)
(Windows、Mac OSX、Linux)
KompoZer
(フリーウェア、Win)
上記NVUの後継版にあたるWYSIWYG型のHTMLエディターなので、作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能です。
NVUと比べ、HTMLソースがきれいに整形された状態で生成されるらしいです。
ただし、こちらはWindows版のみとなります。
NVUと比べ、HTMLソースがきれいに整形された状態で生成されるらしいです。
ただし、こちらはWindows版のみとなります。
HTML Formater
(フリーウェア、Mac)
XHTML1.1準拠のHTML/CSS専用エディタです。
タグ挿入機能、CSSプロパティ及び値の挿入機能により、HTMLドキュメントとCSSドキュメントの作成が簡単に行えます。
テキスト挿入機能あるいは定型文挿入機能で、HTMLテンプレート、定型文書や記事原稿を適宜挿入することも可能ですし、便利なFTPアップロード機能も搭載し、別にFTPソフトを起動する手間が省けます。
タグ挿入機能、CSSプロパティ及び値の挿入機能により、HTMLドキュメントとCSSドキュメントの作成が簡単に行えます。
テキスト挿入機能あるいは定型文挿入機能で、HTMLテンプレート、定型文書や記事原稿を適宜挿入することも可能ですし、便利なFTPアップロード機能も搭載し、別にFTPソフトを起動する手間が省けます。
オススメのホームページ作成ソフト
すでにOS標準のテキストエディタでここまで来たのですから、お使いのテキストエディタを使い続けてもらえば良いのですが、この先、HTMLだけでなく、スタイルシートやJavaScriptなどを記述していくことを考えると、もう1つ上の機能を持ったテキストエディタがあると重宝するため、ここで紹介します。
-
Visual Web Developer
(フリーウェア、Win)
マイクロソフトが提供する開発環境で、WebサイトやWeb アプリケーションの作成を始めるのに必要なものがすべて含まれています。
Visual Basic や Visual C# を使って、ASP.NET の Web アプリケーションの開発や AJAX アプリケーションの開発を、簡単に楽しく行なえるらしいです。
-
Homepage Manager
(フリーウェア、Win)
フリーソフトでは最強の機能を誇っています。
初心者でも難しいタグを使わずにホームページが作成できるほか、上級者にとっても快適なエディタやスタイルシートの作成も可能と至れり尽くせりです。
どちらかと言うと、テーブルレイアウトやフレームレイアウト向きかと思います。
-
NVU
(フリーウェア)
Nvu(エヌビュー)は、編集した(見た)ままの形でブラウザ出力ができるので、HTMLの知識が無い人にでも簡単にホームページを作ることができる、無料ホームページ編集ソフトですが、実際のところはWYSIWYG型のHTMLエディターです。日本語化するには各自で調べて下さい。
(Windows、Mac OSX、Linux)
-
KompoZer
(フリーウェア、Win)
上記NVUの後継版にあたるWYSIWYG型のHTMLエディターなので、作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能です。
NVUと比べ、HTMLソースがきれいに整形された状態で生成されるらしいです。
ただし、こちらはWindows版のみとなります。
-
iWeb
(Mac付属、Mac)
アップル社のiLifeという統合ソフトウェアを構成するソフトの1つで、Macを購入すればもれなく付属されます。
ドラッグ&ドロップの簡単操作で、写真、ムービー、音楽を共有できるウェブサイトなどをデザインできます。
テーマを選んだら、写真、ムービー、テキスト、ウィジェットを好きなように並べて、オリジナルのサイトを作りましょう。
-
ホームページビルダー
(市販、Win)
言わずと知れたホームページ作成ソフトです。
ホームページやブログ作成、人気のWebサービスやブログ活用、3キャリア携帯端末サイト作成など、時代のニーズに応える機能を新たに搭載し、テンプレートや素材も多いため初心者にもオススメです。パッケージによっては、Flash作成ソフトやガイドブックなどが付属されます。
個人レベルのサイトを作るのであれば、機能面からも出版されている書籍の多さからもオススメのソフトです。
付属ツールが多いのも特長の1つです。
参考までに、ホームページビルダーで作られたサイトを紹介しておきます。トヨタ車ディーラーのネッツ東名古屋です。ソースの表示で分かるのですが、ビルダーのバージョンは6です。そのせいか、フレームとテーブルで構成されています。有名な会社にしては少し寂しい作りになっています。(2010/4/30確認)
-
ホームページZERO
(市販、Win)
簡単にこだわりのwebページがつくれる先進的なWeb作成ソフトです。
デザイン変更も簡単操作。豊富でスタイリッシュな素材・テンプレートがこだわりの手助けをします。収録素材は約30,000点。嬉しいことに、Windowsの公式サポート期間中であればバージョンアップは無料なので、最新のブラウザや新しいWebサービスにも対応でき、とってもお得です。
-
DreamWeaver
(市販、Win,Mac)
Dreamweaverは、HTMLやCSSなどの記述だけでなく、WEBサイトの制作・管理に特化したソフトです。
他にも色々なホームページ作成ソフトがあるにも関わらず、Web業界の「当たり前」となっているほどのソフトウェアなので、本格的なサイトを作るなら一番オススメのソフトです。
当サイトもDreamWeaverを使用して制作されています。
(まだまだ未熟者ですが・・・)
Visual Web Developer
(フリーウェア、Win)
マイクロソフトが提供する開発環境で、WebサイトやWeb アプリケーションの作成を始めるのに必要なものがすべて含まれています。
Visual Basic や Visual C# を使って、ASP.NET の Web アプリケーションの開発や AJAX アプリケーションの開発を、簡単に楽しく行なえるらしいです。
Visual Basic や Visual C# を使って、ASP.NET の Web アプリケーションの開発や AJAX アプリケーションの開発を、簡単に楽しく行なえるらしいです。
Homepage Manager
(フリーウェア、Win)
フリーソフトでは最強の機能を誇っています。
初心者でも難しいタグを使わずにホームページが作成できるほか、上級者にとっても快適なエディタやスタイルシートの作成も可能と至れり尽くせりです。
どちらかと言うと、テーブルレイアウトやフレームレイアウト向きかと思います。
初心者でも難しいタグを使わずにホームページが作成できるほか、上級者にとっても快適なエディタやスタイルシートの作成も可能と至れり尽くせりです。
どちらかと言うと、テーブルレイアウトやフレームレイアウト向きかと思います。
NVU
(フリーウェア)
Nvu(エヌビュー)は、編集した(見た)ままの形でブラウザ出力ができるので、HTMLの知識が無い人にでも簡単にホームページを作ることができる、無料ホームページ編集ソフトですが、実際のところはWYSIWYG型のHTMLエディターです。日本語化するには各自で調べて下さい。
(Windows、Mac OSX、Linux)
(Windows、Mac OSX、Linux)
KompoZer
(フリーウェア、Win)
上記NVUの後継版にあたるWYSIWYG型のHTMLエディターなので、作成中のHTMLソースをリアルタイムでプレビューすることもでき、プレビュー画面でタグを修正することも可能です。
NVUと比べ、HTMLソースがきれいに整形された状態で生成されるらしいです。
ただし、こちらはWindows版のみとなります。
NVUと比べ、HTMLソースがきれいに整形された状態で生成されるらしいです。
ただし、こちらはWindows版のみとなります。
iWeb
(Mac付属、Mac)
アップル社のiLifeという統合ソフトウェアを構成するソフトの1つで、Macを購入すればもれなく付属されます。
ドラッグ&ドロップの簡単操作で、写真、ムービー、音楽を共有できるウェブサイトなどをデザインできます。
テーマを選んだら、写真、ムービー、テキスト、ウィジェットを好きなように並べて、オリジナルのサイトを作りましょう。
ドラッグ&ドロップの簡単操作で、写真、ムービー、音楽を共有できるウェブサイトなどをデザインできます。
テーマを選んだら、写真、ムービー、テキスト、ウィジェットを好きなように並べて、オリジナルのサイトを作りましょう。
ホームページビルダー
(市販、Win)
言わずと知れたホームページ作成ソフトです。
ホームページやブログ作成、人気のWebサービスやブログ活用、3キャリア携帯端末サイト作成など、時代のニーズに応える機能を新たに搭載し、テンプレートや素材も多いため初心者にもオススメです。パッケージによっては、Flash作成ソフトやガイドブックなどが付属されます。
個人レベルのサイトを作るのであれば、機能面からも出版されている書籍の多さからもオススメのソフトです。
付属ツールが多いのも特長の1つです。
参考までに、ホームページビルダーで作られたサイトを紹介しておきます。トヨタ車ディーラーのネッツ東名古屋です。ソースの表示で分かるのですが、ビルダーのバージョンは6です。そのせいか、フレームとテーブルで構成されています。有名な会社にしては少し寂しい作りになっています。(2010/4/30確認)
ホームページやブログ作成、人気のWebサービスやブログ活用、3キャリア携帯端末サイト作成など、時代のニーズに応える機能を新たに搭載し、テンプレートや素材も多いため初心者にもオススメです。パッケージによっては、Flash作成ソフトやガイドブックなどが付属されます。
個人レベルのサイトを作るのであれば、機能面からも出版されている書籍の多さからもオススメのソフトです。
付属ツールが多いのも特長の1つです。
参考までに、ホームページビルダーで作られたサイトを紹介しておきます。トヨタ車ディーラーのネッツ東名古屋です。ソースの表示で分かるのですが、ビルダーのバージョンは6です。そのせいか、フレームとテーブルで構成されています。有名な会社にしては少し寂しい作りになっています。(2010/4/30確認)
ホームページZERO
(市販、Win)
簡単にこだわりのwebページがつくれる先進的なWeb作成ソフトです。
デザイン変更も簡単操作。豊富でスタイリッシュな素材・テンプレートがこだわりの手助けをします。収録素材は約30,000点。嬉しいことに、Windowsの公式サポート期間中であればバージョンアップは無料なので、最新のブラウザや新しいWebサービスにも対応でき、とってもお得です。
DreamWeaver
(市販、Win,Mac)
Dreamweaverは、HTMLやCSSなどの記述だけでなく、WEBサイトの制作・管理に特化したソフトです。
他にも色々なホームページ作成ソフトがあるにも関わらず、Web業界の「当たり前」となっているほどのソフトウェアなので、本格的なサイトを作るなら一番オススメのソフトです。
当サイトもDreamWeaverを使用して制作されています。
(まだまだ未熟者ですが・・・)
他にも色々なホームページ作成ソフトがあるにも関わらず、Web業界の「当たり前」となっているほどのソフトウェアなので、本格的なサイトを作るなら一番オススメのソフトです。
当サイトもDreamWeaverを使用して制作されています。
(まだまだ未熟者ですが・・・)