Word 2007でWebページ(ホームページ)を作成する方法

対象機種 VALUESTAR、他… すべて表示する、   折りたたむ
LaVie(〜2014年12月発表)、Mate、VersaPro、ValueOne
VALUESTAR、LaVie(〜2014年12月発表)、Mate、VersaPro、ValueOne
対象OS Windows 7 Home Premium、他… すべて表示する    折りたたむ
Windows 7 Professional
Windows 7 Ultimate
Windows 7 Starter
Windows Vista Home Basic
Windows Vista Home Premium
Windows Vista Business
Windows Vista Ultimate
Windows XP Professional
Windows XP Home Edition
Windows XP Media Center Edition 2005
Windows 7 Home Premium
Windows 7 Professional
Windows 7 Ultimate
Windows 7 Starter
Windows Vista Home Basic
Windows Vista Home Premium
Windows Vista Business
Windows Vista Ultimate
Windows XP Professional
Windows XP Home Edition
Windows XP Media Center Edition 2005

Q&A番号:009778  更新日:2012/10/30

Word 2007でWebページ(ホームページ)を作成する方法を教えてください。

Word 2007でWebページ(ホームページ)を作成する方法について案内します。

Word 2007でWebページ(ホームページ)を作成する方法について案内します。

はじめに

ホームページ作成ソフトを使用せずとも、Word 2007があれば簡単なホームページを作成することができます。
ここでは例として、下図のようなホームページを作成してみましょう。

ホームページを作成するといっても、通常の Word文書を作成する方法とほとんど変わらないため、Word 2007で文書を作成できる方なら簡単にホームページを作成できます。

1. タイトルと画像を挿入する

「ワードアート」や「クリップアート」機能を使ってタイトルと画像を挿入してみましょう。 タイトルと画像を挿入するには、以下の操作を行ってください。

  1. Word 2007を起動し、「リボン」より「表示」→「文書の表示」の「Web レイアウト」をクリックします。

  2. 「リボン」より「ホーム」→「段落」の「中央揃え」をクリックします。

  3. 「リボン」より「挿入」→「テキスト」の「ワードアート」をクリックします。

  4. 下図のワードアート雛形をクリックして選択(クリック)します。

  5. 「「Word」で作るホームページ」と入力します。「フォント」は「HG創英角ポップ体」を選択してください。
    選択後、「OK」ボタンをクリックします。

  6. 挿入したワードアートをクリックして選択し、表示される四方の「■」をドラッグ操作で大きさを調節してください。大きさの調節後、Enterキーを押します。

  7. 「リボン」より「挿入」→「図」の「クリップアート」をクリックします。

  8. 「検索」欄に「世界」と入力し、「検索」をクリックします。
    下図のクリップアートが表示されますので、クリックしてください。

    補足

    同じ図柄(クリップアート)がない場合は、他の図柄をご利用ください。

  9. 選択した図柄(クリップアート)が表示されます。Enterキーを押し、改行します。

以上で操作完了です。

2. 文字を入力し、ハイパーリンクを設定する

「文字の装飾」や「ハイパーリンク」機能を使って文字を入力し、ハイパーリンクを設定してみましょう。
文字を入力し、装飾やハイパーリンクの設定を行うには、以下の操作を行ってください。

  1. 「ようこそ!・・・」から「メール」までを入力します。

  2. 「Last Update 2008/4/30」及び「目次」をドラッグ操作で選択し、「リボン」より「ホーム」→「フォント」の「フォントの色」の▼をクリックして「赤」を選択します。

  3. 「目次」のみをドラッグ操作で選択し、「リボン」より「ホーム」→「フォント」の「フォントサイズ」より「14」に選択し、「太字」ボタンをクリックします。

  4. 「今、Wordを考える」をドラッグ操作で選択し、「リボン」より「挿入」→「リンク」の「ハイパーリンク」をクリックします。

    補足

    「ハイパーリンク」について

    文字列にハイパーリンクを設定しておくと、その文字列をクリックした際に、関連するページ/画面が表示されるようになります。

    ハイパーリンクには、主に以下のものを設定できます。

    • 既に作成済みのホームページ
    • インターネット上のアドレス(例: http://121ware.com など)
    • メールアドレス(例: xxxx@xxxx.xxxx.test.ne.jp など)
  5. ここでは例として、弊社ホームページ「121ware.com」へのリンクを設定してみましょう。
    「ファイル、Webページ」をクリックし、「アドレス」欄に「http://121ware.com」と入力します。入力後、「OK」ボタンをクリックします。

  6. ハイパーリンクが設定されたため、文字列に下線が引かれ、文字の色が変わりました。
    同様に、「人生におけるホームページの意味」「121ware.comへリンク」をそれぞれドラッグ操作で選択し、ハイパーリンクを設定してください。

  7. 「メール」にハイパーリンクを設定しましょう。
    「メール」をクリックすると、指定したメールアドレスが入力されている状態でメール作成画面が表示されるように設定します。

    「メール」をドラッグ操作で選択し、「リボン」より「挿入」→「リンク」の「ハイパーリンク」をクリックします。

  8. 「電子メールアドレス」をクリックし、「電子メールアドレス」欄に送信先の電子メールアドレスを入力します。
    入力後、「OK」ボタンをクリックしてください。

    ここでは例として、「電子メールアドレス」欄に「xxxx@xxxx.xxxx.test.ne.jp」と入力しています。

    補足

    「電子メールアドレス」欄に電子メールアドレスを入力すると、自動的に「mailto:」という文字列が挿入されます。

以上で操作完了です。

現時点で、下図のような状態になります。

3. ページ全体に背景を設定する

「背景」機能を使ってホームページの背景に色や模様などを設定しましょう。
ホームページの背景に色や模様などを設定するには、以下の操作を行ってください。

  1. 「リボン」より「ページ レイアウト」→「ページの背景」より「ページの色」をクリックします。

  2. 背景に設定したい色を選択します。
    ここでは例として、「薄い青」を選択しています。

以上で操作完了です。

背景が設定されました。

4. Webページ(ホームページ)として文書を保存する

「Webページとして保存」機能を使って作成した文書をWebページ(ホームページ)として保存しましょう。
Webページ(ホームページ)として保存するには、以下の操作を行ってください。

  1. 「Office」ボタンをクリックし、「名前を付けて保存」→「その他の形式」をクリックします。

  2. 保存したい場所を選択してファイル名を付け、保存します。

    ここでは例として、「デスクトップ」をクリックして選択し、「ファイル名」に「ホームページ」と入力しています。「ファイルの種類」には「Webページ」を選択し、「保存」ボタンをクリックしてください。

  3. 画面右上の「×」ボタンをクリックして Wordを終了します。

以上で操作完了です。

作成した「ホームページ」ファイルと、関連する画像ファイルなどをまとめて保存してある「ホームページ.files」フォルダが表示されています。
「ホームページ」ファイルをダブルクリックするなどするとInternet Explorer が起動し、作成したホームページが表示されます。

ハイパーリンクを設定した文字列のいずれかをクリックし、指定したページが開かれる、または、メール作成画面が表示されることをご確認ください。

補足

作成したホームページを Wordで再編集したい場合は、ファイルを右クリックし、「編集」をクリックしてください。

↑ページトップへ戻る