htmlタグとcss−すぐに使えるサンプルと小技集

目次
WwwDomain Top
SubDomain Top

フレームページの作成法。
フレームページのサンプル集。
フレームページを自作したい方はコチラ。

copy right(©)
転載禁止。
当サイトの著作権はふぁるるに帰属。

address
http://www.faruru.info/

Profile
管理人のふぁるると申します。

身体的特徴:身長、約160サンチ体重、4800gの肉10個、楽観思考で窮地に立つまで不動を貫く。

何事にも首を突っ込みすぎない事なかれ主義。

まったく、人生図々しくやっていくのが一番ですのに。何を躊躇っているんだか(＝ω＝)がっかりデスヨエエ。

勝負事や金には人一倍非情です。

スポンサード リンク
重いパソコンがサクサク動くウイルス対策ソフト
重いパソコンがサクサク動くウイルス対策ソフト 		独自domain htmlタグとcss−すぐに使えるサンプルと小技集 のサブドメインサイトです。
スポンサード リンク


◆HTML&CSS◆ フレームページ自作法

フレームページは複数のページを同時に表示させてウェブページを作る方法です。

SEO対策に不利などの点がありますが……、 iframeのみを上手く使えばSEO対策も考慮したフレームページを作成する事が可能です。



frameページ作成法
htmlソース(index.htmlなどの主要ページ用)
<html>
<head>
<title>フレームページ</title>
</head>
<frameset cols="200px,*">
<frame src="f1.html" name="f1">
<frameset rows="60px,*">
<frame src="f2.html" name="f2">
<frame src="f3.html" name="f3">
</frameset>
<noframes>
<h1>
　　　　非　　　 し!　　　　　_　　-──　‐- 　　､　 , -─-､　-‐─_ﾉ
<br> 　　小 対　　　 /／￣＞ ´ ￣　　　￣　　｀ヽ　 Y　 ,　 ´　　　　　）frame　え
<br> 　　学 応　　　 L_　／　　　　　　　　　　　　　 　 ／　　　　　　　 ヽ 非対　 |
<br> 　　生 が　　　　/ '　　　　　　　　　　　　　　　　'　　　　　　　　　　応　 !?　マ
<br> 　　ま 許　　　 /　　　　　　　　　　　　　　　　 /　　　　　　　　　　 く　　　 ジ
<br> 　　で さ　　　 l　　　　　　　　　　 ,ｨ/!　　　　/　　 　/l/!,l　　 　 ／厶,
<br> 　　だ れ　　 i 　 ,.lrH‐|'|　　　　 /‐!-Lﾊ_　　l　　　 /-!'|/l 　 ／｀'ﾒ､_iヽ
<br> 　　よ る　　　l　 | |_|_|_|/|　　　 / /__!__ |/!ﾄi　　　i/-- ､ ﾚ!/ 　 /　,-- ﾚ､⌒Y⌒ヽ
<br> 　　ね の　 　_ゝ|/'/⌒ヽ ヽﾄ､|/　'/￣｀ヾ 、ヽﾄ､Ｎ'/⌒ヾ　　　　　 ,ｲ￣｀ヾ,ﾉ!
<br> 　　 l　は　　「　　l ′ 「1　　　　　　 /てヽ′|　|　|　 「L!　　　　　' i'ひ}　　　ﾘ
<br> 　　　　　　　 ヽ　 | ヽ__Ｕ,　　　　　 ､ヽ シノ ﾉ!　!　|ヽ_､ｿ,　　　　　 ヾシ _ノ　_ﾉ
<br> -┐　　　　,√　　 !　　　　　　　　　　 ￣　　 ﾘ l 　 !　￣　　　　　　　￣　　 ７/
<br> 　 ﾚ'⌒ヽ/　!　　　 |　　　〈　　　　　　　_人__人ﾉ_　 i　　く　　　　　　　 　 　 //!
<br> 人_,､ノL_,iノ!　　/! ヽ　　 r─‐- ､　　 「　　　　　 Ｌ_ヽ　　 r─‐- ､　　 u　　ノ/
<br> 　　　　　　/　 /　lﾄ､ ＼　ヽ, -‐┤　 ﾉ　　キョ　　 了＼　 ヽ, -‐┤　　　　　/／
<br> ハ　キ　　{　 /　　　ヽ,ﾄ､ヽ/!｀ｈﾉ　　）　　モ　　　　|/!　「ヽ, `ｰ ／）　　 _　‐'
<br> ハ　ャ　　 ヽ/　　 r-､‐'　// / |-‐ く　　　 |　　　　 ＞ / / ｀'／／-‐､　　　　／
<br> ハ　ハ　　　 ＞ ／＼＼// / /ヽ_　 !　　　|　　　 （　 / / ／／　　/　`ｧ-‐ '
<br> ハ　ハ　　　/　/!　　 ヽ　　　 レ'/　ﾉ　　　　　　　　＞　 ' ∠ 　-‐　￣ノヽ　　　/
<br> 　　　　　　 {　 i　l　　　 !　　　　/　 フ　　　　　　　/　　　　　-‐　/￣/〉 〈 ＼ /!
</h1>
</noframes>
</frameset>
</html>

フレームページの作成は上記のようなソースになります。

cols、rowsの%やpxの指定で呼び出されるページの表示される範囲が変わります。 cols、rowsはframesetで指定します。

また、フレームページに表示するページはframe srcで呼び出します。

noframesはフレーム非対応のブラウザの人のために用意します。(デフォルトのままだと嫌われるかもしれないので注意です)



iframeページ作成法
<iframe src="ffff.html" name="ffff" width="180" height="300">iframe</iframe>

iframeの呼び出しは上記のソースだけで出来ます。普通のhtmlで作ったページに容易く組み込めるので便利です。

このソースを貼り付けた場合、同フォルダ内のffff.htmlというファイルをwidth180、height300の大きさで表示します。

frame srcで呼び出すウェブページは普通に作ればOKです。 さらにフレームを呼び出すページなどだとだんだんごちゃごちゃしてきます。

スポンサード リンク
htmlタグとcssのリファレンス一覧と小技集のサンプルと、自作テンプレートで効率的にホームページを楽々作成する方法を説明。