CSS DEPOT　脱テーブルレイアウトでCSS化　〜Web標準に沿ったホームページのために〜

メッセージ・ごあいさつ

このサイトは　Web関連書籍や関連サイトなどを拝見しながら、これからのWebデザインについての考え方や手法を自分なりに学び　随時まとめているものです。

旧来行われてきたページ作成の手法（主にテーブルレイアウト）は　近年定義された「Web標準」の仕様に反するものであることは、Web制作者の周知の事実でした。
しかし、この「Web標準」に準拠する上で様々な問題があることから、旧来通りの手法がとり続けられているのが現状です。

当サイトでは　この「Web標準」についての考え方、及びWeb標準に見合ったサイト構築の手法であるCSS（Cascading Style Sheets）の技法について紹介しています。私自身も今後のホームページ作成の手法として　指向していきたい技術です。
そこで、関連資料を読みながら、あるいは　実際に作成をしながら、私自身の学習メモの目的で　実際の作成の際注意すべき要項と思えたものにつきここでまとめていくことに致しました。

「ＣＳＳ概念編」では、CSS活用の前提にあるWeb標準について　参考にした資料の要点をまとめております。

主に　ホームページを運営される企業様にお読み頂きたい内容です。

「ＣＳＳ作成編」では、CSSを施すべきXHTML文書について　まずまとめており、その後、従来のテーブルレイアウトでの作成手法からCSSレイアウトページに移行するための作成手順に沿ってまとめております。実際の作業を進めながら気が付いた点につき書き留めた内容です。

主に　ホームページの作成に携わっておられる方々、特にCSS導入初心者の方々への参考資料となれば幸いです。

「ＣＳＳ応用編」では、作成時に気がついた点、CSSによるデザインのバリエーションについて随時書き溜めていく所存です。

当方の制作過程における研究発表の意味合いが強いです。
応用編１「デザイン切り替え」のページでは、CSSデザインレイアウトのサンプルを置いております。ご参照下さい。

不十分と思われる詳細説明に関しましては、関連資料をご参照下さいますよう、あらかじめおことわりさせて頂きます。
私自身まだまだ勉強中ですので足りない点は多々ありますが、ホームページ運営をお考えの企業様や　ホームページ制作に携わっておられる方々にとって、ご参考となるようでしたらこの上なく嬉しく存じます。

また、ホームページ作成・リニューアル等をお考えになられている企業様は、拙サイト　「TSWeb工房」　の方にもお越し頂きご検討下されば有難く存じます。

尚、技術的詳細につきましては、HTML及びCSSの基礎を習得されている方を対象とさせて頂いておりますので　あらかじめご了承下さい。
また、当サイトでは　多くの資料を参考にさせて頂いておりますが、あくまでも独自の認識で書いておりますので、ご意見・ご訂正箇所等ございましたら　ご指導方頂戴させて頂きたいと思っております。
各ページ下段「お問い合せ」より　ご一報頂けたら大変有り難く存じます。

TS Web工房　杉本珠枝

参考資料・書籍
�凱dN	月間web creators
	CSS導入ハンドブック
	WEBデザインの大原則
�竃�日コミュニケーションズ	スタイルシートステップアップアレンジブック
ソシム��	XHTMLマークアップ＆スタイルシート
�翫ﾄ泳社	スタイルシート辞典第3版
	HTMLタグ辞典第5版
�鰹G和システム	Web標準の教科書
参考・ご協力サイト様
いちゆうポータル様	CSS切り替えスクリプトを拝借しました。
2nose様	実践的なCSS設定のコツを教えて頂いております。

相互リンクサイト
タウンネット・コム	ドットイメージ	HP企画・制作専科	Reindeer-Search	ページビューランキング