ホームページビルダー基礎講座3

サイト作成、リンク、インラインフレーム

サイトとは、複数のページが存在してその総称と考えると、トップページだけでは、サイトとは言い難い。なのでサブページを作り、それをリンクで繋げていくことが、サイト構築といえる。

サブページを作ってみる。

トップページで作ったファイルコピーしてフォルダ作ってその中にいれる。

方法はいくとおりかあるが、

ほかにも、ビルダーをつかわず、保存先でも同じことができる。

また、便利な方法として、ftpツールを使う方法もある。

※ちょっと実践してみる。

サブページも当然、index.htmlとなる。

フォルダ（ディレクトリ）が違うので問題ない。

ただ、そのディレクトリを間違えないように十分注意する。

実際は、完成したトップページを作ってからコピーしたほうがよい。

トップページとサブページをリンクでつなげてみる。

リンクの仕方。

サイドバー（サイドボックス）メニューボックスを作ってみる。

サイドバーメニューを共通化するために、この部分は、別の.htmlとして作り上げる。

このサイドバーは、「標準モードで新規作成」で新しい編集画面を表示させる。

リストタグを利用するとよい。

できあがったら保存する。トップディレクトリ内に、保存するが、フォルダ作ったりしなくてもよい。

ただし、そのときは、index.htmlにはしないで、例えば、side.htmlとか、left.htmlとかする。

インラインフレーム(アイフレーム）の作り方。

インラインフレームにて各ページサイドバーに、別で作り上げた.htmlファイルを入れ込む。

インラインフレームの操作は、まずインラインフレームを入れたいサイドバーにカーソールを持ってきて、点滅させて後、

メニューバー「その他」クリック！

「HTMLタグ」クリック！画像参照

そうすると、「タグの挿入」という、ウインドが現れる。

「IFRAME」というタグを指定して、「挿入」をクリックすると…

インラインフレームの属性が現れるので、フレーム属性の｢参照」をクリックして、

先ほど作った、サイドバーの.htmlを引き出す。

そして、サイズは、先ほど、サイドバーの横幅と指定したサイズを入力する。

スクロールバー「なし」、「枠チェック」はずす。がよい。

もちろん手打ちや、他のところからのコピーアンドペイストでもよい。

以下がインラインフレームの参考タグです。

<iframe frameborder="0" src="side.html" width="180" height="600"
	 scrolling="NO"></iframe>

実際にこのページにインラインフレームをいれてみると…

実際にside.htmlを作って、このタグをこのページにそのまま埋め込んでみました。

このインラインフレームは、横長のメニューでも作ることが可能です。

※参考知識

また、中級以上の知識として、PHPの使えるレンタルサーバーなどでの場合は、PHPインクルードを使う方法でも可能です。もっぱら私の場合は、

<?php include("side.html"); ?>

このスクリプトを埋め込んで使っています。ただしあくまでPHPが作用できる状態としなければなりません。方法は、拡張子を.phpにする方法や、.htaccessを利用する方法があります。