Ｗｏｒｄでホームページ

Wordでホームページ ハーブの 栽 培 -TOPページ サブページ 転 送

Wordでホームページ ハーブの 栽 培 -TOPページ サブページ 転 送

目 次 作 成 に 必 要 な 素 材 の 準 備 1 Webページの 作 成 の 準 備 と 保 存 フォルダ 作 成 1 Word の 設 定 2 Webページの 作 成 と 保 存 フォルダの 作 成 3 Webページの 作 成 4 フレーム 機 能 の 表 示 と 設 定 2 6 6 7 menu( 上 フレーム)ページの 編 集 1 保 存 ページを 開 く 2 タイトルの 挿 入 main( 下 フレーム)ページの 編 集 1 mainページを 開 く 2 表 の 作 成 と 画 像 説 明 文 の 入 力 3 壁 紙 の 挿 入 4 保 存 15 15 20 21 28 29 サブページの 作 成 ハーブティーの 効 用 ハーブ 料 理 ハーブの 栽 培 1 保 存 フォルダの 作 成 と 編 集 2 サブページ[ryori]の 編 集 3 サブページ[ti] ハーブの 栽 培 の 編 集 アップロード 1 アップロードとは? 2 FTP アカウント 3 サーバーとの 契 約 4 アップロード 30 36 44 45 45 45 45

Wordでホームページを 作 成 するメリット ホームページを 作 成 するには 特 別 なソフトが 必 要 と 思 っていませんか? 普 段 使 用 しているパソコンにインストールされている Microsoft Word を 使 用 して Webページを 作 成 すると 高 価 なソフトを 購 入 することもなく また そのソフトの 使 用 方 法 を 覚 える 時 間 も 必 要 がなく 手 軽 に 通 常 使 い 慣 れている 入 力 方 法 で 作 成 することができます 画 像 や 文 字 入 力 を 手 軽 入 力 し レイアウトをして 楽 しくWebページを 作 成 してみませんか そして インターネット に 自 作 の 情 報 を 発 信 して 家 族 やお 友 達 にも 見 ていただきましょう 作 成 に 必 要 な 素 材 の 準 備 1 どのような 目 的 のページを 作 りたいか 構 想 を 練 っておきましょう 2 プロバイダーとの 契 約 主 なプロバイダーのホームページ ASAHIネット DION DTI nifty OCN Yahoo!BB ぶらら http://asahi-net.jp/ http://www.dion.ne.jp/ http://www.dti.ne.jp/ http://www.nifty.com/ http://www.ocn.ne.jp/ http://www.bbpromo.yahoo.co.jp/ http://www.plala.or.jp/ 3 素 材 ( 画 像 など)の 準 備 このホームページ 用 の 画 像 保 存 フォルダに 取 り 込 んでおきます 自 分 で 撮 ったデジカメ 写 真 から 必 要 な 画 像 を 選 んでコピーしておく Wordでボタンアイコンヤタイトルを 作 成 しておきます 1

1 Word の 設 定 Webページの 作 成 の 準 備 と 保 存 フォルダ 作 成 1 単 位 の 設 定 このホームページは 印 刷 するだけのものではなく パソコン 上 で 見 る[ Web]を 目 的 としたも のなので 単 位 のポイントをピクセルに 変 更 しておきます 1 Word を 立 ち 上 げましょう デスクトップの Microsoft Word 2010 をクリックします 2 Word が 開 きました メニューバー 左 の ファイル タブをクリックします 3 ファイルの 画 面 が 表 示 左 下 の オプション をクリック 4 続 いて 左 側 の 詳 細 設 定 をクリックします 2

5 Webのオプション ダイアログが 表 示 スクロールして 下 の 方 の 表 示 から 使 用 する 単 位 右 の 欄 をクリックして 一 覧 より ポイント(pt) をクリック ホームページには 国 際 基 準 により ポイント(pt) を 使 用 します にチェックを 入 れます 2 ブラウザの 指 定 の 設 定 (ブラウザのバージョンを 低 いバージョンにすることで 最 新 の 機 能 はつかえませんが ブラウザ 上 での 表 示 問 題 を 少 なくすることが 出 来 ます) 1 続 いて 下 にスクロールして Webオプション をクリック Webオプション ダイアログボックスの ブラウザ タブをクリック 対 象 ブラウザを Microsoft Internet Explorer4.0 Netscape Navigator 4.0 またはそれ 以 降 ] に 3

3 ファイル 名 と 保 存 場 所 の 設 定 1 Webオプション の ファイル タブをクリック 全 ての 項 目 にチェックをいれます 同 じ 階 層 に 画 像 用 フォルダが 作 成 され 画 像 ファイルがそこに 保 存 され.files がつきます 保 存 するときに リンク 切 れ の 問 題 が 起 きないようにします 2 モニタ 画 面 サイズの 設 定 図 タフ をクリック 画 面 サイズを 800 600 に ピクセル/インチ を 96 に OK をクリック 元 の 画 面 に 戻 ります 4 パスの 互 換 性 Windows 以 外 の OS や 国 内 以 外 のパソコンでは パス の 表 記 を を 使 用 しないので これに よって 起 きる 問 題 を 避 けるために パスの 互 換 性 をとるようにします 1 互 換 性 オプションの 適 用 先 レイアウトオプション 左 の をクリックします 4

オプション の 中 の OK をクリック のチェックを 外 します 5 拡 張 子 の 表 示 webの 拡 張 子 が 表 示 されるように 設 定 します 1 コンピュータを 開 き (エクスフローラー)を 表 示 整 理 の をクリック フォルダと 検 索 オプション をクリック 2 フォルダオプション が 表 示 表 示 タブを 選 択 登 録 されている 拡 張 子 は 表 示 しない のチェックを 外 す OK をクリック 5

2 Webページの 作 成 と 保 存 フォルダの 作 成 1 保 存 フォルダの 作 成 作 成 した データ や 画 像 ファイル を 保 存 しておくフォルダを 作 っておきます 1 ドキュメント を 開 く 左 タスクの 整 理 の をクリックして 新 しいフォルダ をク リック 保 存 場 所 は 任 意 の 場 所 (ドキュメントの 以 外 に USBメモリー コンピュータ(D)ドライ ブなど) 2 青 く 反 転 した 状 態 で 表 示 されたフォルダに 名 前 を ハーブの 栽 培 と 入 力 ホームページ 作 成 に 必 要 な ハーブの 栽 培 画 像 ( 画 像 保 存 フォルダ 資 料 ) も 移 動 しておきます 保 存 フォルダを 閉 じます 3 Webページの 作 成 1 Wordを 起 動 1 スタートボタン より すべてのプログラム Microsoft Word 2010 をクリック 6

2 Webページの 表 示 1 右 側 の 表 示 タブを 選 択 文 書 の 表 示 グループより Webレイアウト をクリック 2 Web ページになりました ページを 左 右 上 下 に 伸 縮 してみましょう 1 枚 のページとして 利 用 することができます 4 フレーム 機 能 の 表 示 と 設 定 ページを 左 右 上 下 分 割 して 利 用 できるフレーム 作 成 の コマンド をメニューバーに 表 示 します 1 フレームコマンドの 表 示 1 ファイル をクリック 左 下 の オプション をクリック 2 Webのオプション ダイアログが 表 示 左 側 の リボンのユーザー 設 定 をクリック 7

3 右 側 に リボンのユーザー 設 定 の 画 面 が 表 示 されました コマンドの 選 択 をクリックして 表 示 されたリストから すべてのコマンド を 選 択 4 これから 選 択 するコマンドを 保 存 しておく 場 所 を 作 成 しておきます メインタブ 欄 外 の 新 しいタブ(W) をクリック メインタブの 最 下 段 に 新 しいタブ(ユーザー 設 定 ) が 設 定 されました 5 これから フレームのコマンドを 選 択 して 作 成 した 新 しいタブ に 移 動 します コマンドの 画 面 を 1 下 にスクロールして 2 フレームのプロバティー を 選 択 中 央 の 3 追 加 をクリック 右 の 欄 に 4 フレームのプロバティー が 追 加 されました 8

6 続 いて 新 しいフレーム( 上 ) 新 しいフレーム( 下 ) 新 しいフレーム( 右 ) 新 しいフレーム( 左 ) を 11つずつ 選 択 してそれぞれ 2 追 加 (A) をクリックしていきましょう 3 右 新 しいグループ(ユーザー 設 定 )に 移 動 したのを 確 認 して OK をクリックします 7 Word のページに 戻 ります メニューバーに 新 しいタブ が 追 加 されていることを 確 認 します これから ホームページのフレーム 作 成 に 利 用 していきます 2 フレームの 作 成 横 2 分 割 フレーム を 作 成 します 1 横 2 分 割 フレーム の 作 成 新 しいタブ をクリックして 選 択 コマンドの 新 しいフレーム( 上 ) をクリック 9

2 作 成 されたフレームの フレーム 枠 線 を 上 にドラッグします( 後 で 自 由 に 修 正 できます) 3 リンクターゲット 用 としてフレームの 保 存 リンクターゲット とは リンク 先 のページを 表 示 するフレームのことです この 場 合 は 上 フ レーム または 下 フレームのどちらかになります 新 しいフレーム タブを 選 択 して 開 いておきます 1 上 のフレームにカーソルを 置 き フレームのプロバティ をクリック 2 フレームのプロバティ が 表 示 フレーム タブを 選 択 名 前 を 半 角 英 数 で menu に 高 さを 基 準 の から ピクセル に サイズ の 幅 を 130 位 ( 後 で 変 更 可 ) OK をクリック 10

3 続 いて 下 フレームにカーソルを 置 き フレームのプロバティ をクリックします 4 フレームのプロバティ が 表 示 フレーム タブを 選 択 名 前 の から main を 選 択 サイズ はそのままにして OK をクリック 4 Webページとして 保 存 Webページ とは 文 字 を 入 力 したり 画 像 を 挿 入 して 編 集 するページのことです 各 ページをWebページとして 作 成 しておいた 保 存 ファイル の 中 に 保 存 をします 1 上 フレームで 右 クリック フレーム 名 を 付 けて 保 存 をクリック 11

2 名 前 を 付 けて 保 存 が 表 示 作 成 しておいた 保 存 ファイル ハープの 効 用 を 表 示 します ( 今 回 はドキュメントから) ファイル 名 = 半 角 英 数 で menu と 入 力 ファイルの 種 類 の から Webページ(フィルタ 後 ) を 選 択 保 存 をクリック 保 存 を 尋 ねるアラートが 表 示 はい をクリック 3 下 フレームで 右 クリック フレーム 名 を 付 けて 保 存 をクリック 12

4 名 前 を 付 けて 保 存 が 表 示 されます ファイル 名 = 半 角 英 数 で main ファイルの 種 類 の から Webページ(フィルタ 後 ) を 選 択 保 存 をクリック 5 保 存 を 尋 ねるアラートが 表 示 はい をクリック 6 Web のtopページ ( menu と main ) の 保 存 をします ファイル をクリック 名 前 をつけて 保 存 をクリック 13

7 保 存 フォルダをクリックして 開 きましょう ファイル 名 を 半 角 英 数 で index. と 入 力 1 ファイルの 種 類 の をクリックして Webページフィルタ 後 を 選 択 2 ページ に タイトルを 付 けます タイトルの 変 更 をクリック 3 ページタイトル に ハーブの 効 用 4 OK をクリックし 保 存 をクリック 保 存 を 尋 ねるアラートが 表 示 はい をクリック 5 Webページを 閉 じて 保 存 一 応 Webページを 閉 じます 1 ファイル をクリック 閉 じる ( 次 回 からは 上 書 き 保 存 )をクリック ページが 終 了 し ます 14

menu ( 上 フレーム)ページの 編 集 1 保 存 ページを 開 く Webページを 開 きます 1 Word を 起 動 します ファイル から 開 く をクリック 2 Web 保 存 フォルダ ハーブの 栽 培 をクリックして 開 きます 続 いて フォルダ ハーブの 栽 培 の 中 の index を 選 択 して 開 く をクリック 2 タイトルの 挿 入 画 像 と ワードアートの 文 字 を 組 み 合 わせてタイトルを 作 成 します 1 画 像 とワードアート 文 字 を 表 示 するための 2 列 1 行 の 表 を 挿 入 Web 上 での 画 像 は 位 置 が 不 安 定 になりやすいため 表 を 利 用 して 画 像 を 安 定 させるため 1 挿 入 タブから 表 の をクリック 2 列 1 行 を 選 択 します 左 側 に1 列 は 一 調 整 のための 列 でなにも 入 力 しません 15

2 表 をページの 中 央 に 設 定 します 表 の 左 上 の 選 択 マーク を 右 クリック 表 のプロパティー をクリックします 3 表 のプロパティ ダイアログが 表 示 表 タブを 選 択 配 置 グループの 中 央 揃 え を 選 択 文 字 の 折 り 返 し グループを なし に 設 定 OK をクリック 4 枠 線 を なし に 設 定 します 再 度 表 を 選 択 し 右 クリック 線 種 とページ 罫 線 と 網 かけの 設 定 をクリック 16

5 線 種 とページ 罫 線 と 網 かけの 設 定 のダイアログが 表 示 罫 線 タブを 選 択 種 類 グループの 罫 線 なし を 選 択 し OK をクリック 2 画 像 保 存 ファイル から 画 像 の 挿 入 と 編 集 1 枠 線 が なし の 設 定 になりました 左 のセルを 縮 小 し 右 のセルに 作 成 しておいた タイトル 画 像 を 挿 入 します 表 の 中 央 の 罫 線 にカーソルを 移 動 し 左 にドラッグします 2 タイトル 画 像 を 挿 入 します 挿 入 タブを 選 択 図 グループより 図 をクリックします 2 画 像 保 存 ファイル ハーブの 栽 培 画 像 を 開 きます title を 選 択 し 挿 入 をクリック 17

3 画 像 が 挿 入 されました タイトルの 下 へ トップ 画 面 へ 戻 るリンク 文 字 HOME を 設 定 します Title の 下 中 央 に 移 動 HOME と 入 力 します フォント の 種 類 を HG 丸 ゴシックM フォントサイズ を 12 太 文 字 に 設 定 色 を 濃 い 赤 に 設 定 2 動 作 確 認 字 際 に Web になった 場 合 に 画 像 がずれていないかの 確 認 をします 1 上 書 き 保 存 をします 2 保 存 ファイル ハーブの 栽 培 を 開 いて index をクリックします 3 Web が 表 示 されました Taitle 画 像 とリンク 文 字 HOME がずれている 場 合 は 表 の 左 セルの 幅 を 調 整 してみます 18

3 HOME にリンクの 設 定 TOPページに サブページ が 開 いている 場 合 元 の TOP ページの 戻 るための 設 定 です 1 ボタン HOME を 選 択 挿 入 タブをクリックし リンクグループより ハイパーリンク をクリックします 2 ハイパーリンクの 挿 入 が 表 示 リンク 先 を ファイル Web ページ を 選 択 検 索 先 を 現 在 のフォルダ を 選 択 します 中 央 の ファイル 一 覧 から main.htm を 選 択 します 右 ターゲット を 選 択 します 3 現 在 のフレームページ の 下 側 をクリック 下 フレームが 青 く 反 転 して 表 示 します 右 上 の ドキュメントを 表 示 するフレームを 選 択 欄 の から main を 選 択 OK をクリック 元 の 画 面 に 戻 るので OK を クリック 4 ページを 閉 じます ファイル をクリック 閉 じる をクリック 保 存 をきいてくるので 保 存 をクリック 19

main( 下 フレーム)ページの 編 集 1 main ページを 開 く 1 Web ページを 開 きます 1 Word を 起 動 します ファイル から 開 く をクリック 2 Web 保 存 フォルダ ハーブの 栽 培 を 開 きます main を 選 択 して 開 く をクリック 3 main が 表 示 されました 20

2 表 の 作 成 と 画 像 説 明 文 の 入 力 表 を 使 って 画 像 と 説 明 の 文 字 を 組 み 合 わせて 作 成 します 1 表 の 挿 入 と 編 集 1 挿 入 タブを 選 択 表 グループより 表 の をクリックします 2 表 の 挿 入 から 4 行 2 列 をドラッグして 選 択 します ページに 表 が 展 開 して 表 示 されます 3 表 が 挿 入 されました 画 像 を 挿 入 する 左 列 を 縮 小 します 中 央 の 枠 線 を 左 にドラッグして 縮 小 ( 後 で 調 整 可 能 ) 説 明 文 を 入 力 する 右 列 を 拡 張 します 右 枠 線 を 右 に 拡 張 します 後 で 調 整 可 能 ) 4 3 段 目 までセルを 結 合 します そこに 画 像 を 挿 入 します 左 列 3 段 をドラッグして 選 択 セルの 結 合 をクリック 説 明 文 やリンクボタンを 入 力 する 右 列 はそのままにしておきます 21

2 画 像 の 挿 入 5 結 合 したセルを 挿 入 する 画 像 のサイズに 固 定 する 設 定 をします 画 像 挿 入 セルの 中 で 右 クリック 児 童 調 整 をポイントし 右 に 表 示 の 列 の 幅 を 固 定 する をクリックします 2 左 の 列 に 画 像 を 挿 入 します 左 セルの 中 にカーソルを 移 動 挿 入 タブを 選 択 図 ボタンをクリック 2 画 像 保 存 ファイルを 表 示 habu. を 選 択 して 挿 入 をクリック 22

3 画 像 をセルの 中 央 に 配 置 します 画 像 を 選 択 右 端 に 表 示 された レイアウト を 選 択 配 置 グループの 中 央 揃 え をクリックします 3 タイトルの 挿 入 と 編 集 下 図 を 参 考 に 入 力 していきます 1 表 の 右 列 1 行 目 にタイトルを 挿 入 します 右 列 の 中 にカーソルを 移 動 し ハーブの 栽 培 と 利 用 と 入 力 文 字 を 編 集 します 文 字 列 を 選 択 フォントの 種 類 の から HG 丸 ゴシックM-PRO サイズを 16 に 太 字 に 位 置 揃 えを 中 央 揃 え にします フォントの 色 を 白 にします 23

4 文 字 列 に 網 掛 け 1 文 字 列 のセルに 網 かけ をします 文 字 列 のセルを 選 択 表 ツールの デザイン をクリック 塗 りつぶし の をクリック 好 みの 色 をクリック します 5 説 明 文 の 入 力 と 編 集 1 タイトルの 行 からカーソルを 1 段 下 げ 中 央 揃 え にしておきます 下 表 を 参 考 に 文 字 を 入 力 します ハーブは 昔 からやけどの 手 当 てなどに 使 われており とても 身 近 な 植 物 です また 抽 出 した 精 油 (エッセンシャルオイル)は 身 体 や 心 に 心 地 よい 力 を 与 えてくれたりします 栽 培 や 料 理 などをページにしてみました 2 文 字 の 編 集 をします 文 字 列 を 選 択 フォントの 種 類 を HG 丸 ゴシック フォントサイズを 12 に 設 定 します 24

6 ボタンアイコン の 挿 入 作 成 しておいたリンク 用 手 作 りボタンアイコン を 挿 入 します 1 リンク 用 のボタンアイコンの 挿 入 位 置 を 固 定 さすために 2 列 1 行 の 表 を 挿 入 します 3 行 目 にカーソルを 移 動 中 央 揃 えにします 挿 入 タブから 表 をクリック 2 列 1 行 を 選 択 します 表 の 中 に 2 列 1 行 の 表 が 挿 入 されました 2 調 整 用 の 左 セルを 縮 小 しておきます 3 表 を 中 央 に 配 置 します 表 左 上 の 選 択 マーク をクリック 表 のプロパティ をクリック 4 表 のプロパティ が 表 示 配 置 グループの 中 央 揃 え をクリック OK をクリック 25

5 表 の 中 へ リンクボタン を 挿 入 します 表 の 中 へカーソルを 移 動 挿 入 タブの 図 ボタンをクリックします 6 画 像 保 存 フォルダを 表 示 ボタンアイコンの ハーブティー (image00) を 選 択 挿 入 をクリック 4 ボタンアイコン ハーブティー (image00) が 挿 入 されました 続 けて 残 りのボタン ハーブ 料 理 Mail( も 同 じ 手 順 で 挿 入 します 26

7 表 を 中 央 揃 え にする 1 表 を 選 択 します 選 択 した 表 の 上 で 右 クリック 表 のプロパティ をクリックします 2 表 のプロパティ が 表 示 配 置 グループの 中 央 揃 えをクリック 8 表 の 枠 線 を 削 除 1 表 が 中 央 揃 え になりました 続 いて 表 の 枠 線 を 削 除 します 表 を 選 択 します 選 択 した 表 の 上 で 右 クリック 線 種 とページ 罫 線 と 網 かけの 設 定 を クリックします 表 左 上 の 選 択 印 をクリック 表 示 されたリストから 線 種 とページ 罫 線 と 網 掛 けの 設 定 をクリック 27

2 線 種 とページ 罫 線 と 網 掛 けの 設 定 のダイアログが 表 示 罫 線 タブを 選 択 左 の 種 類 から 罫 線 なし をクリック 右 下 の 設 定 対 象 の から 表 を 選 択 します OK をクリック 3 表 の 枠 線 が 消 えた 状 態 ( 破 線 ) になっています 追 加 の 表 も 枠 線 の 非 表 示 設 定 しておくましょう 上 書 き 保 存 しておきましょう 3 壁 紙 の 挿 入 1 カラーパレットから 壁 紙 の 挿 入 白 と オレンジ の2 色 を ぼかし にして 壁 紙 に 設 定 します 1 ページレイアウト タブを 選 択 ページの 背 景 グループの ページの 色 の をクリック 塗 りつぶし 効 果 をクリック 28

2 塗 りつぶし 効 果 のダイアログが 表 示 グラデーション タブを 選 択 色 グループから 2 色 にチェックを 入 れます 色 1 の から 白 をクリック 色 2 の をクリックし カラーパレットの 右 端 オレンジ アクセント 6~ をクリックします グラデーションの 種 類 から 横 を 選 択 バリエーション の 右 上 を 選 択 して OK をクリック 4 保 存 壁 紙 が 挿 入 されました ページを 閉 じて 保 存 をします 1 ファイル から 閉 じる をクリックします 保 存 を 聞 いてくるので 保 存 をクリックします 29

サブページ ハーブティーの 効 用 ハーブ 料 理 ハーブの 栽 培 の 作 成 サブページの 保 存 フォルダを3つTOPページ 保 存 フォルダの 中 に 作 成 しておきます このサブページもTOPページと 同 じように 表 によるレイアウトを 使 用 します 画 像 の 配 置 リンクボタンの 配 置 は TOPページを 基 本 に 差 し 替 え をするだけです 各 サブページに 基 本 となる TOPページ をコピーしておきます 1 保 存 フォルダの 作 成 と 編 集 1 サブページ 保 存 フォルダの 作 成 1 TOPページの 保 存 されているフォルダ ハーブの 栽 培 ダブルクリックして 開 きます 2 保 存 フォルダ ハーブの 栽 培 が 開 きました 新 しいフォルダ をクリックします 青 く 反 転 したフォルダが 表 示 名 前 入 力 します タブに 新 しいフォルダ が 表 示 されていない 場 合 は フォルダの 空 白 の 中 でクリックしてみて ください 30

3 名 前 入 を 半 角 英 数 で ti と 入 力 します 後 のサブページのフォルダ ryouri saibai も 同 じ 手 順 で 作 成 しましょう ti ryori saibai の3つのフォルダが 作 成 できたら フォルダ ハーブの 栽 培 を 閉 じます 2 サブページ ryori へTOPページ レイアウト をコピー Word から main ページを 開 きます 1 Word を 起 動 ファイル から 開 く をクリック 保 存 フィルダ ハーブの 栽 培 を 開 きます main をクリックして 開 く をクリック 31

2 TOPページが 開 きました このページをサブページ ryori に コピー をします ホーム タブから 編 集 の をクリック 表 示 された 一 覧 から すべて 選 択 をクリック 3 サブページ 保 存 ファイル ryouri に 名 前 を 付 けて 保 存 をします 名 前 を 付 けて 保 存 をクリック 4 名 前 を 付 けて 保 存 が 表 示 保 存 フォルダ ryori をダブルクリックして 開 きます 32

5 保 存 フォルダ ryori が 開 きました ファイル 名 = 半 角 英 数 で ryori と 入 力 ファイルの 種 類 の から Webページ(フィルター 後 )して 保 存 をクリック 保 存 をきいてきます はい をクリック 1 サブページ 保 存 ファイル saibai に 名 前 を 付 けて 保 存 をします 名 前 を 付 けて 保 存 をクリック 33

5 名 前 を 付 けて 保 存 が 表 示 保 存 フォルダ saibai をダブルクリックして 開 きます 保 存 フォルダ saibai が 開 きました ファイル 名 = 半 角 英 数 で saibai と 入 力 ファイルの 種 類 = から Webページ(フィルター 後 )に 保 存 をクリック 保 存 をきいてきます はい をクリック 6 サブページ 保 存 ファイル ti に 名 前 を 付 けて 保 存 をします 名 前 を 付 けて 保 存 をクリック 34

7 名 前 を 付 けて 保 存 が 表 示 保 存 フォルダ ti をダブルクリックして 開 きます 保 存 フォルダ ti が 開 きました ファイル 名 = 半 角 英 数 で ti と 入 力 ファイルの 種 類 = から Webページ(フィルター 後 )にして 保 存 をクリック 保 存 をきいてきます はい をクリック TOP ページを 右 上 の で 閉 じます 35

2 サブページ[ryori]の 編 集 画 面 の 画 像 やリンクボタンを 取 り 替 えたり 文 字 の 入 力 変 更 などをしていきます 1 ファイル ryori を 開 く 1 Word を 起 動 ファイル を 選 択 開 く をクリックします 2 保 存 ファイル ハーブの 効 用 から ryori をダブルクリック フォルダ ryori が 開 きます ファイル ryori を 選 択 し 開 く をクリックします 2 画 像 の 差 し 替 え 1 トプページをコピーした 画 面 です 左 列 の 画 像 を 取 り 替 えて ryori 用 の 画 像 を 挿 入 します 36

2 左 セルの 元 画 像 を Delete キーで 削 除 します 挿 入 タブを 選 択 図 をクリックします 左 セルに セル 枠 の 固 定 を 設 定 しておきます( 中 で 右 クリック 自 動 調 整 から 列 の 幅 を 固 定 する をクリック) 3 画 像 保 存 ファイルを 表 示 foo21 を 選 択 し 挿 入 をクリック 3 表 の 下 に 画 像 が 挿 入 しました 37

3 タイトルの 変 更 1 右 1 行 目 の 文 字 ハーブの 栽 培 と 利 用 を 削 除 します 2 ハーブの 料 理 と 入 力 します 4 説 明 文 の 変 更 1 差 し 替 え 予 定 の 説 明 文 を 削 除 します 2 つぎの 文 字 列 を 入 力 します ハーブは さまざまな 料 理 に 利 用 されています 普 通 の 料 理 でもハーブを 使 用 することにより 香 りや 風 味 がアップして まるでプロの 料 理 のようになります それだけでなく 体 や 心 にも 良 いハーブもたくさんありますので 是 非 いろいろな 料 理 に 挑 戦 してみてください 38

3 文 字 の 編 集 をします 文 字 列 を 選 択 フォントの 種 類 を HG 丸 ゴシック フォントサイズを 12 に 設 定 します 4 不 要 なリンクボタンを 削 除 します 左 から2つ 目 の ハーブ 料 理 を 削 除 します 5 表 の 追 加 と 編 集 1 リンクボタンの 下 に 行 を 追 加 します リンクボタンのセルの 中 で 右 クリック 表 示 されたリストから 挿 入 をポイント 右 のリストから 下 に 行 を 挿 入 をクリック 39

2 別 添 の 資 料 ; ハーブの 栽 培 画 像 の 中 の ハーブの 栽 培 説 明 文 を 開 いてコピー)します 3 表 にカーソルを 置 くと 左 上 に 表 示 される 選 択 印 表 示 された 一 覧 より コピー をクリックします をクリック その 上 で 右 クリック 4 追 加 して 行 の 中 で 右 クリック 貼 り 付 け をクリック 5 表 が 挿 入 されました 表 をセルの 中 で 中 央 揃 えにしておきましょう P25を 参 照 40

6 リンク の 設 定 1 ハーブティー にリンクの 設 定 リンクボタン ハーブの 栽 培 を 選 択 挿 入 から リンク グループの ハイパーリンク をクリック 2 ハイパーリンクの 編 集 が 表 示 リンク 先 では ファイル Web ページを 選 択 検 索 先 では 現 在 のフォルダ を 選 択 中 央 の 検 索 ファイル ti.htm を 選 択 し 右 ターゲットフレーム をクリックします ターゲットフレームの 設 定 が 表 示 右 上 の ドキュメントを 表 示 するフレームを 選 択 の をクリックして 同 じフレーム を 選 択 または 入 力 します OK をクリック 元 の 画 面 に 戻 るので OK をクリック 41

ハーブの 栽 培 にリンクの 設 定 リンクボタン ハーブの 栽 培 を 選 択 挿 入 から リンク グループの ハイパーリンク をクリック ハイパーリンクの 編 集 が 表 示 リンク 先 では ファイル Web ページを 選 択 検 索 先 では 現 在 のフォルダ を 選 択 中 央 の 検 索 ファイル saibai.him を 選 択 し 右 ターゲットフレーム をクリックし ます ターゲットフレームの 設 定 が 表 示 右 上 の ドキュメントを 表 示 するフレームを 選 択 では ページの 既 定 値 (main) を 選 択 または 入 力 します OK をクリック 元 の 画 面 に 戻 るので OK をクリック 42

3 Mail にリンクの 設 定 リンクボタン Mail を 選 択 挿 入 から 図 グループの 図 をクリック ハイパーリンクの 挿 入 が 表 示 左 リンク 先 の 電 子 メールアドレス を 選 択 します 右 表 示 文 字 列 欄 に 半 角 英 数 で メールアドレス を 入 力 OK をクリック 7 上 書 き 保 存 でページを 保 存 後 ページを 終 了 1 ファイル 閉 じる をクリック 保 存 をきいてきます 保 存 をクリックします 40 43

3 サブページ[ti] ハーブの 栽 培 の 編 集 ryouri の 作 成 手 順 を 基 に 下 図 の 完 成 図 を 参 考 にして ページの 編 集 をしましょう 参 考 資 料 は ハーブの 栽 培 画 像 の 中 に ハーブの 栽 培 説 明 文 があります この 中 の 画 像 説 明 文 を 入 力 またはコピーをします 1 ハーブティの 効 用 完 成 図 2 ハーブの 栽 培 完 成 図 43

アップロード 1 アップロードとは? インターネットでソフトをパソコンに 受 け 取 ることを ダウンロード といいます 反 対 にイン ターネットに 公 開 するために サーバーへ 作 成 した Web サイトのファイルを 転 送 することを ア ップロード といいます アップロードすると Web サイトは インターネットに 公 開 され 誰 でも 見 ることができるように なります 2 FTP アカウント Web に 接 続 し 作 成 シタデータを サーバーへ 送 信 したりする 際 に 使 用 する 通 信 規 約 を FTP (Fil Transfer Protocol) と 呼 びます 3 サーバーとの 契 約 WWWサーバーへ 作 成 した Web サイトのファイルを 転 送 して インターネットに 公 開 するために は サーバーとの 契 約 が 必 要 です インターネット のサーバーの ホームページ から 契 約 できます サーバーの 契 約 が 終 わると 下 記 情 報 が 送 られてきます 例 URL ; http://homepage3.nifty.com./pcyuyuculub/ プロバイダーの 選 択 ; @nifty(アット ホームページ FTPサーバー 名 ; ftp49.nifty.com FTPアカウント ; hd193111 パスワード ; 87ab9cd3 4 アップロード 1 コンピュータ を2 度 押 して エクスフローラ 画 面 を2つ 起 動 します 44

2 1つ 目 の エクスフローラ の アドレス 入 力 欄 の 文 字 を 削 除 して FTPサーバー 名 を 入 力 中 央 の 移 動 をクリック 同 じ 画 面 開 く 方 法 : Ctrl + N キーを 押 す 下 欄 に サーバー 一 覧 が 表 示 その 中 の homepage フォルダを クリックして 選 択 3 以 前 に 送 信 したファイルが 開 いている 場 合 は この 上 に 上 書 き 転 送 をします 不 要 の 場 合 は すべて 選 択 ( 左 上 の 整 理 の をクリックして すべて 選 択 をクリック)をし 選 択 されたファイルを 右 クリック 削 除 をクリックします 4 もう1つの エクスフローラ に 作 成 したフォルダを 開 きます すべて 選 択 をします 45

5 2つの エクスフローラ を 並 べます 左 の 選 択 した ファイル を 右 のサーバーにドラッグします 転 送 がはじまります 6 インターネットの 検 索 欄 に URL を 入 力 して 転 送 を 確 認 しましょう Word でホームページ 作 成 ハーブの 栽 培 上 フレーム Microsoft Word 2010 対 応 2013 年 3 月 第 1 版 2014 07 20 修 正 西 川 君 江 46