資料３ 簡単なディジタル教材作成で まずホームページビルダーに慣れよう トップページ（index.htm) 【活用する主な機能】 ・ページの背景 ・表の挿入 ・ロゴの作成 ・文字入力 ・静止画の挿入 ・リンクの挿入（別ページへ） 別ページ（gen.htm) ・新規作成 ・表の作成 ・文字入力 ・動画の挿入（プラグイン） ・静止画の挿入 ・リンクの挿入（動画へ） ・リンクの挿入（トップページへ） １ １「トップページ」の作成 ①「ページの背景」 ・ナビメニューの「壁紙の挿入」 をクリック →「素材集から」をクリック →壁紙を選択して開く ・スタンダードをクリック ↓ ・メニューバー「ファイル」をクリック ↓ ・「標準モードで新規作成」を クリック ↓ ・ページを保存 →名前を付けて保存 →ファイル名は「ｉｎｄｅｘ」 ②「表の作成」 ・ナビメニューの「表の挿入」 をクリック →「３行１列」に変更 →「表の枠を表示する」の チェックをはずす →ＯＫをクリック ③「ロゴの作成」 ・表の１行目をクリック ・ナビメニューの「ロゴの作成」 をクリック →「オーケストラの楽器」と入力 →「文字の大きさ」「デザイン」を 調整して「完了」をクリック ２ ④「文字入力」 ・表の２行目をクリック ・「弦楽器」と入力 ・ドラッグして「文字の大きさ」 など調整 ⑤「静止画の挿入」 ・表の３行目をクリック ・ナビメニューの「写真ファイル の挿入」をクリック →「ファイルから」をクリック →Ｘドライブから「seishi1」を 選んで「開く」をクリック ２「別ページ」の作成 ①新規作成 ・「標準モードで新規作成」を クリック ↓ ・ページを保存 →名前を付けて保存 →ファイル名は「gen」 ②「表の作成」 ・ナビメニューの「表の挿入」 をクリック →「２行２列」に変更 →「表の枠を表示する」の チェックをはずす →ＯＫをクリック ３ ③「文字入力」 ・表の１行目左をクリック →「バイオリン」と入力 ・表の２行目右をクリック →「戻る」と入力 ・ドラッグして「文字の大きさ」 など調整 ④「動画の挿入」 ・表の２行目左をクリック ・メニューバーの「挿入」をクリック →「その他」→「プラグイン」 ・「参照」をクリック →Ｘドライブから「douga1」を 選んで「開く」をクリック →ＯＫをクリック ⑤「静止画の挿入」 ・表の２行目右をクリック ・ナビメニューの「写真ファイル の挿入」をクリック →「ファイルから」をクリック →Ｘドライブから「seishi2」を 選んで「開く」をクリック ⑥「リンクの挿入」（動画へ） ・表の１行目右の写真を右クリック ・「リンクの挿入」をクリック →「参照」をクリックし，Ｘドライブにする →「ファイルの種類」を「すべてのファイル」変更する →Ｘドライブの「douga2」を選んで開く →ＯＫをクリック ４ ３ハイパーリンク トップページ（index.htm) ①「リンクの挿入」（弦楽器→別ページへ） ・「弦楽器」をドラッグして右クリック ・「リンクの挿入」をクリック →「参照」をクリックし，Ｘドライブにする →Ｘドライブの「gen.htm」を選んで開く →ＯＫをクリック 別ページ（gen.htm) ②「リンクの挿入」（戻る→トップページへ） ・「戻る」をドラッグして右クリック ・「リンクの挿入」をクリック →「参照」をクリックし，Ｘドライブにする →Ｘドライブの「index.htm」を選んで開く →ＯＫをクリック ４教材を見る ・「プレビュー」をクリックする ・「 」をクリック ・「index.htm」をダブルクリック ５ ディジタル教材構想シート（ホームページビルダーＶ９） 教科名（ 単元・領域等（ ） 【活用場面】 □導入 □展開 □まとめ 【活用目的】 ） □学習意欲向上 □課題の把握 □技能面の習得 □技能面の習得 □資料（説明解説） □資料（課題解決） □資料（発表） □知識・理解の定着 □次時の課題提示 □ページの背景 □表の作成 □ロゴの作成 □文字の入力 □静止画の挿入 □動画の挿入（プラグイン） □リンクの挿入（動画・ページ） トップページ ファイル名（ ） □ページの背景 □表の作成 □ロゴの作成 □文字の入力 □静止画の挿入 □動画の挿入（プラグイン） □リンクの挿入（動画・ページ） ファイル名（index.htm） □ページの背景 □表の作成 □ロゴの作成 □文字の入力 □静止画の挿入 □動画の挿入（プラグイン） □リンクの挿入（動画・ページ） ファイル名（ ）
© Copyright 2024 Paperzz
