お小遣いサイト作成
お小遣いサイトに限らず、ホームページを作成するためにはいくつか必要なものがあります。
- ブラウザ
インターネットでホームページを見るための、Internet Explorer ・ Netscape ・ Firefox ・ Opera などのソフトです。
これは、作成中のページレイアウトや出来上がったページがどんなふうに表示されるかを確認するために必要なものです。
できれば、Internet Explorer ・ Netscape ・ Firefox などをインストールして確認するといいですよ。
理由は、タグなどの中にはブラウザによって対応していないタグがあるため、Internet Explorer で表示されるものが Netscape では表示されないということもあります。場合によっては、レイアウトがくずれてしまうこともあります。
ただ、あまり神経質になる必要はなく、ページの内容が確認できないような表示のされかたはほとんどないので、念のために Internet Explorer ・ Netscape ・ Firefox くらいはインストールして確認することをおすすめします。
どのソフトもタダですからね!
- テキストエディタ(作成ソフト)
HTMLはテキストファイルですから Windows に付属の「ワードパッド」や「メモ帳」などで作成することができます。手書きで作成するのが難しい場合は、タダのホームページ作成ソフトなどがあるので利用しましょう。
また、作成ソフトはフリーのものでも素晴らしいものもあるので、自分に合うものを探すことをおすすめします。
有料版でおすすめなのは、初心者でも感覚的にとても簡単にホームページを作成できる「ホームページビルダー」がおすすめです! このソフトにはプレビュー機能があり、ホームページを作成しながら出来上がりの画面(どのように表示されるか)を1クリックで確認しながらページを作成できるので、初心者でも簡単にサイトを作成できます。 また、レイアウト画面とタグの画面を上下2段で表示しながら作業することもできるので、とても便利です。ページ数が増えれば増えるほど作業の時間短縮になりますからこのソフトは優れものですよ! 管理人は手打ちで作成していますが、プレビュー機能が便利なのでこのソフトを使っています。いちいちブラウザを立ち上げなくても確認できるのはとても便利ですよね! |
- FTP ソフト
作成したHTMLファイルや画像などをプロバイダのサーバに転送するときに使います。こちらもフリーで素晴らしいものがあるので、自分で使いやすいものを利用しましょう。FTPソフトを活用
- 画像編集ソフト
ホームページを作成する時、画像などを上手に使うと、とても素敵なページになります。通常 GIF・JPEG・PNG 形式となるため、これらの画像をあつかえる編集ソフトが必要です。
windows にもはじめから編集ソフトが インストールされていると思うので、それらを使って編集するか、タダのソフトを探して利用します。購入すると以外にお高いので ^^; 無料の素材サイトなどを利用するのも一つの方法ですよ!
- プロバイダ・サーバ
ホームページを公開するためには接続サービスを提供するプロバイダと、作成したファイルを置くサーバが必要となります。たいてい、プロバイダがタダでホームページスペースを提供しているので、個人のホームページならこれらで十分でしょう。
ただし、タダのホームページスペースの場合は商用利用が禁止されているところが多いので利用規約をよく読んで利用しましょう。また、スペースの容量や繋がりやすさ・CGIが利用できるかどうかなどもよく検討しましょう。
ちなみに管理人は、プロバイダは Yahoo! BB
で、サーバ(ホームページスペース)は ロリポップを利用しています。
このページでは、ホームページ作成に関する一部の便利ソフトを紹介していますので、参考にしていただければ幸いです。また、無料のソフトは Vector などでたくさん紹介されているので、自分に合うものを使いましょう。
ホームページ作成 便利ソフト
| ┌────────── │ |
──────────┐ |
|
あらゆる機能を搭載したホームページ作成・管理ツール
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
シンプルなテキストエディタで基本的な機能をもっています
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
2画面表示でプレビューしながら編集できるHTMLエディタ
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
Macintosh用のテキストエディタです
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
HTMLやスタイルシートの編集機能を豊富に搭載するHTMLエディタ FREE
|
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
JavaScriptを素早く簡単に知識がなくても作成できる
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
プレビュー機能付き簡単スタイルシート自動作成ソフト
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
ローカル及びインターネット上のHPのリンクチェックツール
FREE |
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
ホームページ作成時の面倒な色指定を簡単に行うことができる FREE
|
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
自分のホームページでオリジナルカラーの吹き出しが使えるFREE
|
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
作成したホームページのファイルを転送するソフト FREE
|
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |
| ┌────────── │ |
──────────┐ |
|
ファイルをアイコンにドラッグ&ドロップするだけで、ファイルの圧縮・解凍ができるソフト FREE
|
|
│ │ |
|
│ │ |
|
| │ └────────── |
──────────┘ |