━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ まぐまぐID : 0000022784
■■ ６２歳@パソコン教師の日記 NO.357 2001.1.7
■■■ Home Page : http://plaza27.mbn.or.jp/~nishikubo/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
昨年の暮れにホームページのトップページを模様替えをしましたが、表示
方法に関するご質問が多数寄せられています。このマガジンの読者の方はタ
グ入力でホームページを作成している人が多いので、ソースに関心がおあり
なのでしょうね。
今日はソースの説明をします。ホームページにご興味のない方には申し訳
ありませんがご了承お願いいたします。
【フレームの分割】
大きな変更点はフレームを使って画面を三つに分割したことです。
1.最上部の全幅、高さ 2cm ほどが「Title」
2.その下の左側、横幅 4cm 弱が「contents」
3.その右側全体が「home」として分割しています。
このフレームの名前は自由に決めて構いません。「表示」→「ソース」と
クリックして表示される「index.html」のソースにこのフレーム分割のみが
記述がされています。
このソースには - タグがないことに気が付かれたでしょう。
その代わりに を用いてフレーム機能を宣言してい
ます。
「ROWS="53,*"」は上下に分割して、上のフレームの高さを 53 ピクセル、
「*」は下のフレームの高さが残り全ての意味です。
「COLS="170,*"」は左右に分割して、左のフレームの横幅が 170 ピクセル、
「*」は右のフレームの横幅が残り全ての意味です。
「NORESIZE」はドラッグをしても境界を移動できない記述です。
「Title」の下と「contents」の右のフレームの境界幅を「FRAMEBORDER="0"」
にして、スクロールバーを「SCROLLING="no"」にしているので、見ただけで
は境界が判りませんね。
三つのフレームのソースを表示するには、それぞれのフレーム内の何もな
い箇所を右クリック、→表示されるメニューの「ソースの表示」をクリック
します。
【フレームのリンクの記述】
「contents」のリンクスポットをクリックすると「home」のフレームに表
示するには下記のように「TARGET="home"」を記述します。
「STYLE="TEXT-DECORATION:none"」はリンクスポットの文字列に下線を付け
ない記述です。下線が付いていると格好が悪いですからね。
他のサイトへのリンクを同じように記述しては「ＳＡＬＴＹ」から抜け出
すことができなくなります。 この場合は下記のように「TARGET="_top"」ま
たは「TARGET="_parent"」と記述すると、フレーム機能が解除されウインド
ウ全体に表示されます。
現在のページをそのままに、別ウインドウに表示する場合は下記のように
「TARGET="top"」と記述します。
【スクロールバーの色を指定する】
「home」のスクロールバーだけを表示して、グリーンの色を付けています。
このタグは
タグの意味は下記のとおりです。色の指定はこの例のように１６進数でも
英語のカラーネームでも構いません。カラーネームの場合は「＃」は不要で
す。
scrollbar-face スクロールボックスと上下の三角矢印ボタンの表面
scrollbar-shadow 同陰部分の明
scrollbar-highlight 同陽部分の暗
scrollbar-3dlight 同陽部分明
scrollbar-darkshadow 同陰部分の暗
scrollbar-track スクロールバーの地色
scrollbar-arrow 上下の三角矢印ボタンの矢印
でも、このように同じタグを全ページに記述するのは無駄ですね。下記の
記述を拡張子「css」を付けて同じフォルダに保存します。例では「scr.css」
としました。
BODY
{scrollbar-face-color:#00E4C1; scrollbar-shadow-color:#777777;
scrollbar-highlight-color:#99FFDD; scrollbar-3dlight-color:#99FFDD;
scrollbar-darkshadow-color:#777777; scrollbar-track-color:#99FFDD;
scrollbar-arrow-color:#FFFFFF}
そうして、各ページの と の間に下記の記述を貼り付け
ておき、「scr.css」を呼び出します。「Java Script」を「js」の拡張子を
付けて保存して呼び出すのと同じですね。
※元旦に送信した年賀状に私の声も入れたつもりでいましたが、「Mp3 ファ
イル」は「Outlook Express」で使用できないことが解りました。
遅ればせながらホームページに同じ年賀状をアップしました。こちらでは
ちゃんと聞こえますよ。
※ホームページには広告バナーを載せていませんでしたが、この度、トップ
ページの下方に「Ｗｅｂリンカー」のバナーを貼り付けました。
「ＩＳＤＮ」「ＯＣＮエコノミー」「ＤＩＯＮスタンダード」などは是非
こちらからお申込みくださいますようお願い申し上げます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※【バックナンバー】は、下記のホームページの左側の [MAGMAG] または、
[HEMINGMATE] のボタンをクリックして表示されるページからダウンロー
ドをしてご利用ください。
※【掲示板】をご利用ください。このメールマガジンの読者の方が対象です。
パソコンに関する質問、その他ご自由に書き込んでください。質問には読
者の方々の中でご存知の方がいらっしゃいましたら、回答を書き込んでく
ださい。[掲示板] に入るには下記のホームページ左下の [BBS] ボタンを
クリックしてください。
http://plaza27.mbn.or.jp/~nishikubo/
※【ヘミングメイト】このマガジンの読者の方が参加できるメールサークル
です。参加者数は３８０人を超えました。参加申込みは 1.お名前（ハン
ドルでも結構です）2.メールアドレス 3.都道府県 4.自己紹介文 を書
いて、世話役の徳さんへ送信してください。
fukuichi@po1.dti2.ne.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ まぐまぐID : 0000022784 発行責任者 : 西久保 希光
■■ ６２歳@パソコン教師の日記 NO.357 2001.1.7
■■■ Home Page : http://plaza27.mbn.or.jp/~nishikubo/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※ このメールマガジンの読者登録解除は下記のホームページで出来ます。
http://plaza27.mbn.or.jp/~nishikubo/mag.html
※ ご意見・ご感想・ご質問は heming@dream.com までお寄せください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して
発行しています。( http://www.mag2.com/ )
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━