無料/有料のウェブサイト制作について

　 このサイトは Mozilla Composer 系のウェブオーサリングソフトである KompoZer を使用して書いている。操作感覚はワープロと大差無く、見たものを見たままに編集してページを書くことができる。つまり、こうやって入力している時点で公 開する時のレイアウトがそのまま見えている状態で編集できるという利点がある。
　本来、ウェブサイトの記述にはHTMLやCSS、XHTMLなど のタグや文法を用いて作成するが、WYSIWYGとはそれらのタグや文法などで構成されるテキストデータ（ソースと呼ぶ）を全く意識することなくページを 作成できるソフトウェアのこと。　alphaEdit も KompoZer と機能はほぼ同等で、非常にシンプルな画面構成のソフトウェアだが、どちらも一長一短があるものの、決定的な違いは KompoZer の生成するソースはWeb標準に非常に近く、出来上がったページは Internet Explorer のようなWeb標準への対応が遅く、バージョンによって規格がバラバラなブラウザでもある程度他のWeb標準対応のブラウザと同等な表示ができるため。た だ、alphaEdit には Composer 系には無い便利なセルへの背景指定などもマウスだけでチョチョイとできる機能などがある。

　 大抵の市販ソフトはこの WYSIWYG タイプで、更に各種の用意されたデータ（背景やパーツ類）とテンプレートを読み込んだり、パーツを作って埋め込む事ができ、サイトの構造すらビジュアル化 されてソフト任せにできるものが多い。　ただ、ソースが極端に規定外の文法になったり、Internet Explorer 以外のブラウザでページを見るとグチャグチャになったりするものがあり、購入の際には事前に確認（覚悟）をする必要がある。
　最近では、Web標 準対応のブラウザ群（ Mozilla Firefox ／ Opera ／ Safari (Mac) ／ Google Chrome ）のシェアが Internet Explorer のシェアをかなり奪ってきているため、ソフトウェアメーカーもWeb標準を無視できない状況になってきている。　初心者にとってはどちらかというと、 ホームページNinja / ホームページ制作王 / ホームページZero などの素材やテンプレートやツール群がセットになっているものの方が非常に手軽ではあるが、連動はしなくともそれぞれ単体で、しかも全部無料で揃えること もできるので、ホームページ作成ソフトの比較サイトをよく読み、事前にリサーチしたほうが買ってから損はしない。。

　 売れ筋は１位が Dreamweaver シリーズ／２位はホームページビルダー。　後はもうずーっと下位で、どれもこれも売れているのか売れていないのか不鮮明。　とりあえず、一番やってはいけ ない事は、Microsoft Office の Word で作成すること。これほど最悪なものは無い。

　１位の Dreamweaver は高価だが、その分だけプロ向けの性能を持っており初心者がいきなり手にするのは苦労が要るという意見が多く、もしも同等の性能を持った物を使ってみたい 場合は、aptana がオープンソースで開発されているので無料で入手可能。日本語化の仕方はネットで紹介されている。　このソフトウェアの紹介では、Dreamweaver と同等である上に、JavaScriptの対応状況が逐一ブラウザのロゴマークで確認できるとのこと。オープンソースソフトウェア（OSS）は基本的に無 料で入手でき、ダウンロードしたものを何台のPCにインストールすることも可能。しかもバージョンアップも無料である点が挙げられる。
　Dreamweaver にはテンプレートが無く、機能の全ての呼び名は専門用語で埋め尽くされており、ソースを編集したり読める事が前提になっている。これはあくまでも上級者向 けのソフトウェアなので、一定以上のスキルを求められる。もちろん、１から勉強して使うのは構わないが、全くの素人が手を出すのはやめた方が良い。　

　 また、２位のホームページビルダーは、CSSで何処でも配置機能を使用すると、ブラウザごとに表示が滅茶苦茶になることで非常に有名。　売れているのは知 名度のせいもあってか、非常によく売れている。値段も１万円台半ばとその他大勢のホームページ作成ソフトよりは高価だが、一般的に名前が通っていることも あって、HowTo本も多く、パッケージも無駄にでかい。　ただ、私も買って失敗した1人であり、正直言って個人的にはこれをお勧めできる気にはなれな い。　その反面、これをお奨めするサイトも結構ある。　正しい使い方ができるなら多機能で素材もツールも揃っていて良いとも言える。
　ただ、企業 向けのテンプレートは無いので、こんなソフトで会社のウェブサイトを作ろうと思うのなら、テンプレートに頼らないでデザインするスキルが要求される。それ にソースがとても無駄が多く汚いことでも有名なので、手直しするために結局はHTMLやCSSなどの知識がないと何が悪くて表示が滅茶苦茶になっているの かわからない。
　もしも自分の使っているブラウザ以外の人がアクセスしてきた場合に、ウェブサイトの表示が壊れていたらその会社の顔であるウェブ サイトはそのまま会社のイメージになってしまう。Internet Explorer 7.0で綺麗に表示されても、Internet Explorer 6.0 ではレイアウトが崩れる可能性が高く、Internet Explorer 8.0 でも崩れる可能性がある。しかも、ホームページビルダーのバージョンだけではなく、Internet Explorer のバージョンによってもそれぞれ表示が崩れる可能性が高い。　

　ウェブサイトのデザインは、基本的に自由に作れるようになっている。　また、デザインが苦手な人に向けて市販のソフトウェアにはテンプレートと呼ばれる「雛形」が多数用意されている。
　このテンプレートについては、無料で配布しているサイトも多くあるので、そちらを利用する事でフリーソフトやオープンソースを選択できるが、フリーソフトやオープンソースからそのテンプレートを正常に利用できるかは「やってみないと分らない」と言うしか答えは無い。

　また、ページには背景・ボタン・枠やバナーなどの画像ファイルを埋め込んで見た目を良くするための素材というものがある。これも市販のソフトウェアには多数収録されているので、初心者には便利である。
　 ただ、デザインの才能や絵心がある人は、何かしらのお絵かきソフトやデザインツールを使えば自由にオリジナルなデザインのものを作れるため、あくまでもオ リジナルに拘るのであれば、自分でデザインしたほうが個性のあるサイトになる。　使う素材ひとつで、サイトのイメージが変わるので、安易に使うよりも単色 で済ませたり、フォントをキャプチャーして切り貼りする方が意外とページの容量を少なくできる。

　素材が予め用意されていることは便利であっても、あまりゴテゴテした素材を意味も分からずに使いまくると、やたらと重いサイトになってしまったり、変に安っぽい見栄えになってしまうことがあるので注意が必要。

　データの項目で説明したとおり、予め素材やツールが用意されていて、その中から簡単に柄や文字を組み合わせてバナーを作れる機能が市販のソフトには用意されている。
　バナーにはサイトのタイトルバナーや、サイトの紹介に使ってもらうバナーがあり、どちらもお絵かきソフトさえあれば後は自分次第。　好きにデザインするも良し。既成のものを使うのも良し。

　ただ、これらバナーは、Excel を持っている人はワードアートとオートシェイプを上手く重ねて画像としてキャプチャしたものをレタッチソフトで加工すれば結構良い物が作れるし、OpenOffice.org Draw を使って自分でデザインすることもできる。また、Windowsに最初から付属している Paint でも作れるし、バナー作成ソフトをダウンロードして自作することも可能だ。

　 よく、画像がアニメーションしているサイトがある。画像を保存してみるとGIFという拡張子の画像ファイルであることが分るだろう。あのアニメーション ＧＩＦというものも、市販のソフトウェアには大抵は付属している。ただ、ソフトによっては非常に優秀であったり、「なんだこりゃ？」という言葉が思わず出 てしまう非常に使いづらいものがある。
　これも実はフリーソフトで拾ってくることができる。自分でアニメーションのコマ画像を作って、放り込んで１コマの切り替え時間を指定してからGIF画像として出力することで作成できるタイプが望ましい。
　ただ、コマ数が多かったり、画像のサイズが大きいと、とんでもなくファイル容量の大きな物になるので注意する事。また、使い方や使いどころを誤ると、見ていて落ち着かないページになるので多用することは避けたい。

　FTP ソフトというものは、作成したウェブサイト（ホームページ）をインターネット上から参照できるサーバーにアップロードするためのソフトウェアのことで、 HTTPのファイルアップローダーのように、チマチマとアップロードする必要は無く、自分のパソコンの中にあるウェブサイトの情報を、ウェブサーバーに一 気にアップロードするためのソフトである。
　このFTPソフトには、完全に手動の FFFTP という定番のソフトや、Firefox のアドオンとして利用できる FireFTP という FTP アドオンがあり、どちらも Windows の Explorer のような表示でファイルを選んでアップロードや削除・更新が可能。

　また、最近のソフトウェアは自分のパソコンの中身のウェブサイトのデータと、ウェブサーバーに既にアップロードされているデータの比較をし、タイムスタンプから差分だけを自動的にアップロードしたり更新することができるフルオートのものがある。
　 このFTPソフトに関しては、フリーソフトの方が優秀だったりする場合もあるので、自分が使いやすいものを選べば良い。　車で言うと、マニュアル車とオー トマ車みたいなもので、好き嫌いは各自に任せる。　ただ、市販のソフトでウェブサイトを作成すると、フォルダやページのソースがどこにどんな名前でどこに 保管されているか訳が分らないことになる場合もあり、市販ソフトを選んだ場合は市販ソフトのFTPソフトを使った方が都合の良い場合もあるが、必ずしも使 い勝ってが良いとは言えないことがあったので注意が必要。

制作環境：自作DOS/Vパソコン　PentiumⅢ 700MHｚ / RAM：382MB / GeforceFX5200（128MB） / HDD 30GB + 40GB
　　　　　　 Microsoft Windows　2000 Professional sp4　+　最新パッチ
　回線：WILLCOM　EDGE　AH-F401U　128Kbps（4ｘ）　／　プロバイダー　Prin

以下、全てオープンソースソフトウェア（OSS）とフリーソフト（無料ソフト）で、制作環境は無料。
何時でもどこでもネットに繋がったパソコンさえあればウェブページの制作環境を揃えられる。
つまり、手ぶらで出かけてパソコンを弄らせてくれればその場でウェブサイトを構築可能だ。

　メインブラウザ：　Mozilla　Firefox 3.0（Geckoエンジン）／SeaMonkey 1.1.14（Geckoエンジン）
　サブブラウザ（表示確認専用）：Opera 9.62 （Prestoエンジン）/ Internet Explorer 6.0（Tridentエンジン）

　作成ソフト：　KompoZer 0.7.10 ＋ 日本語パッチ　（詳しくはこちら）
　データ（素材／テンプレート）： 背景や画像は自分で作成。テンプレートは使わない。レイアウトはテーブルでキッチリ。
　バナー作成： Excel のオートシェイプやワードアートおよび、それらをキャプチャして編集。または Windows のペイントで自作。
　ＧＩＦアニメーション：昔はよく作ったが、ウザったいので作るのも使うのもやめた。
　FTPソフト： FFFTP をメインに使用。 実は Firefox アドオンの FireFTP の方が階層表示ができて高性能だったりする。

　サーバー：　メインサイト＝　楽天 infoseek （isweb ライト）　最大50MB／ファイル制限無し／転送量：常識の範囲／CGI使用可能／無料／広告あり
　サーバー：　セカンドサイト＝　FC2 （無料）　最大１GB／ファイル制限500KB／PDFなど多数禁止（但し普通のホムペには必要充分）
　ブログサービス：　メインブログ＝　Blogger　（Google）　日記と掲示板や連絡用に使用

その他のアシスト

　写真の編集：　JTrim（フォトレタッチソフト）写真の色合いや明暗など細かな編集と文字挿入など
　スクリーンショットの取り込み：　Winshot（多機能スクリーンショットソフト）
　スクリーンショットのPNGファイル化：　OptiPNG: Advanced PNG Optimizer　（PNG→PNGの軽量化と、BMP→PNGへの変換）
　アルバム自動作成ソフト：　JAlbum (8.x よりも 7.x の方が使いやすいかも)
　デジカメの画像一括変換： リサイズ超簡単！Pro　
　テキストエディタ：　TeraPad
　透化GIF/PNG作成： D-Pixed　215/217　（アイコン/バナー化専用）