webサイトを作る準備と作業の流れ

webサイト作りに必要なソフト

HTML・CSS・CGIファイルの正体は「テキストファイル」です。そのテキストファイルを編集するためのソフトを「テキストエディタ」といいます。

名前・入手先	特徴など
メモ帳（NotePad）	Windowsに最初から入っているシンプルなテキストエディタ。
TeraPad	HTMLやPerlの色分けに対応。CSSは色分け未対応。HTML Helper with TeraPadを導入するとHTML入力支援機能をつけられる。
EmEditor	タブで複数ファイルを開ける。多くの言語の色分けに対応。
UnEditor	タブで複数ファイルを開け、画面分割で表示や一括検索・一括置換も可。多くの言語の色分けに対応。HTML入力支援機能あり。
Crescent Eve	シンプルなHTML/CSSエディタ。入力支援機能、文法チェック機能あり。
ez-HTML	タブ・画面分割表示可。入力支援機能・FTP機能あり etc etc…と、とにかく高機能で多機能なHTMLエディタ。

その他のエディタはVector: テキストエディタまたはVector: HTML作成で探せます。

webサイトを飾る画像を作るためのソフト。

名前・入手先	特徴など
PictBear	国産高機能フルカラーペイントソフト。上位版のPictBear SEも。
Pixia	豊富な機能で多彩な表現を行えるフルカラーペイントソフト
GIMP2	フリーで高機能なグラフィックソフト、「フォトショップキラー」の異名を持つ
JTrim	軽快な画像レタッチソフト

その他のグラフィックソフトはVector: グラフィックエディタで探せます。

名前・入手先	特徴など
FFFTP	windowsユーザ向けのフリーのFTPソフトではもっとも有名。

パソコン内で作ったサイト用のファイルをインターネット上のサーバスペースに転送するソフトをFTPクライアント（FTPソフト）といいます。

webサイトを見るためのソフトを「webブラウザ」といいます。Windowsには最初から「Internet Exploler」が搭載されていますが、色々な種類のソフトがあります。

同じHTML・CSSでもブラウザによって表示の解釈（レンダリング）が違う場合があるので、複数のブラウザでの表示確認をすることが望ましいです。

名前・入手先	特徴など
Internet Explorer	Windowsに標準搭載されているwebブラウザ。ユーザー数No.1。なのにレンダリングは規格にあまり忠実でなく、独自拡張が多いです。
Netscape	以前はIEの最大のライバルといわれていたブラウザ。最近はユーザ数が減ってきた感も。※Netscapeブラウザは2008年1月をもってサポート終了だそうです。
Firefox	シンプルなタブブラウザ。エクステンションがたくさん開発されていて、ユーザ好みに改造が可能。最近はユーザ数が増えてきました。レンダリングは規格に忠実といわれています。
Opera	サクサク動いて速い、エクステンションを導入しなくても多機能なブラウザ。レンダリングにやや癖がある印象。

その他のwebブラウザはVector: Web用ユーティリティで探せます。