ホームページの作り方 入門 一週間で覚えるホームページ(ドリームウィーバーとファイヤーワークス

2009年10月

はじめに

近年、個人でホームページを作るのも当たり前の時代になってきています。ホームページを作った事がない人からすると、なんだか難しいそうに思いがちですが、一度仕組みが分かってしまえば、簡単に誰でも作れます。当ホームページでは、そんなホームページを作った事がない人に1週間でホームページの作り方を覚える事ができるよう、情報をご提供していきます。

ホームページ作成ソフトはドリームウィーバーと画像編集ソフトはファイヤーワークスを使用します。


ビジネスでのホームページの必要性

インターネットの使用人口は確実に増えています。調べでは日本には約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」タブ ⇒ 「開く」を選んで下さい。

fw_ookisa_01.gifファイルの選択画面が出てきますので、文字を加えたい画像(写真)を選んで下さい。


②画像が開けましたら、ツールのテキストツールを選択して下さい。(Aと書いてある所を押して下さい)

      fw_moji_01.gif

③マウスのカーソルを画像の上にのせクリック。書きたい文字を入力します。

④フォントの変更や文字サイズの変更は、ツールにある選択ツール(黒矢印)を選択し、画像を選択してから、変更して下さい。
※変更されない場合は、画像が選択されてないので、(黒矢印)が選択されているか再度確認してら、同じプロセスを試してください。

 



Page: 1 < 2  次の10件>>
TOPPAGE  TOP 
スポンサードリンク

サイト内検索


RSS2.0