第11回ホームページ勉強会
  
第29日目、12月 9日





今回の勉強はインラインフレームです

 インラインフレーム(iframe)とは、普通にスクロールするフレームの中に局部的な窓を設け、その中だけが独立してスクロールできるように設定したものです。

 Web上での使用許諾等読み切れないほど多い文章をそのまま載せると場所を取るので、窓を設けてその中に記載し、その窓の中だけがスクロールできるようしたものをいいます。

 下に示すスケジュール表は、その窓の中だけでスクロールします。これがインラインフレームです。

 窓の中をクリックしてスクロールして見て下さい。窓の中だけスクロールします。


今回は、勉強会8日目(9月10日)の勉強会の要領で、下記の様に
①写真展示ツールと②その他の勉強に分けた普通のメニューを準備しておいて下さい。


分 類 実施日 項目(皆さんのHP内でのタイトルでOKです)
写真展示 11月12日 ★茶臼岳・南月山の花
 (フォトモーション)
12月24日 ★男体山トレッキング
 (tm_slide)
4月8日 ★猿楽台地のそば畑
(サムネイル横置きスライドショー)
6月24日 ★蛇尾川堤防のさくら
(ページめくりスライドショー)
自宅学習1 ★私の思い出の山
 (サムネイル拡大表示)
自宅学習2 ★雲上の備中松山城
 (イメージ・ズーム)
自宅学習3 ★合成写真
 (PhotoFiltre7使用)
11月12日 ★ナンジャモンジャ
 (回転スライドショー)
その他 10月29日 ★支部便り
 (標準パターンを使用)
2月25日
3月11日
★波の遊び
 (Qlake,Qwave)
4月22日 ★舞う『サクラ』
 (壁面動画)
5月27日 ★雨の『忍野八海』
 (雨降りと波紋)
7月 8日
7月29日
★流石山・大倉山の花
 (MovieMaker→Dropbox)
★キクモモの花
 (MovieMaker→OneDrive)


インラインフレームの説明資料です

実施例です。これを作りましょう。

準備して頂くのは上の表の様に分別されたmenu-u.htmlmenu-d.htmlのような
皆さんのホームページのメニューです。

9月10日のフレームページの勉強会で使用したmenu.htmlを、今回の
インラインフレームの採用に当たってはiframe.htmlに置き換えます。

iframe.htmlの中で、上側に設けた窓にmenu-u.htmlを指定し、
下側に設けた窓にmenu-d.htmlを指定します。

ここで使用した壁紙はwallppr013.gifです。

上記の
アンダーラインが引かれ、赤文字で表示されたデータは、
「右クリック」→「対象をファイルに保存」でダウンロードできます。


 
2016-03-03 資料作成:三宅 節雄