読者です 読者をやめる 読者になる 読者になる

ポジティブ心理学研究所

幸福度(EQ)アップの研究所です。ポジティブ心理学に出会う前の古い記事はネガティブなので注意。

衆議院のホームページが色々と面白い件

まずこれを見て欲しい。

f:id:lettuce0831:20140202021504p:plain

参議院

これが参議院のホームページ。

そして、次、衆議院のホームページ。

f:id:lettuce0831:20140202021515p:plain

衆議院トップページ

え?

デザインが古い

参議院がそれなりにモダーンな作りをしているのに、衆議院どうした?

タイムスリップしたかのような、化石のような、90年代を今に伝えるデザインをしている。

古いのはデザインだけではない

これはソースの冒頭一部である。

f:id:lettuce0831:20140202021956p:plain

<title>衆議院トップページ</title>
<!--ここから下は、平成20年12月に設定したCSS -->
<style type="text/css">
body{background-color:ffffff;color:#0000ff;font-size:100%;line-height:100%;}
a:link{color:0000ff;}
a:visited{color:800080;}
a:hover{color:#0099ff;background-color:#ccffff}
div{border:solid lime 0px}
table.main{width:955px;margin:auto;border:solid red 0px;}
div.header{width:955px;margin:auto;border:solid red 0px;line-height:120%}
div.main1{width:200px;float:left;margin:5px 11px 5px 1px;line-height:120%;}
div.main2{width:453px;float:left;margin:5px 11px 5px 5px;line-height:120%;}
div.main3{width:250px;margin:5px 1px auto auto;line-height:120%;}
div.footer{width:950px;margin:auto;border:solid red 0px;color:#ffffff;font-family:"Times New Roman",century;background-color:#0033ff;padding:0.5em;margin:0px;text-align:center;}
table.banner{width:450px;color:#000000;border:solid #ff00ff;border-width:2px 2px 2px 20px;border-collapse:collapse;margin:0px 0px 2px 0px;text-align:left;}
table.banner2{width:430px;color:#ff3366;margin:0px 0px 0px 0.5em;text-align:l

<!--ここから下は、平成20年12月に設定したCSS -->

可愛い。

年配の方が趣味で頑張って作ったかのような、あたたかみのあるコメント文。

そしてCSSがページに直書きである。

Centerタグが使ってある

f:id:lettuce0831:20140202024111p:plain

入れ子テーブルレイアウトである

f:id:lettuce0831:20140202024120p:plain

いづれまた使うであろう予備のタグをコメントで取っておいてある

f:id:lettuce0831:20140202022645p:plain

ちなみに外国の議会のWebサイト

イギリスの貴族院と庶民院

f:id:lettuce0831:20140202023050p:plain

デザインは同一で中のコンテンツのみ違う。ドメインも同一

アメリカ上院と下院

上院

f:id:lettuce0831:20140202023348p:plain

U.S. Senate

なにやら荘厳。絵画とか昔の人の画像が置いてある。

下院

f:id:lettuce0831:20140202023657p:plain

The United States House of Representatives · House.gov

こちらも厳かな雰因気。かっこいい

ドイツ連邦議会

f:id:lettuce0831:20140202024702p:plain

Deutscher Bundestag

モダーン

実にモダン。最近の流行を押さえてある。

フランス国民議会

f:id:lettuce0831:20140202025325p:plain

Assemblée nationale ~ Les députés, le vote de la loi, le Parlement français

無難。

ところどころシャドウがあったり、メニューのグラデーションだたり全体的に2006年ごろ臭はする。

ロシア連邦院

f:id:lettuce0831:20140202030033p:plain

Совет Федерации Федерального Собрания Российской Федерации

赤い(意味深)

ページ上部にはソーシャルボタンも欠かさないあたり、意外とソーシャルに抜け目ない。

ロシア国家院

f:id:lettuce0831:20140202030059p:plain

Федеральное собрание Российской Федерации

シンプル

というか90年代。

最後にもう一度日本の衆議院ホームページ

f:id:lettuce0831:20140202021515p:plain

衆議院トップページ

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック (Design Lab+ 1-3)

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック (Design Lab+ 1-3)

プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド

プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド

基礎から覚える、深く理解できる。 Webデザインの新しい教科書

基礎から覚える、深く理解できる。 Webデザインの新しい教科書

フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。

フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)