ＷＥＢ制作に便利なソフトとツール：ノウハウについての情報です！

ホームページを作るためにはソフトやツールが必要です。ここでは、初心者から中級者向けのホームページ制作に必要なソフトとツールをご紹介します。

●ホームページ編集ソフト

ここでご紹介する２つの内、いずれかをお使いになられるとよいでしょう。
初心者向けが「ホームページ・ビルダー」、中上級者向けが「Dreamweaver MX」という位置づけです。

　○ ホームページ・ビルダー V9

初心者の方には、このホームページ・ビルダーがお勧めです。テンプレートや素材がたくさん用意されていますので、Webデザイナーが作ったようなセンスの良いページを手軽に作ることができます。初心者向けの書籍も豊富に出ていますので、使い方で悩むことは少ないです。

WEB制作業界の標準ソフトで、多くのWEBデザイナーが使っています。使い易さと機能の充実度は一番です。ただ、初心者には敷居が高いと思いますので、ホームページ・ビルダーをマスターして物足りなくなった時に買い替えを検討されるとよいでしょう。私はDreamweaverを使っています。

●画像ソフト

ホームページに使う写真の大きさや色合いを調整したり、リンクボタンを作ったりする時には、画像ソフトが必要です。

　○ Fireworks MX 2004 Commercial

WEBのグラフィック専用のソフトです。ビットマップ画像とベクター画像の両方を扱えるのが特徴で、多くのユーザーに支持されています。初心者の方はPhotoshopだけではベクター画像が扱えないので、こちらを購入された方がよいでしょう。

多機能で低価格なフォトレタッチ（画像編集）ソフトです。プロ御用達のAdobe Photoshop CSの廉価版ですが、これで十分でしょう。最初は少し難しいかも知れませんが、一度慣れれば手放せなくなります。私はFireworks派ではなくPhotoshop派です。

●テキストエディタ

ＨＴＭＬやＣＳＳを直接編集したい時、ちょっとしたテキストデータを見たい時、メモ帳では非常に不便です。また、文字コードがシフトＪＩＳ以外の時は、メモ帳では文字化けします。私は以下でご紹介している秀丸エディタを何年も愛用しています。

とにかく便利です。パソコンを買ったら、どんなソフトよりも真っ先に秀丸エディタをインストールします。一度使ったら、もう二度とメモ帳は使えません。秀丸エディタについては、一度使うと離せないテキストエディタ「秀丸エディタ」もご覧ください。

　○ MIFES

秀丸エディタに比べたらプログラマ向けです。（と私は思っている）
複数のテキストファイルの置換（グローバル置換）をするときに使っています。秀丸エディタではできないのです。

●ＦＴＰソフト

パソコン上にあるHTMLや画像ファイルをサーバーにアップロードするソフトです。ホームページ編集ソフトに付属していることも多いですが、私は以下のFFFTPを愛用しています。

　○ FFFTP

とにかく操作が簡単で安定しているのでお勧めです。フリーソフトというのが嬉しいです。

●その他

　○ BookMarklet

Bookmarkletとは、 JavaScriptで記述された小さな（1行で記述される）プログラムで、ブラウザのブックマーク（お気に入り）から利用することができるものです。中でも私がよく使うものをご紹介します。

DIVのid部を表示
ブログなどでスタイルシートをレイアウトの分析で非常に便利です。CSSの<div>タグの範囲をそのid名と一緒に表示します。
DIVにclassが定義されているものだけを表示
ブログなどでスタイルシートをレイアウトの分析で非常に便利です。上の「DIVのid部を表示」と同じ動きをしますが、classが定義されている部分だけをラベルつきで表示します。
スタイルシートを表示
ソースを見てスタイルシートのパスを見つけて・・・なんて面倒臭いことはやってられません。このBookMarkletで一発で表示できます。
ソースを表示2
IEですぐにソースをみたいときに使います。私の場合は秀丸エディタでソースが開きます。