ラベルでリンク作成

さざんか教室

2210月資料

image001.png

1.新規作成します。

新規ページのアイコンをクリックします。

image002.png

2. 新規作成します。

表の挿入のアイコンをクリックして表を挿入します。

image003.png

3. 新規作成します。

表のダイアログが開きますので「行数」や「列数」を決定し「OK」をクリックします。

image004.png

4. 新規作成します。

表が入りました。

表の枠(セル)に歌手名 曲名を入力します。

 

名前を付けて保存します。保存先はホルダ(例:musicとかongaku)を作成してファイル名(例:music01)として保存します。

 

ここでビルダーから少し離れます。最小化して下さい。

image005.png

5.YouTubeの動画を取り込む

インターネットを起動して、YouTubeのアイコンをクリックしてYouTubeを開いて下さい。

又は、検索窓にYouTubeと入力して、YouTubeを開いて下さい。

image006.png

6. YouTubeの動画を取り込む

検索窓にYouTubeと入力して、YouTubeを開いて下さい。

 

ラベルでリンク作成

 

image007.png

7. YouTubeの動画を取り込む

 

YouTubeの検索窓にキーワードを入力して、「検索」をクリックして下さい。

image008.png

8. YouTubeの動画を取り込む

 

目的の歌手、曲目が表示されました。

この画面で動画を選択できます。右のメニューをクリックすると、再生できます。

image009.png

9. YouTubeの動画を取り込む

 

@<埋め込みコード>をクリックします。

左下にコードが表示されます。

A表示されたコードをコピーします。

 

  表示されたコードはすべて選択された状態なので、反転状態を維持してコピーしてください。

  反転状態が消えてしまった場合は、コード部分をクリックして反転状態にしてコピーして下さい。

image010.png

10. YouTubeの動画を取り込む

先ほど最小化したビルダーをクリックして、開きましょう。新規ページの作成アイコンをクリックして、新規ページを開きます。

 

 

 

 

image011.png

11. YouTubeの動画を取り込む

 

新しいページが開きましたら、「HTMLソース」タブをクリックして、ソース画面にします。

 

<BODY></BODY>のカーソルが点滅してます。右クリックで貼り付けをします。

image013.png

12. YouTubeの動画を取り込む

 

ソースが張り付きました。

image012.png

13. YouTubeの動画を取り込む

「ページ編集」タブをクリックします。

 

VISTAやWIN7等は左図のような警告が表示されますが、「エラーを全て修正」をクリックしてください。

image014.png

14. YouTubeの動画を取り込む

 

ページ編集画面では左図ように表示されます。

image015.png

15. YouTubeの動画を取り込む

次の画像を取り込みます。タイトルとして曲名、歌手名を入力します。

このタイトルをコピーしてください。

カーソルをタイトルの下に移動してください。

 

 

 

 

 

image016.png

16. YouTubeの動画を取り込む

ここで、YouTubeに戻りタイトルの動画を検索してご希望の動画の「コード」をコピーします。

ビルダーに戻り「HTMLソース」タブをクリックしてソース画面を開きます。

image017.png

17. YouTubeの動画を取り込む

 

右クリックで張り付けします。

image018.png

18. YouTubeの動画を取り込む

以上の作業を繰り返し行い、YouTubeの動画を取り込みます。名前を付けて保存をします。

保存先(例:musicとかongaku)はすでに作成して有りますので、ファイル名(例:music02)として保存します。。

image019.png

19. YouTubeの動画を取り込む

 

タイトルのに画像を付けましょう。

YouTubeを開いてご希望の歌手の動画を再生しましょう。

image020.png