Webページアイデア 其の１ 其の２ 其の３（このページ） 常に上下左右を中央に配置する プルダウンメニューで省スペース ページタイトルにちょっと工夫を １．常に上下左右を中央に配置する このページのTopに戻る １． 訪問客のブラウザのウィンドゥは必ず最大画面とは限らず、逆に最大画面ではバランスが・・・等があります。 ２． 左右のバランスは<CENTER></CENTER>でも可能ですがページ全体を上下にバランス良く配置するには・・・と悩んだことは有りませんか？ ３． ページ全体にテーブルを配置します。 <TABLE width="100%" width="100%"> 　<TR> 　　<TD align="center" valign="middle">・・・・・・</TD></TR> </TABLE> ４． ポイントは上記の<TABLE width="100%" width="100%">です。 これでページ全体の大きなテーブル（ウィンドゥ大きさに）が配置され、そのセルに中央に配置する文章や画像を上記の「・・・・・・」の部分に記述します。 ２．プルダウンメニューでジャンプ このページのTopに戻る １． サイト内の項目を並べるのも意外と場所が必要です。特に全ページをまとめて表示するメニューには工夫が欲しい時があります。 ２． ここで紹介するのは「プルダウンメニュー」方式のメニューです。 主要項目を設けて小項目は「プルダウンメニュー」で如何でしょうか。 但しフレームには対応しておりませんので悪しからず。 ３． 一つにまとめることで約3行分のスペースで済みますが、使い勝手を考えて設置が大事です。 （手軽に出来ますが、訪問者が使用し辛い場合もあります） プルダウンメニュー 生活習慣病（脳出血）闘病記 −サイトマップ− はじめに 私のプロファイル 倒れる直前の勤務 倒れたその瞬間 入院生活 精神的ショック リハビリ開始 最初の退院 車の運転で事故 2度目の入院 パソコンを使えた 車椅子と傷害年金 役立つ運動 車の教習・運転 ハローワークに通う1 ハローワークに通う2 同じ仲間のML ＳＯＨＯとの出会い 身障者のＳＯＨＯ環境の実際 投稿！真冬のスキーに挑戦 地方のバリアフリーの実態 介護保険を申請 慢性脳卒中麻痺に特効薬？ 妻の看護１ 妻の看護２ リンクのページ WebページAIDEA_1 WebページAIDEA_2 WebページAIDEA_3 ┐ │　← │ ┘ 　実際にはこのスペースが必要です。 プログラムソース <FORM> 生活習慣病（脳出血）闘病記<BR> <SELECT onChange="location=this.options[this.selectedIndex].value"> 　　<OPTION selected>−サイトマップ− 　　<OPTION value="xxxx.htm">はじめに 　　<OPTION value="xxxx.htm">私のプロファイル 　　<OPTION value="xxxx.htm">倒れる直前の勤務 　　・ 　　・ 　　・ 　　・ </SELECT> </FORM> ３．ページタイトルにちょっと工夫を このページのTopに戻る １． 準備する画像 →ｌ7pxｌ← →ｌ任意ｌ← →ｌ7pxｌ← height="25" 左 中央 右 の3種類の画像です。 ２． 前回（其の2）のメニューのインデックスシートの手法が基本ですが、今回は使用する画像を見てもらえると分かるように上部が透過処理がされている事です。 例 　倒れたその瞬間 プログラムソース <TABLE width="100%" cellspacing="0" cellpadding="0"> 　<TR> 　　<TD width="6" height="25" background="menu/green-left.gif"></TD> 　　<TD valign="top" background="menu/green-center.gif"><B><FONT style="font-size:20px" face="ＭＳ Ｐ明朝">倒れたその瞬間</FONT></B></TD> 　　<TD width="6" background="menu/green-right.gif"></TD></TR> </TABLE> ３． このポイントは横棒の横幅を[%]にすることで、訪問者のブラウザのウィンドゥの大きさで自動で長さが変化します。 また、文字の部分は、書体を変えて上位置にすることで、普段とは違った印象が持ってもらえます。 文字のところに画像も可能ですが、注意点は背景に使用する画像の高さ以上であれば不都合が発生しますので、この点だけを注意が必要です。 このページのトップに戻る　　　　戻る　　　Homeに戻る