さんみりぼうず

作れるものをつくってみる。ブログ

阿部寛web風90年代デザインで福田写真店のホームページをつくってみた

f:id:sanmiri:20190403112819p:plain

abehiroshi.la.coocan.jp

元ネタは阿部寛さんのホームページ
最近ではみかけないホームページが生まれた初期のようなデザイン
いっけんダサいように見えて一周して逆にかっこいい
シンプルで無駄がなく表示速度も早い
ということで作ってみました。

 

僕も最初の頃はHTMLをメモ帳に打って作ってました
ホームページビルダー10からはじめAdobe DREAM WEAVER CS6に
サーバーはFC2かロリポップにhtml+cssで作り
やがてエックスサーバー+wordpressへと移行して行きました。
現在は楽さをとってwixやはてなブログのみでやってます

Wixで作ったのはこれ

www.unicorn-gym.com

 

Wordpressはこれ

moisnail.com

retrobox.net

 

阿部寛さんのホームページはフレームをというものを使っているのが特徴
当時はみんな使っていましたが現在はほとんど使いません
僕もやりかたを忘れていたので勉強し直しました。

 

ポイントはこちら
1、index.html(フレーム)

これで左と右を分割して左にメニュー、右にページを表示させます。

 <frameset cols="18,82">
<frame src="menu.html" marginheight=0 marginwidth=0 scrolling=auto name="left">
<frame src="top.html" marginheight=0 marginwidth=0 scrolling=auto name="migi">


あとはメニューページ、トップページ、その他を作って
FC2の無料サーバーにアップロードするだけ

 

まったく同じじゃあれなんで改良ポイントを紹介
・アクセスカウンターの設置(FC2の無料カウンターを使用)
・トップページの画像左で右最新情報を上下に表示
・マーキーを使った文字が流れるダサい演出を採用


完成したのがこちら

fukudasyashinten.web.fc2.com


ここから徐々によりダサくなるように頑張ります!