このサイトを見て、感想を教えてください。
とりあえず、フレームを使わずにやってみようと思います。
他に何かありましたらよろしくお願いします。
大改造になる可能性がありますが、できれは、ボックスの表現をテーブルからDIV要素+CSSなどに変えてみてはいかがでしょうか?
コンテンツの隙間が詰まりすぎで少し見づらくなってしまっているのが残念です。もしこの方法を用いないのであれば、borderを1px加える、あるいはセルごとのスペースを空けるなどで対処したほうが良いかもしれません。
また、あえて画面一杯使わずに、マージンをしっかりととり、縦長のコンテンツにしたほうが良いと思います。デザインは非常に大切ですが、まずは見栄え、アクセシビリティを重視してください。必ず閲覧者も増えるはずです。
また、フレームを使わないことにより、メニューが上部に移動しましたが、厳密な境界線がほしいと思いました。メニューとメインコンテンツが混在するのはやはり見づらいものです。他の境界線についても同様です。ただし、飽きさせないために、タイトルごとにgifなどで色付けするすることが肝心かと思います。ただ単に線(hr)を引くだけではやはり変化の乏しいものになるでしょう。テーブルに背景色や画像を指定することをお勧めいたします。
これは提案ですが、背景画像はもっと深い青の画像(海など)を使い、テーブルとの色の転調(背景とコンテンツの差)を狙うといいかもしれません。アブクが入っている画像などが綺麗かと思います。クリスタル風でも良いかもしれません。
最後に、透き通った感じを出したいならば、
myOpacity{
filter:alpha(opacity = 50);
opacity:0.5;
-moz-opacity:0.5;
}
とCSSに設定すると、設定した要素が透過表示になり、綺麗です。
ただし、表示がややもたつきますが。(各数字はalphaが100%表記、opacity、-moz-opacityは0~1表記。ご覧の通り小数点以下も可。)
以前はぱっと見、全然なんだかわからなかったのですが、これなら何がしたいサイトかとりあえずわかりますね。
ただ、ElekiBrainさんもおっしゃっているように、タイトルはもっと大きくした方がよりわかりやすいですし、SEOを考えないにしてもフレームを使う意味があんまりないような気がします。むしろ各ページにトップにそれぞれの場所に飛ぶボタンを横並びに置いておくなどのほうがいいでしょうね。フレームの分が邪魔で有効な表示スペースの幅が減っちゃってますし…。
padding:5px; letter-spacing:1px; line-height:1.3em;
この間はありがとうございました。
そして今回もありがとうございます。
そうですね。
とりあえずタイトルを大きくして、フレームをはずします。
あとElekiBrainさんがおっしゃられたようにGIFアニメも作成してみようと思います。
まず、paddingの設定はちゃんとしたほうが読みやすいかもしれません。また、フレーム処理についてはSEO対策に対する懸念など、さまざまな問題を内包していますので、できるだけ用いないほうが良いでしょう。
ボックスやテーブルには角丸を使用してみるとアクセントになり、より見やすくなるでしょう。趣味のページのようですから、ちょっとしたGIFアニメやFlashなどがあればより遊び心を感じますね。
タイトル『lovemusic』はもっと大きくしても問題ないと思います。むしろ、左のメニューを使ってサイトを閲覧する人が多いでしょうから、大胆にタイトルを飾ったindex.htmlを作成する方がインパクト大でしょう。
まだまだあと思いますが、気づいたら書いてみたいと思います。