ブログ（BLOG）のデザイン参考サイト：XHTML、CSS、HTML
JavaScript・XHTML・CSS (43 items)
2004年07月23日
以前の投稿”HTMLデザイン”でも紹介しましたが、Tipsとして再投稿。
BLOGをやる上で、悩む所が画面のレイアウト。
livedoorなどのBLOGサービスを利用してBLOGをする場合は、
そこで提供されているテンプレートを選んで画面を作ればいいのですが、
どんどんBLOGにハマっていくと、
”他と同じようなデザインじゃ嫌だ！”と思う人も少なくないでしょう。
また、NucleusやMT（MovableType）をサーバーにインストールしてBLOGをする場合、
早くデフォルトのレイアウトから変えたいと思うものです。
しかし画面のデザインは、やはりセンスがモノをいいます。
一から作っていくのも大変だし、
他のサイトを参考にするといっても、数多いサイトの中から選ぶのは一苦労。
それに加えて当サイトとしては、XHTMLとCSSを使用して画面を作って欲しい・・・。
BLOGをやる上で、悩む所が画面のレイアウト。
livedoorなどのBLOGサービスを利用してBLOGをする場合は、
そこで提供されているテンプレートを選んで画面を作ればいいのですが、
どんどんBLOGにハマっていくと、
”他と同じようなデザインじゃ嫌だ！”と思う人も少なくないでしょう。
また、NucleusやMT（MovableType）をサーバーにインストールしてBLOGをする場合、
早くデフォルトのレイアウトから変えたいと思うものです。
しかし画面のデザインは、やはりセンスがモノをいいます。
一から作っていくのも大変だし、
他のサイトを参考にするといっても、数多いサイトの中から選ぶのは一苦労。
それに加えて当サイトとしては、XHTMLとCSSを使用して画面を作って欲しい・・・。
そこでご紹介したいのが、
海外のHTMLデザインサイト「oswd（Open Source Web Design）」
ここの特徴は、
・W3Cに沿っているか？
・HTMLタイプは？（HTML？XHTML？）
・CSS、IMG、JSの使用有無
・HTMLの用途は？（fun？Business？）
などで種類分けされている事。これらを条件にデザインを検索できます。
また、デザイン全般的にシンプルで画像をほとんど使っていません。
レイアウトもBLOGのレイアウトとして使えるものが多いです。
よって修正もしやすく、
このサイトのデザインを元に少しのレイアウト修正と色合いを変えるだけで、
独自のカッコイイBLOGサイトを作る事も可能です。
ただ微妙に、バグってる（XHTML準拠といいつつ準拠してない）のもありますので、
コーディング後は、必ず「W3C Validator」でのチェックを忘れずに。
今後他にもいいサイトがあれば、ご紹介していきたいと思ってます。
（逆に教えて頂いても嬉しいなあー）
※注意
あえてこのサイトのデザイン全般的に言える欠点は、
SEOを考えた場合に修正が発生する可能性が高いという事です。
例えば、当サイトのレイアウトのように、
左側がメニューで右側がコンテンツといったレイアウトであれば、
HTMLコーディングは、まずメニューの定義があって、
その後にコンテンツの定義がされているモノが多いです。
これについて断言はできませんが、
SEO的に考えると、HTMLのコーディングは、
まずコンテンツが定義されて、その後にメニューが定義されている方が、
検索エンジンにクロールされやすいといった事が言えます。
この対処方法については、
以前の投稿”XHTML、CSSのレイアウト調整がズレる対策”に記述しています。
海外のHTMLデザインサイト「oswd（Open Source Web Design）」
ここの特徴は、
・W3Cに沿っているか？
・HTMLタイプは？（HTML？XHTML？）
・CSS、IMG、JSの使用有無
・HTMLの用途は？（fun？Business？）
などで種類分けされている事。これらを条件にデザインを検索できます。
また、デザイン全般的にシンプルで画像をほとんど使っていません。
レイアウトもBLOGのレイアウトとして使えるものが多いです。
よって修正もしやすく、
このサイトのデザインを元に少しのレイアウト修正と色合いを変えるだけで、
独自のカッコイイBLOGサイトを作る事も可能です。
ただ微妙に、バグってる（XHTML準拠といいつつ準拠してない）のもありますので、
コーディング後は、必ず「W3C Validator」でのチェックを忘れずに。
今後他にもいいサイトがあれば、ご紹介していきたいと思ってます。
（逆に教えて頂いても嬉しいなあー）
※注意
あえてこのサイトのデザイン全般的に言える欠点は、
SEOを考えた場合に修正が発生する可能性が高いという事です。
例えば、当サイトのレイアウトのように、
左側がメニューで右側がコンテンツといったレイアウトであれば、
HTMLコーディングは、まずメニューの定義があって、
その後にコンテンツの定義がされているモノが多いです。
これについて断言はできませんが、
SEO的に考えると、HTMLのコーディングは、
まずコンテンツが定義されて、その後にメニューが定義されている方が、
検索エンジンにクロールされやすいといった事が言えます。
この対処方法については、
以前の投稿”XHTML、CSSのレイアウト調整がズレる対策”に記述しています。
前の記事 次の記事
この記事に関連した過去記事一覧は画面下にあります。
Comments
PUSHMAN wrote:
SEO的にもこのほうが良いそうですが、音声ブラウザを使用している場合、Blogサイトにありがちな延々と続くメニューを読み上げることになるので、サイト名→サイトの簡単な説明→内容→メニュー
という順番が良いそうです。でも目次的なものが最初にあった方が良いのかなぁ、とも思います。難しいですね。ちなみに当サイト「Heartfiled Blog」では内容を先に表示しています。
2004年07月23日 22時09分59秒
minky wrote:
音声ブラウザ用に、コンテンツへジャンプリンクを付けて、それをふつうのブラウザでは。CSSで隠しています。が、構造的に考えると、やはりh1はなるべく上にでてきてほしいですよね。
2005年08月23日 13時04分53秒
Add Comments
Trackback
トラックバックはありません
Trackback URL
http://www.res-system.com/weblog/action.php?action=plugin&name=TrackBack&tb_id=190