実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~ | 市瀬裕哉, 福島英児, 望月真琴 |本 | 通販

本書は,株式会社九天社より2007年3月に刊行された書籍の再刊行版です。「初学者向けではなく中級者向けに、Web制作の現場での実践に活用できる書籍を」というコンセプトで、著者それぞれの得意な分野を担当して執筆しました。
執筆を始めた頃は、まだWeb Standards(Web標準)を念頭に置いた書籍は少なく、次の点を重視して執筆を進めることで、他に類を見ない解説書に仕上がりました。
・可能な限り仕様に基づいた解説を行うこと
・本書を参照しながら、適宜仕様書の該当箇所を参照し確認できること
・仕様への準拠を守りながら、シンプルな記述で実践的なデザインを実現できること
本書では、それらを次の7章で解説しています。
1. Web Standardsの基本
2.(X)HTMLの基本
3. CSSの基本
4. floatプロパティを利用したレイアウト
5. positionプロパティを利用したレイアウト
6. 実践レイアウト
7. XHTML&CSS Tips

1~3章ではWeb Standardsという概念を理解するための解説を、4、5章ではCSSでのレイアウトの基本となるfloatプロパティ、positionプロパティを利用したレイアウトの基本を解説しています。6章ではレイアウトのパターン別にその手法を紹介、さらに具体的なデザインを例にその完成までを解説しています。そして7章では、実際の制作にあたって知っておきたいXHTMLとCSSのTipsをまとめています。
この度の再刊行にあたり、執筆当時の内容をそのままに刊行するのではなく、可能な限り最新の情報を反映し、全てのページにおいて(音楽用語に例えるなら)「リマスタリング」を施しています。

冒頭で「初学者向けではなく」と言及していますが、基礎的な内容も本書内で解説しています。実際に、2007年の刊行以来、制作現場だけでなく教育現場でも、本書が活用されているとの報せを受けています。
もちろん、既にお持ちの書籍と本書を組み合わせて学習してもよいでしょう。本書だけでも、充分にWeb Standardsについて、また実践的なレイアウトについて学習できるように解説していますが、学習レベルに合わせて複数の書籍を参考にするのを強くお勧めします。

この本の刊行にあたってはここに挙げられないほど多くの方にご協力・ご声援をいただきました。また、私たちが執筆に活用した技術は、多くの先人達が有形無形のリソースを残し伝えてくれたから得られたことに他なりません。あなたが、明日の誰かに残し伝えられるリソースを作るための一助として、本書がお役に立てれば幸いです。

2008年11月著者一同

この商品に関する問題を報告する

本の長さ

448ページ
言語

日本語
出版社

技術評論社
発売日

2008/11/29
ISBN-10

4774136840
ISBN-13

978-4774136844
すべての詳細を表示

この商品に関連する商品

ページ: 1 / 1最初に戻るページ: 1 / 1

スポンサー

'; var HEADER_STRING = "フィードバックを残す"; if (false) { HEADER_STRING = "広告情報とオプション"; } var modalInstance = AM.create(trigger, { 'content': initialContent, 'header': HEADER_STRING, 'popoverLabel': HEADER_STRING, 'name': modalName }); modalInstance.show(); var serializedPayload = generatePayload(modalName); A.$.ajax({ url: "/af/multi-creative/feedback-form", type: 'POST', data: serializedPayload, headers: { 'Content-Type': 'application/json', 'Accept': 'application/json'}, success: function(response) { if (!response) { return; } modalInstance.update(response); var successMetric = DESKTOP_METRIC_PREFIX + ":formDisplayed"; if (window.ue && window.ue.count) { window.ue.count(successMetric, (window.ue.count(successMetric) || 0) + 1); } }, error: function(err) { var errorText = 'Feedback Form get failed with error: ' + err; var errorMetric = DESKTOP_METRIC_PREFIX + ':error'; P.log(errorText, 'FATAL', DESKTOP_METRIC_PREFIX); if (window.ue && window.ue.count) { window.ue.count(errorMetric, (window.ue.count(errorMetric) || 0) + 1); } modalInstance.update('' + "Error loading ad feedback form." + ''); } }); return modalInstance; } function removeModalOnClose (modalName) { A.on('a:popover:afterHide:' + modalName, function removeModal () { var isSuccess = AM.remove(modalName); if(isSuccess) { document.getElementById("sp_detail_feedbackMessage").focus(); } }); } function generatePayload(modalName) { var carousel = CF.getCarousel(document.getElementById("sp_detail")); var EMPTY_CARD_CLASS = "a-carousel-card-empty"; if (!carousel) { return; } var adPlacementMetaData = carousel.dom.$carousel.context.getAttribute("data-ad-placement-metadata"); var adDetailsList = []; if (adPlacementMetaData == "") { return; } carousel.dom.$carousel.children("li").not("." + EMPTY_CARD_CLASS).each(function (idx, item) { var divs = item.getElementsByTagName("div"); var adFeedbackDetails; for (var i = 0; i < divs.length; ++i) { if (divs[i].getAttribute("data-adfeedbackdetails")) { adFeedbackDetails = divs[i].getAttribute("data-adfeedbackdetails"); break; } } if (!adFeedbackDetails) { return; } if (adFeedbackDetails != "" && adFeedbackDetails != null) { adDetailsList.push(JSON.parse(adFeedbackDetails)); } }); var payload = { adPlacementMetaData: JSON.parse(adPlacementMetaData), adCreativeMetaData: { adCreativeDetails: adDetailsList }, feedbackFormContainerId: modalName }; var serializedPayload = { pl: encodeURI(JSON.stringify(payload)) }; return JSON.stringify(serializedPayload); } }); }));

フィードバック

&nbsp

&nbsp

YUI

単行本（ソフトカバー）

￥2,728

82ポイント(3%)
フィードバック

&nbsp

&nbsp

株式会社モデリングブロス

単行本（ソフトカバー）

￥5,720

973ポイント(17%)
フィードバック

&nbsp

&nbsp

ダテナオト

単行本（ソフトカバー）

￥3,850

39ポイント(1%)
フィードバック

&nbsp

&nbsp

単行本

￥4,400

132ポイント(3%)
フィードバック

&nbsp

&nbsp

ingectar-e

単行本

￥1,980

60ポイント(3%)
フィードバック

&nbsp

&nbsp

櫻井良明

Kindle Edition

￥2,695

232ポイント(9%)
フィードバック

&nbsp

&nbsp

菊本久寿

Kindle Edition

￥1,386

14ポイント(1%)
フィードバック

新刊

平塚知真子

Kindle Edition

￥2,326

23ポイント(1%)

商品の説明

著者について

●市瀬裕哉(いちせゆうや)
2001 年、パソコンの購入とともにウェブに興味を持ち、独学でウェブ制作を始める。HTML、CSSの他にFlash、3DCG による創作活動を続ける。現在、フリーランスとしての活動と並行して都内の専門学校にてウェブデザインコースの講師を務め、若きウェブ戦士の育成にも力を注いでいる。

●福島英児(ふくしまえいじ)
DTPおよびウェブ制作に携わる。2003年末頃から(X)HTML+CSSによる制作へ興味を持ち、spacer.gifからの脱却に目覚める。現在は主にディレクション業務に関わる傍ら、CSS関連などの記事を雑誌へ寄稿。著書に『Web標準テキスト(2)CSS』(技術評論社)がある。

●望月真琴(もちづきまこと)
ウェブとの接点がない業界に身を置きながら、趣味でウェブ制作に関する情報を収集。2003年頃からHTML、CSSに興味を持ち、2004年8月に現サイト「hxxk.jp」開設。ウェブに限らず、気になる情報を自分用にまとめあげて記録するようにしている。本書サポートサイト「lh3.jp」の管理も担当。

登録情報

出版社 ‏ : ‎ 技術評論社 (2008/11/29)
発売日 ‏ : ‎ 2008/11/29
言語 ‏ : ‎ 日本語
大型本 ‏ : ‎ 448ページ
ISBN-10 ‏ : ‎ 4774136840
ISBN-13 ‏ : ‎ 978-4774136844

カスタマーレビュー:
4.4 20個の評価

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。

市瀬裕哉
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.
著者の本をもっと見つけたり、似たような著者を調べたり、おすすめの本を読んだりできます。
著者ページでもっと見る
福島英児
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.
著者の本をもっと見つけたり、似たような著者を調べたり、おすすめの本を読んだりできます。
著者ページでもっと見る
望月真琴
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.
著者の本をもっと見つけたり、似たような著者を調べたり、おすすめの本を読んだりできます。
著者ページでもっと見る

この商品に関連する商品

ページ: 1 / 1最初に戻るページ: 1 / 1

スポンサー

'; var HEADER_STRING = "フィードバックを残す"; if (false) { HEADER_STRING = "広告情報とオプション"; } var modalInstance = AM.create(trigger, { 'content': initialContent, 'header': HEADER_STRING, 'popoverLabel': HEADER_STRING, 'name': modalName }); modalInstance.show(); var serializedPayload = generatePayload(modalName); A.$.ajax({ url: "/af/multi-creative/feedback-form", type: 'POST', data: serializedPayload, headers: { 'Content-Type': 'application/json', 'Accept': 'application/json'}, success: function(response) { if (!response) { return; } modalInstance.update(response); var successMetric = DESKTOP_METRIC_PREFIX + ":formDisplayed"; if (window.ue && window.ue.count) { window.ue.count(successMetric, (window.ue.count(successMetric) || 0) + 1); } }, error: function(err) { var errorText = 'Feedback Form get failed with error: ' + err; var errorMetric = DESKTOP_METRIC_PREFIX + ':error'; P.log(errorText, 'FATAL', DESKTOP_METRIC_PREFIX); if (window.ue && window.ue.count) { window.ue.count(errorMetric, (window.ue.count(errorMetric) || 0) + 1); } modalInstance.update('' + "Error loading ad feedback form." + ''); } }); return modalInstance; } function removeModalOnClose (modalName) { A.on('a:popover:afterHide:' + modalName, function removeModal () { var isSuccess = AM.remove(modalName); if(isSuccess) { document.getElementById("sp_detail2_feedbackMessage").focus(); } }); } function generatePayload(modalName) { var carousel = CF.getCarousel(document.getElementById("sp_detail2")); var EMPTY_CARD_CLASS = "a-carousel-card-empty"; if (!carousel) { return; } var adPlacementMetaData = carousel.dom.$carousel.context.getAttribute("data-ad-placement-metadata"); var adDetailsList = []; if (adPlacementMetaData == "") { return; } carousel.dom.$carousel.children("li").not("." + EMPTY_CARD_CLASS).each(function (idx, item) { var divs = item.getElementsByTagName("div"); var adFeedbackDetails; for (var i = 0; i < divs.length; ++i) { if (divs[i].getAttribute("data-adfeedbackdetails")) { adFeedbackDetails = divs[i].getAttribute("data-adfeedbackdetails"); break; } } if (!adFeedbackDetails) { return; } if (adFeedbackDetails != "" && adFeedbackDetails != null) { adDetailsList.push(JSON.parse(adFeedbackDetails)); } }); var payload = { adPlacementMetaData: JSON.parse(adPlacementMetaData), adCreativeMetaData: { adCreativeDetails: adDetailsList }, feedbackFormContainerId: modalName }; var serializedPayload = { pl: encodeURI(JSON.stringify(payload)) }; return JSON.stringify(serializedPayload); } }); }));

フィードバック

&nbsp

&nbsp

櫻井良明

Kindle Edition

￥2,695

232ポイント(9%)
フィードバック

&nbsp

&nbsp

菊本久寿

Kindle Edition

￥1,386

14ポイント(1%)
フィードバック

&nbsp

&nbsp

Kindle Edition

￥3,960

40ポイント(1%)
フィードバック

新刊

平塚知真子

Kindle Edition

￥2,326

23ポイント(1%)
フィードバック

&nbsp

&nbsp

株式会社モデリングブロス

単行本（ソフトカバー）

￥5,720

973ポイント(17%)
フィードバック

&nbsp

&nbsp

ダテナオト

単行本（ソフトカバー）

￥3,850

39ポイント(1%)
フィードバック

&nbsp

&nbsp

ingectar-e

単行本

￥1,980

60ポイント(3%)

カスタマーレビュー

20グローバルレーティング

星5つ
72%
星4つ
17%
星3つ
0%
星2つ
0%
星1つ
11%

評価はどのように計算されますか?

この商品をレビュー

カスタマーレビューを書く

レビュータイプで並べ替え

上位レビュー、対象国：日本

レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。

さくら＆もも
ある程度HTML/CSSの学習をされた方におすすめできます
2016年3月21日に日本でレビュー済み
Amazonで購入
内容はXHTML/CSS2.1をベースに書かれており、HTML5/CSS3がWeb Standardとなりつつある現在では少し古いですが、初学者が理解し難いflaotを使った段組レイアウトとpositionを使ったカラムレイアウトが非常に分かりやすく説明してあり、これだけでも読む価値があります。内容的には実際の制作現場で役立つtipsが多く載っており、ある程度HTML/CSSについては理解している中級レベルの方を対象に、web標準に準じたコーディングの進め方を解説した良書だと思います。

続きを読む

1人のお客様がこれが役に立ったと考えています

役に立った

レポート
iqhiro
結局、これが一番良い。
2007年11月29日に日本でレビュー済み
Amazonで購入
一度はHTML、XHTMLに触ったことがある人向けです。
まったく触ったことが無い方は、この本と別に、入門用の本を購入することをオススメします。
知識の1から10までを追った面倒なものでもなく、
ただのリファレンス集にも留まらず、CSSを体系的に学ぶことができます。

CSSによるレイアウトで一度でも詰まったことがある人は、目から鱗の連続間違いなし！

「ジッセンを持ってコレを知ルノダ」と、ただ仕事をこなして覚えようとすると、
ついつい覚えられたはずのモノが漏れてしまいがちですが、
この「実践」本を片手に持って取り掛かれば、学習効率はかなり向上するはずです。

この本を読んでトッテモすばらしいと感じたのは
決して紹介している技術が退屈に見えず、読み手を飽きさせない。
むしろ、ひきつけてくれるフレンドリーさです。

リファレンス集や、1から10まで追った本を手に取り失敗した人。
また、もう一度体系的に覚えなおしたい。復習したい人。
全然関係ないけどただ興味がある人。
どんな方にもオススメできる、買って読んで自慢のできる。最愛の実践本です。

続きを読む

13人のお客様がこれが役に立ったと考えています

役に立った

レポート
yoshibo
まだ完読してはいないが
2011年5月3日に日本でレビュー済み
Amazonで購入
まだ、全てを詳しく読んだ訳では無いが、教科書としても利用されているだけ有って初心者にとっては手元に置いておきたい本の一つだと思う。また、中級者上級者にとっても幾つかのヒントとなる例題が有り、実践的なCSSを載せている。ZendFrameworkのビューモデルやSmartyを使うデザイナーにとってもCSSレイアウトは役に立つ。
現在、ZendとSmartyを使ったWEBシステムを構築しているが、手元に置いておけばテンプレート作成時にヒントをくれるものに成る事は間違いない。
基本からCSSを押さえておきたい方には非常に役に立つと思われる。

続きを読む

1人のお客様がこれが役に立ったと考えています

役に立った

レポート
akamon
深い理解を促す本
2010年10月21日に日本でレビュー済み
Amazonで購入
”Web標準の教科書”と比べ、こちらのWEB標準の書籍はHTMLをより理解を深めるための書籍だと思います。
理解しやすかったので個人的にはこちらの方が好きです。

立ち位置的には少々(序盤は特に)お堅い本かもしれませんが、
Webプログラマーを目指す人も、すでにそうである方にもお勧めできます。
マークアップする上での「何故」が必要な方は是非手に取ってみてください。

続きを読む

6人のお客様がこれが役に立ったと考えています

役に立った

レポート
-masayuki-
良くない。
2010年8月7日に日本でレビュー済み
Amazonで購入
まだ読み始めているところだけど、
読んでいて、CSSの「セレクタ」というのが出てきた。
なんとなくはわかってるけど、確認しようと索引を見て、p62を見た。
CSSの基本のことを解説している最初のページだ。

その説明で、右上に「CSS」とラベルのつけた図、というか、「実際のCSSではこうコードを記述しますよ」みたいな感じを示すための図、左上に紙の折り目をつけた感じの図、があったが、それが、「えぇ？これわかりにくくない？。。。」と思った。
実際「んん？。。。あ〜、そういうことか。。。」となりストレスになった。

そのすぐ下に同じように実例の図？があり、それは良いと思うが、前述の図は、ちょっと不味いと思う。

実際のコードでこういうのを書く場合があるのかな？と一瞬思ってしまって、混乱した。

評価が良かったのと、本の表紙の絵が良い感じかなと思ったので、少し残念。

でも、これから読み進めていくつもりなので、評価はまた変わるかもしれない。

---
誰が何章の執筆をしてるのか不明。　市瀬祐哉という人は４〜６章担当してるみたいだ。p139下のほうで「floatプロパティは画像以外のさまざまな要素に指定できますが、」と文がある、その前には、画像に指定した例を挙げている。なので、この文を見ると、「え？画像にも指定できるのなら『〜画像以外にもさまざまな〜』としたほうが良いのでは？」と思った。　
---
本書中でCSSコードを記述する場合、コードの左、上、右を線を引き、左上に折り目をつけたような、メモ書きの雰囲気をつけているが、それなら、その左上にCSSと書いた方が良かったのでは？　わかりにくかった。
「なんのための折り目なんだろ？」と思った。　
---

この本は以外とわかりにくいかもしれない。でも、参考にはなるので、他にも良い本を見つけたら、こちらの本にしかないエッセンスをメモだけしておいて手放したいと思っている。　中古で安く買ったので、手放さないかもしれないけど、完成度はいまいち。
市瀬という人のブログ？、ホームページをみたが、profileを見ると、写真があった。
その写真は、子供２人の銅？像。　左の像は奥にあるのか、ちょっと高さが低く写っている。右の像は手前にあるせいか、左より高く写っている。実際、高さは左の方が低そう。右はよく見ると、ランニングシャツを着ているようで、よく見ないと裸かな？と思える。左は裸なのかな？といった感じ。
で、右の像に女性のピンクのブラがついていた。左はついていない。
その写真の下には、左の像の下には「俺５歳」、右の像には「母」と書いてあった。
ふざけた写真だと思った。こんな奴の本を買ってしまって後悔した。
売ってしまおうかと思っている。
---
装丁のデザインは好み。

続きを読む

1人のお客様がこれが役に立ったと考えています

役に立った

レポート
レゴブロック
XHTML,CSSについてきれいにまとめられています
2007年3月8日に日本でレビュー済み
Amazonで購入
大きく分けて、

・XHTML,CSSの概念

・HTMLとCSSを使ったデザイン手法

がまとめられています。

前者のXHTML,CSSについては、著者の方々がしっかりと概念を理解されているのでしっかりと体系づけて理解できる書き方になっています。

後者のデザイン手法は、CSSではできなさそうな表現方法を丁寧な解説付きで掲載してあります。また、人によって整理の仕方がまばらなCSSの管理方法の提案もしてあります。

コーディングを仕事としている方には是非読んでいただきたい書籍です。

続きを読む

27人のお客様がこれが役に立ったと考えています

役に立った

レポート
KUNISAN
Web標準の学習にいい
2009年10月29日に日本でレビュー済み
Amazonで購入
長年個人ホームページ用に自己流でHTMLを記述していましたが、今後仕事でホームページを作成する可能性が出てきたため、Web標準の学習を始めることになりました。

これを読んでいると、私のHTMLの知識がいかに古いものだったか、ということを実感させられました。ただ、文章が体系立っていて詳細に書かれていながらも理解しやすく、さっそく書かれている内容を基にして、ホームページのソースを修正したりもしてみました。

コーディング初心者には難しい内容かもしれませんが、ある程度HTMLの知識がある人なら十分ついていけると思います。特に私のような「自称」コーディング中級者〜上級者にはお勧めです。

続きを読む

9人のお客様がこれが役に立ったと考えています

役に立った

レポート
JojiW
難しそうだけどわかりやすい
2009年3月14日に日本でレビュー済み
Amazonで購入
前半部分は少々お堅い文章というか内容。
読み続けるのに苦労しそうな第一印象だ。
しかし、中盤あたりからは非常に理解しやすい流れとなる。
特にソースのコメントや途中のコラムに気の利いた配慮が感じられ、
過去に読んだCSS本の中では、もっとも良い本だと感じた。
初心者にはちょっとキツイかもしれませんがオススメです。

続きを読む

18人のお客様がこれが役に立ったと考えています

役に立った

レポート

画像はありません

著者をフォローする

実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~ 大型本 – 2008/11/29

この商品に関連する商品

商品の説明

著者について

登録情報

著者について

市瀬裕哉

福島英児

望月真琴

この商品に関連する商品

カスタマーレビュー

この商品をレビュー

上位レビュー、対象国：日本

レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。

ある程度HTML/CSSの学習をされた方におすすめできます

結局、これが一番良い。

まだ完読してはいないが

深い理解を促す本

良くない。

XHTML,CSSについてきれいにまとめられています

Web標準の学習にいい

難しそうだけどわかりやすい

申し訳ありません。問題が発生しました。

申し訳ありません。問題が発生しました。

著者をフォローする

実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~ 大型本 – 2008/11/29

この商品に関連する商品

商品の説明

著者について

登録情報

著者について

市瀬 裕哉

福島 英児

望月 真琴

この商品に関連する商品

カスタマーレビュー

この商品をレビュー

上位レビュー、対象国： 日本

レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。

市瀬裕哉

福島英児

望月真琴

上位レビュー、対象国：日本