2009年10月
はじめに
近年、個人でホームページを作るのも当たり前の時代になってきています。ホームページを作った事がない人からすると、なんだか難しいそうに思いがちですが、一度仕組みが分かってしまえば、簡単に誰でも作れます。当ホームページでは、そんなホームページを作った事がない人に1週間でホームページの作り方を覚える事ができるよう、情報をご提供していきます。
ホームページ作成ソフトはドリームウィーバーと画像編集ソフトはファイヤーワークスを使用します。
ビジネスでのホームページの必要性
作成の流れ
ホームページ作成は、簡単に分けると4つのステップがあります。
STEP① ホームページの構成を錬る
どんなホームページを作って、誰に見せたいのかを考え、作成する項目、表示する位置、画像を表示するか否か。大枠の考えをまとめて、必要な資料(文章)や素材(写真、画像)を予め用意しておくと作成しやすいでしょう。
作成にあたっての注意事項
ホームページ作成にあたっての注意事項として、特に気を付けなくてはならないのが、ホームページを公開する事によって社会的責任が生じるという事です。
違法性がある内容のもの、名誉毀損にあたる他人の悪口などは、公開しないように注意しましょう。
また他人の著作物、写真、画像、楽曲に関しましては、本人の許可なく掲載することは、著作権の侵害になりますので、ご注意下さい。
ホームページを公開するにあたって、ドメインとサーバーが必要になるのですが、有料のドメイン、サーバーを利用の場合は、期限が切れるとインターネット上で見れなくなってしまいますので、期限が切れないようにしましょう。
ホームページの構成を考えよう
①まずは、テーマを決めましょう。
ここでは、例としてアラスカのホームページを作るとします。
②次にホームページに載せたいサブテーマを決めましょう。
例)ごあいさつ、アラスカの歴史、アラスカの自然、アラスカの暮らし、アクセス方法、などなど
③サブテーマが決まりましたら、同じようにサブテーマの中で更に分けれるものがありましたら、分けて下さい。
例)アラスカの自然 ⇒ 動物、植物
④そのテーマごとに必要な文章と写真をまとめておきましょう。情報の変更はいつでもできるので、なんとなく内容が揃えばOKです。
⑤ある程度の素材(文章や写真)が決まりましたら、どのテーマから見てもらいたいかや、どのような順番で見てもらいたい、などを決めて頂きます。
例) 見てもらいたい順番 ①ごあいさつ②アラスカの歴史③アラスカの自然④アラスカの暮らし⑤アクセス方法
目立たせたいテーマ アラスカの自然など
⑥最後に、どのようなホームページを作るか考えます。最初は、インターネットで他のホームページを見ると勉強になります。
今回の(例)はアラスカなので、ハワイについてのホームページや、他の地域紹介サイトなどのホームページが参考になるでしょう。
素材の用意と構成
ホームページのレイアウト紹介
ホームページの構成が決まりましたら、どのような位置で文章や画像を配置するか決めましょう。
レイアウトの種類には、いろいろありますが、ここでは、4パターンのレイアウトを紹介いたします。
紹介するレイアウト以外もありますので、いろんなホームページを見て自分のホームページに合ったレイアウトを決めるといいでしょう。
ホームページを作成ソフトを用意する
当サイトでホームページを作成する為に使用するソフトは、以下になります。
adobe社
WEBサイトやWEBアプリケーションを効率的にデザイン・開発・管理する『DREAMWEAVER』
詳しくはホームページ⇒ http://www.adobe.com/jp/products/dreamweaver/
adobe社
WEBグラフィックとプロトコル制作の『FIREWORKS』
詳しくはホームページ⇒ http://www.adobe.com/jp/products/fireworks/
上記ソフト以外でも、ホームページの作成は可能なのですが、私的には、この二つのソフトを使う事をお勧めいたします。
またソフトの購入は、ネットで購入するのが一番安いと思います。
購入するお勧めサイトは、価格.comです。
http://kakaku.com
画像(写真)の大きさの変更
FIREWORKSを立ち上げて頂きます。
①まず、大きさを変えたい画像(写真)をFIREWORKSで開きます。
上の「FILE」タブ ⇒ 「開く」を選んで下さい。
画像(写真)に文字を入れる
FIREWORKSを立ち上げて頂きます。
①まず、大きさを変えたい画像(写真)をFIREWORKSで開きます。
上の「FILE」タブ ⇒ 「開く」を選んで下さい。
ファイルの選択画面が出てきますので、文字を加えたい画像(写真)を選んで下さい。
②画像が開けましたら、ツールのテキストツールを選択して下さい。(Aと書いてある所を押して下さい)
③マウスのカーソルを画像の上にのせクリック。書きたい文字を入力します。
④フォントの変更や文字サイズの変更は、ツールにある選択ツール(黒矢印)を選択し、画像を選択してから、変更して下さい。
※変更されない場合は、画像が選択されてないので、(黒矢印)が選択されているか再度確認してら、同じプロセスを試してください。