【Googleサイト】研修用ページを作成する方法〜実践編

作りながら学ぶ

シリーズ連載を通して、ポータルサイトを作りながらGoogleサイトを体系的に学ぶ方法を解説。


こんにちは、たま(@closuppo)です!

今回は「第8回:研修用ページを作成する方法」について説明していきます。

インターネットで公開されている動画やテキスト教材を使って研修用ページを作成しましょう。

タマ

全シリーズは以下のページにまとめてます


※目次をクリックすると
タイトルの先頭まで移動します(↓)

目次



前回のおさらい

googleサイト006

作成するサンプルサイトはこちら

シリーズ連載を通して上図サンプルサイトを作成しています。

前回の記事では、営業成績のグラフや、よくある質問をまとめたページを作成しました。

今回は、その続きでインターネットで公開されている動画やテキスト教材を使って研修用ページを作成します。

前回の記事はこちら


研修ページを作成する

研修用のページを作成しましょう。


ページを追加する

ページメニューからボタンをクリックすると小さいウィンドウが表示されますので「研修」と入力し完了をクリックしてください。

googlesites-study801

見出しのタイプを変更する

ヘッダー背景の画像を非表示にして、タイトルのみ表示されるシンプルなヘッダーに変更しましょう。

背景画像にカーソルを合わせ見出しのタイプボタンをクリックしてください。

googlesites-study802

タイトルのみボタンをクリックしてください。

googlesites-study803

ページを移動する

ドラッグ&ドロップで【研修】ページを【営業】ページの下に移動してください。

googlesites-study804

動画教材を共有する

YouTubeやGoogleドライブに保存した動画教材を共有しましょう。


見出しを作成する

空白欄をダブルクリックし【テキストボックス】を追加してください。

googlesites-study805

【テキストボックス】に「Googleサイトの教科書」と入力し【スタイル】を見出しに変更してください。

googlesites-study806

【セクションの背景】を強調1に変更してください。

googlesites-study807

YouTube経由で動画を挿入する

挿入メニューからYouTubeボタンをクリックしてください。

googlesites-study808

キーワード検索すると、YouTube動画一覧が表示されます。

動画を選び選択ボタンをクリックして動画を挿入してください。

googlesites-study809

Googleドライブ経由で動画を挿入する

空白欄をダブルクリックしドライブボタンをクリックしてください。

googlesites-study810

動画ファイルを選択し挿入ボタンをクリックしてください。

googlesites-study811

動画を挿入できました。

googlesites-study812

テキスト教材を共有する

インターネットに公開されているテキスト教材をポータルサイトで共有しましょう。


見出しを作成する

空白欄をダブルクリックし【テキストボックス】を2つ追加してください。

googlesites-study813

1つめの【テキストボックス】に「テキスト教材」と入力し【スタイル】を見出しに変更してください。

googlesites-study814

【セクションの背景】を強調1に変更してください。

googlesites-study815

教材ページのリンクを挿入する

2つめの【テキストボックス】に「第1回:Googleサイトを新規作成する方法」と入力し、箇条書きボタンをクリックして文章の行頭に「・(中黒)」を付けてください。

googlesites-study816

テキストを選択して状態でリンクを挿入ボタンをクリックしてください。

googlesites-study817

【リンク】の入力欄に別サイトのURLを入力し適用をクリックしてください。

今回はクラサポの記事のリンク先を挿入します。

googlesites-study818

クラサポ の記事のタイトルと記事をコピペしてください。

googlesites-study819

ボタンを配置する

トップページに、クリック1つで研修ページへ移動できる【ボタン】を設置しましょう。


ボタンを挿入する

トップページに戻り【営業】ボタンが配置されてる【セクション】を選択してください。

googlesites-study820

挿入メニューからボタンをクリックしてください。

googlesites-study821

【名前】の入力欄に「研修」と入力し、【リンク】の入力欄で【研修】ページを選択して挿入ボタンをクリックしてください。

googlesites-study822

ボタンが挿入されました。

googlesites-study823

ボタンの配置と大きさを変更する

【ボタン】をドラッグし配置を変更してください。

googlesites-study824

【ボタン】の青外枠をフォラッグし、大きさを変更してください。

googlesites-study825

ボタンの配置と大きさの変更ができました。

googlesites-study827

まとめ

Googleサイトで「研修用ページを作成する方法」についてお伝えしました。

Googleサイトを活用すれば、無料で【eラーニング】環境を作ることができます。

ぜひ、社内研修にお役立てください。


ココ

自分のタイミングで学べ

気軽に復習もできますね

タマ

次回は、フッターをカスタマイズ

していきましょう



ポータルサイトを作りながら体系的に学ぶ

googleサイト006

シリーズ連載を通して、ポータルサイトを作りながらGoogleサイトを体系的に学ぶ方法を解説してます。

サイト作成で学んだ基礎知識をアウトプットすることで、実用的なGoogleサイトのスキルを習得することができます。

≫ これから作成するサンプルサイトはこちら