ホームページを作るまでに必要な物などを一通り説明していきます。・制作するコンテンツを考えよう!ホームページを作る上で最も重要な要素は「コンテンツ」です。ホームページとは、「コンテンツ」を寄せ合わせた物ですから、コンテンツ内容次第で訪問者が決まるのです。初めに「コンテンツ」を考えます。どのような方向性を持ったホームページにするかを明確に決定することが大切です。・コンテンツ数を考えよう!ホームページの主となる「主要コンテンツ」の数を決めます。「1つ2つの少ないコンテンツに絞り、詳しく載せる方法」と「平たく多くのコンテンツを載せる方法」との主に2つの方法があります。前者は、サイト運営者の深い知識が必要になりますが、更新するコンテンツは比較的少ないので管理が楽にできます。後者は、薄い知識でも十分対応できますが、更新するコンテンツの量が多いので管理が大変になります。更新が滞れば訪問者も減ってしまいます。サイト名(ホームページ名)を考えよう!サイト名は、見ただけで、聞いただけで内容が分かるように心懸けて下さい。どのようなサイトであるかまでは分かりません。サイトの内容が分からなければ、あまり行ってみようとは思いませんよね。「ホームページの内容が分かる」サイト名にするのが良いのです。★ホームページスペース家を建てる場合のように、ホームページを作る場合にも「場所」が必要になります。プロバイダのサイトから無料で登録でき、広告も付きませんので、それを使うことを推奨致します。家族の人が使用しているといった場合にはレンタルサーバを考えましょう。レンタルサーバと言っても「有料」か「無料」かの二通りあります。訪問者にとってデメリットになるので、よいホームページを目指すにあたり、あまりお勧めできるものではありません。レンタルサーバを利用する場合レンタルサーバを利用する場合は次のことに気を付けましょう。有料の場合は月額いくらか?・ホームページスペース(貸し出される容量)は適切か?(何MBと書いてある)・CGIは利用可能か?(掲示板やチャットが設置可能か?)・サポートは大丈夫か?★ホームページ制作ソフトホームページを作る為のソフトです。Windows付属のメモ帳でも十分ですが、必要に応じてHPビルダーなどのホームページ制作ソフトを使うこともできます。そのようなソフトを使うと良いホームページへの道が遠ざかっていきます。手書きで書けるようになることも当講座の目的ですので、メモ帳のようなテキストエディタを使用するようにしましょう。初期費用も掛からないので手軽に行えることでしょう。★画像編集ソフトホームページを彩る上で画像は不可欠です。なるにつれ情報の理解度も上がります。実際に生活している中でも、周辺と違う物には目が移るでしょ?文字だらけの物より、絵が描いている方が楽しく読めるでしょ?画像編集ソフトのお勧めはAdobeSystemsのPhotoshopです。価格が10万弱、学割でも4万弱という高値なので、機能を制限したPhotoshopElement2をオススメ致します。こちらですと、12,800円、学割で6,400円なので手が届く範囲だと思います。スキャナーが欲しいという方はバンドル品を購入するのが良いでしょう。パソコン購入時に付属ソフトが付いている場合はそれを使うとお金を掛けずに済みます。それに、自分自身で使い慣れているソフトの方が効率的ですしね。★ホームページ制作ソフトを準備しよう!ホームページは、HTMLと言われるホームページ記述言語で書かれています。今表示されている画面上で「右クリック」→「ソースの表示(V)」を選んでみて下さい。何やら理解不明なものが表示されていますよね、これがHTML言語なんです。以下、このホームページの源をソースと呼んでいきます。テキストエディタで手打ちする場合はこのHTMLを覚えなくてはなりません。このHTMLを覚えることにより、より柔軟でより良いホームページを作ることができます。手打ちによるホームページ制作は、ファイルサイズを減らすにはもってこいの方法です。CSSを併用することによってサイト全体を統一することが容易にできるんです。手打ちによる利点は、何よりも初期投資が不必要なことですね。ホームページビルダーの様なホームページ制作ソフトを使用する場合は、数千円〜数万円の初期投資が必要な上、ソフトの使い方を覚えなくてはなりません。その代わり、HTMLを覚えて手書きで書くより視覚的な編集ができ、労力を省いてくれるでしょう。手打ちを推奨する訳ホームページ制作ソフトは最初の間はきっと重宝することでしょう。将来性を考えるとテキストエディタで作る方が理想的でしょう。HTMLは覚えるべき!?ホームページを「持つ」だけで終わるか「見せたい」と思うかによって異なってきます。「持つ」だけで良いのなら、ホームページ制作ソフトで十分なので覚える必要はありません。当講座を見る必要もないことでしょう。「見せたい」と思うのでしたら、細かな設定ができるようにHTMLを覚えるべきです。覚えて作っていく間に楽しくなっていきます。実際に友人から楽しくなったと言われました。★画像編集ソフトを準備しよう!サイト名も周囲と同じ文字だったら見分けが付きません。そんなときに役に立つのが画像です。周囲と異なった状況を作ることにより、人の目を引き、より良いナビゲーションに役に立てることが出来ます。昔に撮った写真を公開したい。撮った写真を直ぐに公開したい。そんなときに役立つのは「スキャナ」や「デジカメ」といった周辺機器です。スキャナは、写真や紙など2次元的なもの高画質なデジタル画像にします。昔に撮った想い出の写真や、紙に描いた絵を公開したい場合に必要です。デジカメは、3次元の物をデジタルデータで保存するので、手間なく公開できるという利点があります。※より多くの画像を公開するには大容量のホームページスペースが必要になります。★サイト構成を考える!ホームページには様々な「コンテンツ」があります。製作者側としては「多くの人に見て貰いたい」と願っています。訪問者側、見る側としては「自分の欲しい情報、興味を引かれる情報が見やすく分かりやすく整理されている」ことを願っています。製作者自身は自分のサイトで迷子になることはありません。訪問者は何処に何があるのか分からないので迷子になります。訪問者の立場に立ったサイト構成を考える必要があるのです。それぞれのページにトップへのリンクを張っておくという些細な心がけが使いやすい良いホームページへの一歩となるでしょう。★トップページはメニュー?トップページは、通常、訪問者が初めに目にするページです。見るべき情報が何処にあるのかを探すことでしょう。探している情報を見つけることができなければ他のサイトを探しにいきます。各コンテンツへのリンクは見やすく機能的に配置しておくことです。フレームを使ってメニューを別画面に表示しておくのも「ひとつの手」となります。企業さんのページにはよくサイトマップという形でメニュー専用のページを設けているところがあります。することによって見たい情報をいち早く正確に提供することができます。個人サイトでもページ数が多くなると、便利機能の1つになるでしょう。サイトマップがあるページは訪問者に優しいページとして評価されることがあります。★ページは軽くするのが鉄則!特にトップページは軽くしましょう。トップページを表示するのに5秒も10秒も掛かっていたのでは訪問者は待ちきれずに何処か別の場所へ行ってしまいます。ブロードバンド(高速回線)が普及している中、まだナローバンド(低速回線)を使用している多くの人がいるのが現状です。トップページは画像を含め30KB以内にするのがベストといえます。トップページ以外でも不要な画像は省いて、同じ時間で多くのコンテンツを見てもらえる工夫をすることが重要になります。写真やCGを公開する場合にはサイズを明記しておくことにより待ち時間によるストレスを軽減することができます。★ナビゲーションの仕方〜まとめ〜・コンテンツを見やすく機能的に整理する。・コンテンツへのリンクは内容が分かるようなコメントを付けておく。・サイトマップも作っておくと尚更良い。・どのページからでもトップページへ戻れるようにする。・現在どのコンテンツにいるか分かるように工夫する。・サイズの大きなコンテンツへはサイズも明記する。★ファイル名、フォルダ名の付け方ウェブページや画像には、それぞれ適切な名前を付ける必要があります。名前は全て「半角英数」に統一します。ネット上ではWindows上と異なり、大文字小文字が区別されるのでリンクを張る際には注意しましょう。小文字のみに統一すると分かり易くて良いでしょう。★ファイルの拡張子[.html][.jpg][.gif][.png]など拡張子は小文字にする習慣を付けておいた方が良いです。拡張子が複数ある場合「[.htm]と[.html]、[.jpeg][.jpg]」も片方に統一しておくと管理が楽になるでしょう。私の場合は「.html」「.jpg」に統一しています。一般的にもこちらの割合の方が多いです。開いても「工事中」という文字・・・訪問者のストレスが溜まる姿が目に浮かびます。未完成ならリンクを張らない方がよいでしょう。文字化けの原因になりますので極力使わないようにしましょう。「機種依存文字」ってのはなんだよ?と言われる方は本多哲郎さんのページをご覧下さい。詳しく書かれています。★見やすいページとは?・サイト全体のデザインが統一されている。・項目毎に色分けされている・効果的に画像が配置されている・ページがスムーズに切り替わる。★画面の対象サイズ現在のモニタ解像度の主流は「1024x768」です。継いで「800x600(一割弱)」や、より高い解像度が並んでいます。「640x480」は存在しません。この大きさを基準にして作ったのでは横に広がり、解像度の低いモニタではとても見れたものではありません。そこで、基準とする画面サイズが必要になるのです。現在主流の「1024x768」にするか「800x600」を対象に入れるかが問題となるわけです。(当講座は「800x600」を基準)基本は「800x600」で作り、フレームメニューを付けると「1024x768」にする方法も良いでしょう。トップページでフレームの有無で分けると、どちらの訪問者の意志も尊重できます。大手検索エンジンの「Yahoo」のトップなんかは「800x600」を対象として制作されています。★ブラウザの違いIE、NN、OPなどブラウザやそのバージョン毎に表示のされ方が異なります。全てのブラウザに対応することによって訪問者の数にも差が出てくるでしょう。初めはIEのみの対応でも良いですが、慣れてくるにつれ、他のブラウザに対応していきましょう。することによって、ユーザー思いの良いホームページへとなっていきます。