ホームページのデザイン一新

ビーム物理研究会の HP のデザインがダサイというので，タイトルページの改変を模索中．


現在のデザイン
http://beam-physics.kek.jp/BPC/index.html
は 10 年 1 日で，XTML も CSS も知らずに作った．

いちばん安いホームページ作成本を新規購入．この手は着手するときは役立つが，あとは本の山のどこかに埋没してしまう．疑問が生じても，ウェブを漁ればすむからだ．

さて，この本の例題に旧版のコードをはめ込み，下の新版となった．
http://beam-physics.kek.jp/BeamNews/after/BeamNews2010.htm
何かタイトルにイラストがあったほうが良いかと思い，アンモナイトの絵を使った．サイクロトロンでも何でもなく，ピームとは関係ないのだが，暫定版ということで...


旧版は幅が可変であったか，今回は固定幅とした．現在は固定幅が主流らしい．可変の場合，大画面で横が広くなりすぎると，目が改行について行かないのは確か．

旧版はあちこちの素材集から拾って来たカット満載で，手作り感覚にあふれているが，新版はよくあるパターンという感じ．

旧版の時代はモニタの解像度も悪かったので，フォントが小さいのだが，新版ではそこらのブログと同じ程度のサイズにした．
しかし字が小さいと，とくにお年寄りに評判が悪い．
おまけにフォントを大きくすると 2 段組が崩壊してしまう．


i-Phone では，右フレームのスクロールバーが出ないことが分かった．指で上下にスクロールできる範囲が狭くて使いものにならない．
スマートフォンで 2 段組は，いずれにせよ煩わしいので，べつに css を用意するべきかなぁ．


いろいろ問題は出そうだが，疲れたので，しばらく様子を見るつもり．


ご意見・ご助言をいただければありがたいと思います．


追記

いくつか改めて見てみると，世の中に2段組みのブログはないようだ．2段・3段に分かれていても，独立に上下にスクロールできない．
全体を上下にスクロールだけなら，スマートフォンでも問題ないからだろうか．