STEP 1
ホームページを作る前に


最低限必要なこと

ホームページを作るための準備

絵が描けない…

時にはマネも大切?

これだけは知っておきたい


最低限必要なこと

ホームページを作るために最低限必要なものは『テキストエディタ』だけです。WindowsでもMacでもOSに関係なく作成することができます。たとえばWindowsにはテキストエディタとして「メモ帳」が付属しています。自分が使いやすいものを使うことをおすすめします。ホームページ作成ソフトをお持ちの方はもちろんそちらを使用するのも良いでしょう。ただ、テキストエディタで作る方法を知ることによってそのようなソフトにはできない微妙な調整ができるようになります。また、ページの構造(詳しくは後で)も理解できるようになります。


ホームページを作るための準備

実際に作り始める前に、ホームページを作るための準備がいくつかあります。

1.ホームページのテーマを決める

いざホームページを作るといっても『何を』テーマにして作るかが決まっていないと始まらないでしょう。とりあえず自己紹介と掲示板
は作ったけど…という方もいるのではないのでしょうか?もちろんそれだけでも立派なホームページです。

まず、テーマを1つだけ決めます。その方があれもこれもと決めてしまうより作りやすいでしょう。後から少しずつ追加していけばよいのです。テーマはもちろん何でも構いません。

2.ホームページのタイトルを決める

ホームページのタイトルはそのページの内容が理解できるものが理想です。ちなみにこのページは悪い例ですね。

3.フォルダを作成する

ホームページのデータは1つのフォルダを作成し、そこに全てのファイルを保存するようにすると良いでしょう。テキスト、画像、MIDIなどとにかく必要なものはまとめて1つのフォルダに入れておきます。フォルダの中でさらに分類しても構いません(画像とかMIDIとか…)。

4.ページのデータは?
ホームページは通常HTML(Hyper Text Markup Language)で書きます。もちろんこのページもです。拡張子は[*.htm]または[*.html]ですが、[*.htm]の方が良いでしょう。このファイルを作成するのには特別なソフトが必要ではないかと思われますが、HTMLのデータは「テキスト形式」です。そういうわけでテキストエディタでも簡単に作ることができます。

例:Windowsに付属している『メモ帳』での保存の仕方

「名前を付けて保存」を選択すると保存の画面が表示されます。画面下のファイルの種類のところで通常は「テキスト文書」となっていますが、「すべてのファイル (*.*)」を選択します。そしてファイル名に「○○○.htm」と入力して保存すればよいのです。これはテキスト形式のデータファイルであれば同じことができます。


絵が描けない…

「ホームページに載せる画像が自分作れない。」と悩んでいる人はかなりいると思います。作者もその一人ですから…。そういうときにはデザインを工夫してみましょう。たとえば、背景の色や文字の色を変えてみたりするだけでも違います。

また、インターネット上には画像やアイコンなどのフリー素材などが多く公開されています。それらを利用すれば、簡単に、楽に、そしてきれいに作ることができます。以下に1つだけ紹介しておきます。

G-TOOL
http://www.siliconcafe.com/gtool/


時にはマネも大切?

「このページいいな。」と思ったらとりあえず保存しておきましょう。右クリックで「ソースの表示」を選択すれば、簡単にそのページのソースを見ることができます。ただし、そのためにはHTMLをある程度理解している必要があります。これもテキストエディタで作ることの1つのメリットかもしれません。今は無理でもある程度分かってきたら思い出してみてください。


これだけは知っておきたい

ホームページを作るときに少なく知っておきたいことは著作権です。インターネット上のあらゆるものには著作権があります。最悪の場合訴えられてしまいます。前に書いたフリー素材などは問題ありませんが、キャラクター関連の物はたとえそれが自分の描いたものであっても著作者に無断でホームページに載せることはできません。そうでないものでも作者の許可無しに無断で利用することはできません。よく「私的利用に関してはOK」とありますが、だからといって私的なホームページに利用しても良いということにはなりません。私的なといっても結局は第三者に公開しているからです。どうしたらいいかわからない場合は直接その作者に聞いてみましょう。

著作権に関するリンクを紹介しておきます。詳しくはこちらを参照してください。

日本著作権機構
http://jca.net-b.co.jp/

ネットワーク時代の知的所有権入門
http://www.imasy.or.jp/~ume/copyright-ml/inetmag/


ページのトップ STEP 2

戻る