人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

コンテンツとデザインを完全に分離する「Web標準」について、従来のコーディングと比較した利点・欠点について解説しているサイトを教えてください。

●質問者: bathrobe
●カテゴリ:コンピュータ
✍キーワード:Web標準 コンテンツ コーディング サイト デザイン
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● freebreeze
●0ポイント

http://www.fliedlice.com/maccaws/primer/

Web標準手引き | Web標準導入キット | maccaws.org

Web標準手引き

http://www.webstandards.org/about/mission/jp/

Mission [Japanese Translation] - The Web Standards Project

ウェブスタンダード・プロジェクト(和訳)

◎質問者からの返答

もっと分かりやすく・・・


2 ● kunimiya
●0ポイント

http://deztec.jp/lecture/rn/index.shtml

回答になるかはわかりませんが、ここの『いろはの先のCSS』は具体的なデザイン技法が解説されており、HTML Strict+CSSなWEBデザインにした際の利点・欠点についても解説されています。

ただし、HTMLとCSSをある程度理解していることが前提条件となっていますが・・・。

◎質問者からの返答

もっと、素人でも分かるように・・・


3 ● kunimiya
●0ポイント

http://www.tg.rim.or.jp/~hexane/ach/lbxh/lbxh01.htm

Let's begin XHTML -- Section 1

http://www.tg.rim.or.jp/~hexane/ach/lbxh/lbxh15.htm

Let's begin XHTML -- Section 15

http://www.tg.rim.or.jp/~hexane/ach/lbxh/lbxh16.htm

Let's begin XHTML -- Section 16

http://members.jcom.home.ne.jp/jintrick/Personal/css_Advantage.h...

CSSの利点を探る - Personnel

http://members.jcom.home.ne.jp/jintrick/Personal/css_fault.html

CSSの欠点を探る - Personnel

列挙したURLリストを順に追って読めば理解できる…と思います。

どちらにしろWEB標準の利点・欠点を理解するには、HTMLとCSSの基本をきっちり理解している必要があります。ですので、時間がかかっても良いのなら、以下のサイト等でHTMLとCSSについて学習した後、先に示した『いろはの先のCSS』を読むことをおすすめします。

http://deztec.jp/lecture/ht/index.shtml

◎質問者からの返答

うーん、やはり難しい話になってしまうんですかねー。

たとえば、さほどWebに精通しているわけではない企業の広報担当者が、自社のWebサイトをリニューアルしよう・・・っていうときに、判断の根拠になるような、一目で明確に分かる説明はないでしょうか。

それとも、Web標準というのは、Web屋の小難しい話で、ある種Web屋の自己満足の世界なのでしょうか。


4 ● ティシティア
●0ポイント

http://d.hatena.ne.jp/themesample?hatena

はてなダイアリー - sampleの日記

HTML+CSSで簡単に説明しますが、標準化を行うとメインの文章をいじることなくレイアウトをいじることができます。

簡単に言うと参照先のCSSファイル(デザインファイル)を切り替えることで、はてなダイアリーのサンプルを切り替えるようなことが簡単にできるわけです。(もちろん元となるCSSファイルは必要なわけですが)

また、デザインを別ファイルでおこなうため、メインのコンテンツの内容を間違えて消してしまったりなどの事故も防げるはずです。ルールを決めておけば、デザインを変更するのが容易なわけです。

たとえば、直接タグを書いている場合、いちいち変更するとなると一つ一つ修正しなきゃいけないところを、CSSファイルでひとつ書き換えてやれば対応したルールに基づいて、全体に反映することが可能なわけです。


欠点といえば、CSSを書くに当たって、ルールを決めなくてはいけないこと、やCSSを書く手間が一番最初にかかるということでしょうか。(もちろん、その後のデザイン変更は楽になると思います。)

また、ルールからイレギュラーなことをしたい場合に、結局直接タグを書かなくてはいけない部分もあります。


まずははてなダイアリーの日記のソースと、ヘッダにあるCSSファイルの中身をのぞいてみてどのようなものか、見てみてはいかがでしょうか?

◎質問者からの返答

難しい、分かりづらいという意味がうまく伝わっていないようなので、もう少し補足をすると・・・

Web標準の話やCSSの話は、制作者側の論理で書かれることが多くて、たとえば企業のサイトなどでビジネス上のどういう利点があるかという視点があまりないのです。

上で言っているのも制作時の問題です。

Webサイトを企業の広報ツールとして活用する際の利点・欠点はあまり無いのかもしれない・・・と思う今日この頃でした。


5 ● hkt_o
●80ポイント

http://www.yasuhisa.com/strage/standard2end.pdf

PDF 1枚の非常に簡潔な資料ですが、Web 標準に準拠するメリットを十全に伝える内容です。


製作者・長谷川恭久さんのウェブサイトを以下、ご紹介しますので、ご参考まで。「スタイルシート スタイルブック」「進歩し続けるWebデザイナーの考え方―Web designer 2.0」という2冊の著書があるアメリカ帰りのデザイナーさんです。

http://www.yasuhisa.com/

yasuhisa.com

http://www.yasuhisa.com/could/

C O U L D

◎質問者からの返答

多少突っ込みどころがあるものの、よく整理されています。簡潔で分かりやすくて GOOD!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ