<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:xhtml="http://www.w3.org/1999/xhtml" ><channel><title>gaspanik weblog &#187; mdn</title> <atom:link href="http://blog.gaspanik.com/tag/mdn/feed" rel="self" type="application/rss+xml" /><link>http://blog.gaspanik.com</link> <description>beat one&#039;s brain</description> <lastBuildDate>Thu, 15 Dec 2011 23:53:18 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=</generator> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/tag/mdn/feed" /> <atom:link rel='hub' href='http://blog.gaspanik.com/?pushpress=hub'/> <cloud domain='blog.gaspanik.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' /> <item><title>XHTML+CSSデザイン　基本原則、これだけ。</title><link>http://blog.gaspanik.com/xhtml-css-design-basic-rules</link> <comments>http://blog.gaspanik.com/xhtml-css-design-basic-rules#comments</comments> <pubDate>Mon, 28 Apr 2008 10:00:32 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[works]]></category> <category><![CDATA[books]]></category> <category><![CDATA[css]]></category> <category><![CDATA[design]]></category> <category><![CDATA[mdn]]></category> <category><![CDATA[xhtml]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=4</guid> <description><![CDATA[桜舞い散るこの時期にMdNさんから「XHTML+CSSデザイン　基本原則、これだけ。」という書籍を出しました。今回の書籍は、アンカーテクノロジーの神森勉さん、i81の小林信次さん、そして矢野りんさん、それに私の4名での共 [...]]]></description> <content:encoded><![CDATA[<p>桜舞い散るこの時期にMdNさんから「XHTML+CSSデザイン　基本原則、これだけ。」という書籍を出しました。今回の書籍は、アンカーテクノロジーの神森勉さん、i81の小林信次さん、そして矢野りんさん、それに私の4名での共著になっております。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/04/xhtml-css-design-basic-rules.jpg' rel="lightbox"><img src="http://content.gaspanik.com/wp-content/uploads/2008/04/xhtml-css-design-basic-rules-182x240.jpg" alt="XXHTML+CSSデザイン 基本原則、これだけ。" title="xhtml-css-design-basic-rules" width="182" height="240" class="alignnone size-medium wp-image-5" /></a></p><p>肝心の内容はといいますと…。</p><p><span id="more-4"></span></p><p>本書は大きく分けると、Webを提供するにあたっての考え方、HTMLの基本と実践、CSSの基本と実践の三つにわけられます。<br /> 前半は、いまどきWebサイトを提供するにあたってどういうことを考えておくべきか、などといった事をさらりと解説しています。中盤は、CSSをどうこうする前に必要なHTMLそのものについて考え方や実際の書き方といった部分を取り上げ、後半でCSSについても考え方を含め基本的な手順や記述例をいれて解説しております。</p><p>Webサイトは今や「テキストや画像といった情報がただ載っていればいい」という時代ではなくなってます。いろんな環境においてもできる限り分け隔てなく同じ情報を提供する、サイトを訪れるユーザーのさまざまな目的や提供側の目的などを考えながらWebサイトを構築していく、Webページとして情報を提供するということが必要とされています。</p><p>人や検索エンジンが見てもわかりやすく、かつ使いやすいものにできるかどうかは、ただテキストや画像をちょこんと置いてあってもダメです。つまり、掲載された内容に対して情報としての意味を持たせるためには、HTMLを的確に記述しなければならないということです。それが結果としてさまざまな環境や多様化するデバイスに対してのアクセシビリティの向上、そして検索エンジン対策の面でも効果がでてくることになり、Webサイトそのものの本当の意味での価値が出てくると言えるでしょう。</p><p>ただそうは言っても、パソコン用のブラウザで見る場合など、ユーザーの視線の誘導といった部分で見た目の装飾（色付けたり、画像を使ったり）もしておかないと伝わるものも伝わらないこともあります。HTMLには文書構造だけを記述し、見た目の装飾に関わる部分はCSSを使って用意する、というやり方が本来あるべき姿であり、ここ数年の間でようやくそれが現実的なものになってきました。CSSを使った装飾というのは、ポイントさえ押さえておけばさほど難しいものではありません。基本を抑えて、あとは応用するだけなのです。</p><p>現在、本屋さんの店頭にはHTMLやCSSについて書かれた書籍が一杯並んでいます。しかし、その多くは小手先のテクニック集であったり、ツールの使い方であったりと、実際のWeb制作の業務に就いてる方やこれから学んでいこうという方に対して書かれたものも多く、そこに用いられている言葉の一つ一つもまた難しく理解が進まないんじゃないかな？、と常々考えておりました。</p><p>最近になってブログのツールを使ったり、専用のCMS（コンテンツ・マネージメント・システム）を導入し、それを使って本業ではない企業のご担当者の方が直接コンテンツを編集し公開する機会も増えていると思います。CMS使ってれば何でもうまいこと自動的に処理されるというのはシステム的な話であって、そこに掲載される情報についてただ適当に書いてしまっていては意味がありません（というかもったいない、いろんな意味で）。</p><p>そこで、本職として従事している方はもちろん、本業の片手間に更新作業を行わなければならないような方でも、いまどきWebサイトを提供するためにはどういうことを考えながら、どのようにHTMLを書いておけばよいのか、またどのような手法で装飾をしているのかということを、できるだけ平易な言葉を用いて解説したものが本書になります。用語として説明の必要がありそうな言葉、いろいろな考え方がありそうな表現については、大体脚注として脇に記載しております。</p><p>Web制作をされている方もCMSを導入して納品し、後は企業のご担当者におまかせというスタイルも多いかもしれません。そこでHTMLのことやその書き方だのという、本業ではないとある意味どうでもいいと思われてしまうことを説明したり、更新マニュアルなどを作ったりする必要もあるはずです。そんな時はこの一冊を併せてお薦めしていただければうれしいな、というか、少しぐらいお役に立てるのではないかと思います。</p><p>本書は小手先のテクニック的なことを紹介したものではなく、もう少しWebデザインの根本を考えてサイト作りを実践するための読み物に近い一冊です。「はじめに」にも書いておきましたが、これ一冊ですべてまかなえるほどWebの世界は浅いものではありません。次のステップには次のステップに最適な書籍というものがあると思います。</p><p>いまどきのHTMLやCSSを使ったWebデザイン、Webサイトを提供するということについて知ってもらう最初の一冊になれば幸いです。</p><p>→<a href="http://www.mdn.co.jp/content/view/5419/">http://www.mdn.co.jp/content/view/5419/</a>（一部PDFあります）</p><p>なお、この場を借りて、ギリギリまで修正などに対応いただきましたMdNの泉岡さん、ピーチプレス芹川さんにお礼を申し上げます。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/xhtml-css-design-basic-rules/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/xhtml-css-design-basic-rules" /> </item> </channel> </rss>
<!-- Served from: blog.gaspanik.com @ 2012-02-07 10:21:02 by W3 Total Cache -->
