タグ打ちでWebページをつくる

とりあへず表示する > ソースをいぢる > 文字の裝飾 > 畫像の表示 > ページを分ける > 表を作る > フレームを使ふ

最後に。一つのウィンドウ内に複數(複数)のページを同時に表示する方法。
メニュー欄と記事畫面(画面)、みたいな使ひ方(使い方)ね。
シンプルな構成がいいってな場合は、フレームにする必要は無いよ。
　

向かって左側がメニュー、右側がメインの記事欄になってゐる(いる)。
まぁそんな一例。

これは、フレームページと呼ばれるもの。
レイアウトは左右に分割するだけじゃなく、上下に分けたり、3つ 4つ同時にページを表示することも可能だけど、ここでは左右に分ける前提で話を進めてくよ。

フレームページを表示するには、メニューページやメインページの他、合成用のページが必要になる。

メニュー

メイン

↓

フレームページ(合成用のページ)

まぁ、分かりやすいやうに(ように)「frame.html」とでも名附けて(名付けて)、合成用のページ(HTML)を用意しておかう(おこう)。
フレーム用のページ(ここではframe.html)では基本的に文章を入力しても表示されないので、一度レイアウトを決めてしまへば(しまえば)、以降編集する必要は無くなるよ。
　

使ふ(使う)タグはコレ。

順に説明すると、

以上フレームの比率の設定。

「FRAMESET COLS="10%,90%"」みたいにすると、ウィンドウの大きさによって變動(変動)するやうに(ように)なる。
右側のフレーム幅を固定するには「FRAMESET COLS="*,150px"」のやうに(ように)する。

上と下に分割したい時は、「FRAMESET COLS="*" ROWS="10%,*"」といった感じ。

次、

フレームが2つあるので ↑これ(<FRAME>)を2つ。

フレームの名前(FRAME NAME="△△")は、左右のフレームを識別する爲に(為に)必要になる。
"list"と"main" とか、"migi"と"hidari" みたいな分かりやすい名前がいい。

で、

</FRAMESET>

最後にフレーム設定の終了タグ。
　

さて、
右から左、左から右へ、フレームを越えてリンク指示を出す方法、の前に、
フレームを表示できないブラウザで見た時にメッセージが表示されるやう(よう)

<NOFRAMES>〜</NOFRAMES> で <BODY>(本文)</BODY> を挾まう(挟もう)。

ここの文章はフレーム非対應(非対応)のブラウザ(←だから今時そんなのねぇって)で見た時に表示される。
フレームが上手く呼び出せてゐる(いる)場合は、ここの文章は表示されない。
　

それじゃぁ、話を戻して、
さっき設定した <FRAME NAME="△△"> だけど、
例へば(例えば)、

のやうに(ように)設定したとして、(この場合左のフレームが list、右のフレームが main)
左のページ(メニュー欄、リスト)をクリックすることで、右のフレーム(メイン)に別のページを表示させたい場合、

フレームページ

list	main

　(list)　—指示→　(main)

のやうに(やうに)、「TARGET="△△"」と設定することで別フレームに指示を出せる。
當然(当然)、逆方向に(右から左へ)指示を出す場合は <A HREF="○○.html" TARGET="list"> になる。

ちなみに、フレームを解除して表示させる場合は「TARGET="_top"」、前々囘(前々回)紹介したやうに(やうに)別ウィンドウで開く場合は「TARGET="_blank"」。

特に指示を入れない時は、同じフレーム内でのリンクになる。
　

フレームの應用(応用)としては、フレームページを複數(複数)組み合はせる(合わせる)ことで一度に 3つや4つページを表示させることだって出來る(出来る)。

menu.html

main.html

<HTML>
　
<BODY>
　
メインページ
　
</BODY>
　
</HTML>

↓

frame2.html

→

frame.html

title.html

<HTML>
　
<BODY>
　
メインタイトル
　
</BODY>
　
</HTML>

↓　　

フレームページ
メインタイトル title.html　title.html　title.html　title.html　title.html
リンク1　　　リンク2　　　リンク3　 menu.html	メインページ　　　　　 main.html　main.html　main.html　main.html　main.html

はいと、こんなところかね。
　

ほんじゃぁ、最後の最後にアップロード(ネット公開)について。
一番最初にすっ飛ばしたサイトの置き場所、サーバーのことね。

インターネットを利用するにあたって契約したところ(プロバイダ)があると思うんだけど、
最近は、サーバーのスペース(サイトの置き場所)をある程度無料で、(利用するしないに關はらず(関わらず))最初っから用意してるプロバイダも結構多いよ。
まぁさうで(そうで)なくても、無料で使へる(使える)サーバーは探せばいろいろと見つかる。

サービス内容は利用するとこによって違ふ(違う)けど、追加で料金を拂へば(払えば)、廣告(広告)を非表示にできたり、使へる(使える)容量(サイズ)を擴大(拡大)できたり、好きなドメインを指定できたりもする。
ドメインってのは www.○○.com/ とか www.○○.jp/ っていふ(いう)ホームページアドレスのことね。

そんなワケで、使用條件(条件)を比べながらサーバーは選べばいい。

アップロード(データをネット上に保存して公開すること)の手順なんかは、サーバーによって變はって(変わって)くるから、ここで説明は出來ない(出来ない)けど、まぁまぁそのへんはサーバー側が手順を説明するページを用意してゐる(いる)ハズだよ。

一つの例を出すのなら、

FTPっていふ(いう)ファイル轉送(転送)ソフトを使ふ(使う)方法。
アップロードには、サーバー側から指定された轉送(転送)先の情報やそこで設定したパスワードが必要になるよ。
　

アップロードが完了したら、公開完了。
httpから始まるアドレス(サーバー側から提示されたもの)をブラウザで入力すれば、サイトがネット上にあるはず。

情報を更新する際は、今まで通りメモ帳で書き換へれば(換えれば)いいんだけど、メモ帳で"上書き保存"しただけじゃネット上のファイルは更新されない。
なので、個人のパソコンでファイルを變更(変更)した際には (書き換へた(換えた)ファイルを)アップロードし直して、ネット上のファイルも新しいものに更新しよう。
FTPソフトには、「ミラーリングアップロード」っていふ(いう)機能があると思うんだけど、コレは自動的に更新されたファイルを檢出(検出)してまとめてアップロードしてくれる機能ね。
　

てな具合で長々と書いてはきたけれど、今はブログとか寫眞(写真)やイラストの投稿サイトなんかもたくさんある。
さういふ(そういう)ところを利用すれば、いちいちタグ打ちしなくても手輕(手軽)に情報發信(発信)は可能。
ただし、用意されたレイアウトを使ふ(使う)しかないから、好きなやうに(ように)デザイン(配置)したいって人には物足りないかも。

まぁまぁそのへんは個人の好みでもあるので、どれがいいとは言へない(言えない)けどね。
　

最後に。
アップロードしたばっかりでは檢索(検索)サイトで檢索(検索)してもページは引っ掛からない。
これは檢索(検索)情報にページが登録されてゐない(いない)からで、異常じゃない。
昔は、時間が經て(経て)ば勝手に登録してくれて、何もしなくても數日(数日)〜數ヶ月(数ヶ月)待ってればよかったんだけど、最近は登録申請しないといけないみたいね…。
もちろん、直接アドレス(http://〜)を入力すれば、檢索(検索)に引っ掛からなくてもちゃんとページは表示されるよ。

檢索(検索)に拾はれ(拾われ)たくない時は "檢索(検索)避け" なんてことをする方法(ページにさういふ(そういう)タグを入れておく)もあるけど、これは絶對的(絶対的)なものではないみたいね。
パスワードでロックでもしておかない限り、原則ネット上に上げたものは"誰でも見られる"ってことを忘れないやうに(ように)。
　

以上、タグ打ちでざっくりWebページを作る方法をお傳へ(伝え)しました。
(長ぇよ←)
　

vol.6 表を作る←

TOP>タグ打ちでWebページをつくる>vol.7.フレームを使ふ

<FRAMESET	COLS="200px,*"	…	左のフレームの幅, 右のフレームの幅。(「%」での指定も可)
	ROWS="*"	…	上のフレームの高さ, 下のフレームの高さ。(指定無しは「*」)
	BORDER="2px"	…	フレームの境界線の太さ(省略可)
	>

<FRAME	SRC="○○.html"	…	フレームに表示するページのパス。
	NAME="△△"	…	フレームの名前。
	SCROLLING="yes"	…	フレームのスクロール可否。(「no」だと固定され、ページが動かない。)
	NORESIZE	…	サイズ變更(変更)の拒否。(このタグが無い場合、フレームの境界を動かせる。)
	>