| トップページ | ふらっと.jpについて | おたより | サイトマップ |
「ふらっと.jp」トップページ 「バーチャルオフィス」トップページ 「ふらっと.jp」トップページ
ふらっと.jp > バーチャルオフィス > ホームページ基本テンプレート

ホームページ基本テンプレート

ホームページの基本テンプレート(雛形)を作りました。これをもとにして、初心者のかたにも比較的簡単に、使いやすいホームページを作っていただけるのではないかと思います。どうぞご活用ください。(初版日:2004年06月28日、最終改訂日:2004年11月11日)

<last updated:

パターン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へのリンクですが、ユーザーへの便宜のために、なるべくそのままでお使いいただければと思いますが、強制ではありません。カスタマイズの度合いによっては、削除していただいたほうがいいかもしれません。