HTMLファイルの編集に役立つ「テキストエディタ」

HTMLファイルを編集するには「テキストエディタ」は必須です。 絶対配置指定のCSSの解析力の弱いソフト（例：ホームページビルダーやDreamweaverCS2以前）では、プレビューモードの表示が崩れてしまうため、結果として効率が良くサイト制作ができないケースがありますので、「テキストエディタ」を使えば、そのような問題なく、スムーズにサイト制作を行うことができます。

Windows用
Crescent Eve
自動的にタグの候補を表示してくれる機能は、タグ打ち初心者には優しい機能です。 「F7」キーで文法チェックが可能ですので、文法チェック画面を表示したまま、HTMLを編集されることをオススメします。そうすれば、HTMLエラーを極力抑えることが可能です。 その他にも、あらかじめよく入力する文字列を「ctrl」＋「数字」のショートカットキーに割り当てる機能もあります。 この機能を使えば、よく使うタグをあらかじめ設定しておき、ショートカットキー１つで挿入することが可能です。 このような至れり尽くせりのソフトですが、一番の驚きは、非常に動作が軽いということです。 是非このテキストエディタを使って、HTML編集をマスターして下さい。
⇒Crescent Eveを詳しく

Mac用
ez-HTML
このHTMLエディタはほとんどすべての規格のHTML文法データを包括しているため、適切な場所に適切な要素、属性、属性値を自動的に候補として出してくれるため、文法にも正確で美しいソースをコーディングする事ができるのが特徴。 Crescent Eveに比べると、インターフェースが少しごちゃついている印象はありますが、テンプレート機能や幅広いHTMLフォーマットへの対応など、かなり充実したエディタです。
⇒ez-HTMLを詳しく

文字列を一気に変更できる「文字列置換ソフト」

Windows用

Devas

共通のメニューや、各ページのタイトルタグを一気に変更したいとき、ファイルを一つずつ変更していては大変です。 「文字列置換ソフト」を使えば、すべてのページのお好きな文字列を一気に書き換えることが可能です。

⇒「文字列置換」ソフト

Mac用

検索置換ラクダX

このソフトはドラッグ＆ドロップされたファイルの文字列検索置換を行います。
検索置換リストとしてテキストファイルを使える他、正規表現・後方置換が使えます。

⇒「検索置換ラクダX」のページへ

ファイルをサーバにアップするための「FTPソフト」

Windows用
FFFTP
フリーソフトです。
かなり多くの愛用者の老舗FFTPソフトです。
⇒「FFFTP」のページへ

Mac用

このソフトはドラッグ＆ドロップされたファイルの文字列検索置換を行います。
検索置換リストとしてテキストファイルを使える他、正規表現・後方置換が使えます。

⇒「Fetch」のページへ

ホームページのカスタマイズ「デザイン系ツール」

簡単かつ直感的な範囲指定で、きれいなスクリーンショットを撮影

窓フォト

「キャプチャしたい範囲を窓フォトのウィンドウで囲う」という視覚的な範囲指定によって、画面を簡単かつきれいにキャプチャするソフトウェアです。
範囲指定キャプチャ以外にも、デスクトップ全体のキャプチャや連続キャプチャなどがあります。
そのほか、マウスカーソルの同時キャプチャや、キャプチャ画像のクリップボードへのコピー、アクティブウィンドウの自動捕捉など、キャプチャに欠かせない様々な機能が搭載されています。

画面の色を取得するカラーピッカー

FE – Color Palette

このフリーソフトはデスクトップ上のカラーコードをスポイトで取得してくれる。「画面上の、この色を使いたい！」と思ったときにスポイトで画面上の色を選択すれば、RGB形式やHSV形式などのカラーコードを取得することが出来ます。

配色ツール

色を選ぶのが苦手な人には是非使っていただきたいツール。
「Edit Active Color」を左右に動かすだけで、美しい６色の組み合わせを提案してくれます。

⇒「ColorBlender.com」のページへ

⇒「WEB色見本原色大辞典 - HTML Color Names

色の名前とHTMLタグが一目でわかるWEB色見本

ダウンロードし放題商用利用可能な写真素材

サイト作成に役立つ無料画像や素材やジェネレーターサイトなど
フリーで使える素材集をご紹介します。
画像を効果的に使うことでサイトのクオリティを高め、
よりインパクトの高いサイトを作る事が出来ます。
厳選してフリーで使える素材サイトをご紹介していますが、
画像の使用にあたっての注意などは、各サイトごとに違います。
規約をご確認の上、自己責任でのご使用をお願いします。

⇒「写真素材足成」へ

⇒無料写真素材・フリー画像素材のリンクスタイル

⇒｢stock.xchng

(ＩＤ登録が必要ですが、DTP やweb サイトなど商用でも利用可能！
ハイレベルなデザイン画像やワンポイント画像が多く、
高解像度画像のダウンロードも可能です。)

⇒PhotoXpress

(海外サイトでID 登録が必要ですが、有料級のハイクオリティな画像が多いです。
登録すると一日に3 枚までダウンロードが可能になり、
プロフィールを作成すると10 枚までダウンロードが可能になります。)

⇒FreeDigitalPhotos.net

(FreeDigitalPhotos.net は640 ピクセルのスモール画像なら登録不要で
無料でダウンロード可能です。)

⇒http://www.ac-illust.com/index.php

イラストACは、イラスト・挿絵・キャラクター・クリップアート・年賀状・素材の無料ダウンロードサイト。JPEG形式の画像もEPS形式のファイルも無料でダウンロードし放題。商用利用OK。編集OK。ホームページなどにもフリーでお使いいただけます。