|
パターン1
ヘッダ(タイトルのある部分)に、各メニューページへのリンクを横に並べたパターン。あまり融通はききませんが、更新の楽なレイアウトです。
パターン2
コンテンツエリア左に、各ページへのリンクを縦に並べたパターン。自由度が高く、使い勝手のよいレイアウトです。
パターン3
パターン1と2の合わせ技です。ある程度の規模以上のサイト向きです。
パターン4
テーブルを使ったこれまでのパターンとは違って、cssでレイアウトしてみました。 あまり初心者向きではありません。
(パターン4以外の)共通の説明
見た目は簡素ですが、細部にわたってしっかり作ったつもりです。ページデザイン(レイアウト)等の詳しい解説(仕様書?)を入れるべきだと思うのですが、余裕があるときに改めてということでご容赦ください。
ざっと説明します。html+cssです。java scriptその他は使ってません。htmlは、ヘッダ、コンテンツエリア、フッタと3つのテーブルで構成してます。1*1pxの透明gif画像を空きセルに入れ、その高さを指定することでスペース調節をしています。cssで、文字サイズと行間の指定をしています。cssディレクトリのdefault.cssに、各htmlファイルをリンクしてます。headの、<link href="css/default.css" rel="stylesheet" type="text/css">がそれです。css/default.cssは、階層を変えるときには書きかえてください。
使い方
各ページの圧縮ファイルをダウンロードしてください。zip形式もlzh形式も、圧縮形式が違うだけで中身はいっしょです。解凍すると、フォルダがあらわれます。中の画像ファイル、各ページのテキスト、リンクなどを書きかえてご使用ください。なお、各ページ下にあるクレジットとふらっと.jpへのリンクですが、ユーザーへの便宜のために、なるべくそのままでお使いいただければと思いますが、強制ではありません。カスタマイズの度合いによっては、削除していただいたほうがいいかもしれません。
|