簡単！サイト制作指南塾（第４回）

こんにちは！絵師・中村です。今回は地味ですが凄いですよー。
とっておきの便利ツールをご紹介させていただきます。

さて皆様、サイト制作にはどのようなソフトをご使用でしょうか？
FrontPageやDreamWeaver、なかにはテキストエディタで勝負！という
方もおられるかもしれません。

しかし、どんなソフトで作っていても、いざブラウザで表示させて
みると「枠がずれている…」「なぜかスタイルシートが効かない…」
といったトラブルは発生してしまいますよね。

そこで超便利なツールがこれ！！

■Internet Explorer Developer Toolbar（英語です）
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

インストールすると、Internet Explorerのツールバーに
「Developer Toolbar」が追加されます（表示されない場合は
「表示」→「ツールバー」で「Developer Toolbar」にチェック）。

これで、Internet Explorerを使ってページをいろいろと分析する
ことができるようになります。
もともとプロ用ツールなので機能はかなりたくさんあるのですが、
僕がお勧めする機能はただ一つ！！

「テーブル、セル、画像、DIVを可視化」

ツールバーの「Outline」メニューから、いろんなアウトラインを
表示することができます。例えば、

「どこからがどのテーブルなのか分からないよ…」
「このテキストって本当にDIVタグで囲われてるの？」
「あのサイト、どんなテーブル構造になってるんだろう？」

といった悩み・疑問を即解決！だって一目瞭然なのですから。
他の機能はいろいろ調べてみてください。めっちゃ便利ですよ。
要するに、ブラウザが制作ソフトになってしまうのです。
※修正作業はできませんが。

ちなみにナウなFirefox使いには同様にこんなツールがあります。

■Web Developer 日本語版
http://www.infoaxia.com/tools/webdeveloper/

機能はInternet Explorerのものとほぼ同等です。
日本語なのでこちらの方が使いやすいかもしれませんね。

以上、今回は少々難易度が高めですが便利なツールをご紹介させて
いただきました！次回もお楽しみに！