- ウェブデザインの大原則 ( 48 )
- ウェブユーザビリティ ( 6 )
- カラーセオリー ( 6 )
- フォトショップの基本 ( 230 )
- エフェクト ( 169 )
- テキスト ( 81 )
- テクスチャ&パターン ( 60 )
- ウェブレイアウト ( 38 )
- ドロー ( 73 )
- カラーマネージメント ( 29 )
- 画像加工&合成&修正 ( 127 )
- HTML&CSS ( 41 )
- AdobeIllustrator ( 37 )
- Fireworks ( 1 )
- Flash ( 31 )
- 3D ( 1 )
- サイトメンテナンス ( 39 )
- サイト紹介 ( 8 )
毎週金曜日に発行しています
テクニック
Iframeの使い方 
投稿日：2006年6月6日 レベル：初級 ソフトウェア：
1. ここでは、とってもかわいらしいIframeと呼ばれる技術を紹介します。何をするものかというと、全く新しいページ(例えば、html、php等)をあなたの現在のページにはめ込むようにロードすることができます。
これがIframeを表示させるソースです。
<iframe name="whatever name you please" src="yourpage.html"></iframe>
全然難しくないですよね。でもあなたが、スクロール、サイズ、区画のようなカスタマイズを行いたければ、次に載せてある機能を必要性に応じて、使ってください。
2. パラメータは最初のオープニングタグの中なら、どこにでも付け加えることができます。一般的なのはscr=" "の後に配置ですね。
Width="" - ピクセル数が単位です、Iframeの幅を決定するために数値を入力してください。
Height="" - 高さを決定するためにwidthと同じようにしてください。
Frameborder="" - Iframeのボーダーを囲むデフォルトボーダーを欲しいかどうか、1か0でonかoffになります。
Scrolling - スクロール機能。1か0でonかoff。
Marginwidth - Iframeもページになりますので、マージンももちます。これはIframeの両サイドにマージンを加えます。
Marginheight - トップとボトムにマージンを加えます。
Align - Iframeの位置を左、中央、右に配置します。
Vspace - セルスペースに似ています。Iframeのトップににスペースを配置します。
Hspace - Iframeのサイドにスペースを配置します。
Allowtrasparency - 背景を透明にします(しかし、これは次のように使用した時のみ動作します)
<body style="background-color: transparent">
3. 最後に、ブラウザがIframeを使用できない時には閲覧者に次のようなメッセージを表示させることができます。
あなたのブラウザはIframeをサポートしておりません。もし、ネットスケープのバージョン4以前を使っている場合、Iframeは動作しません。新しいバージョンで閲覧してください。
例.
引用:Web Design Library著者:Michael Aldworth翻訳:atuk
スポンサードリンク
