|
| インラインフレームを使う |
| グーグルマップとかをホームページに掲載するばあいインラインフレームを使えば便利です。 |
| |
| 見た目は良く似ていますが、、まったく別のものです。 |
| |
| ホームページの更新履歴や最新ニュース等をおしらせする場合も、少ないスペースで文字が沢山入ります。 |
| |
|
| <iframe src="http://santa-studio.com/free/iflame/iflame.html" width="300" height="200" scrolling="yes" frameborder="0"></iframe> |
| 上の黄色をコピーして、一旦メモ帳でペーストして、変更すると使えます。 |
| |
| widthは横幅のピクセル。 heightは縦幅のピクセル scrollingはスクロールバーをつけるかどうか？no でも良い。" |
frameborderはボーダーの境目をつけるかどうかの設定です。 |
| |
|
| |
| でも、これは別のページを作っておいて、その一部をこのページで見せるという設定です。 |
| http://santa-studio.com/free/iflame/iflame.html |
| これが、別にあるページです。 そのページの一部をこのフレーム内で表示させています。 |
| グーグルマップ等をホームページやブログに使う場合は、このほうが簡単です。 |
| １長１短です。どちらがいいかわからないけど、、 |
| リンクを貼る場合は。ターゲットを新規のページを開くみたいな設定にしなくては、フレーム内にページが表示されます。 |
|
| これはボーダーをなくして、スクロールも無しにした設定です。 |
■まだ、解りにくい方へ。。
トップページの一部にグーグルマップを掲載するとします。
僕のサイトだと
http://santa-studio.com/index.html です。
グーグルマップのページをアップしておく。
http://santa-studio.com/google-map.html
index.htmlの表示したい場所をコード表示にする。
（表で作っている場合はその中の表示したいところをクリックしてコードで表示する。）
<iframe src="http://santa-studio.com/google-map.html" width="300" height="200" scrolling="yes" frameborder="0"></iframe>
このピンクの部分を挿入する。
これでindex.htmlの一部に穴があいてグーグルマップが表示されている。
|
|
|
|
|
