『作れる!わたしのWebサイト』サポートサイト

最終更新日:2012年7月26日[書影:作れる!わたしのWebサイト]

サイト概要

このたびは、弊社書籍『作れる!わたしのWebサイト』をお買い上げいただき、ありがとうございます。ここでは、上記書籍のサンプルファイルおよび正誤表をご提供します。

※既刊『HTMLとスタイルシートによる最新Webサイト作成術』(2003年発行、ISBN:4-7678-0250-4)のサポートサイトは移動しました

サンプルファイル

各リスト番号や画像のファイル名をクリックすると、リストや画像が表示されます。リストを入力したり、画像を用意したりする代わりにご利用ください。

第1章「Webサイトのテーマを決める」
  • なし
第2章「HTMLの基礎知識」
第3章「本分を作る」
第4章「スタイルシートでページを飾る」
第5章「リンクを張る」
第6章「画像を表示する」
第7章「表を作る」
第8章「リストを作る」
第9章「段組みを作る」
第10章「ページの公開とメンテナンス」
  • なし

正誤表

現在までにわかっている訂正分は、以下の通りです。このほかに明らかな間違いなどがありましたら、著者のサイトでご指摘ください。

なお、本書の内容に関するご質問は現在お受けしておりません。ご了承下さい。

第1刷(2009年5月19日発行)の正誤表

目次「第6章 画像を表示する/03 画像を左右の端に表示するには」
  • 誤:「index.html」と「nogizaka.css」を変更する
  • 正:「history.html」と「nogizaka.css」を変更する
047ページ「属性と属性値」
  • 誤:jang="ja"
  • 正:lang="ja"(※3カ所)
079ページ「タグの範囲の背景色を指定するスタイル」
  • 誤:(すなわち、ページ全体)の背景が薄い緑色で表示され、
  • 正:(すなわち、ページ全体)の背景が薄い茶色で表示され、
100ページ「●すべての要素に適用するセレクタ」内「a * {プロパティ宣言}」
  • 誤: a要素内のすべての要素にプロパティ宣言が適用される
    • <a>
    • <b class="x">
    • <c class="x">
    • <c class="y">
    • </a>
    セレクタとして「*」のみ記述すると、すべての要素にプロパティ宣言が適用される
  • 正: 要素名に続くセレクタとしてスペースを空けて「*」と記述する
    • <a>
    • <b>
    • <c>
    • </a>
    a要素内のすべての要素にプロパティ宣言が適用される
100ページ「●すべての要素に適用するセレクタ」内「a *.x {プロパティ宣言}」
  • 誤: a要素内に記述されたクラス「x」のすべての要素にプロパティ宣言が適用される
    • <a>
    • <b class="x">
    • <c class="x">
    • </a>
    セレクタとして「*」のみ記述すると、すべての要素にプロパティ宣言が適用される
  • 正: 「*」に続くクラス名を「.」(ピリオド)で結んで記述する
    • <a>
    • <b class="x">
    • <c class="x">
    • <c class="y">
    • </a>
    a要素内に記述されたクラス「x」のすべての要素にプロパティ宣言が適用される
102ページ「リスト4-5」
  • 誤:font-size:3em;
  • 正:font-size:2em;
185ページ「リスト6-4」
  • 誤:<img (…) alt="[画像/乃木坂の石碑">
  • 正:<img (…) alt="[画像/乃木坂の石碑]">
185ページ「『nogizaka.css』を変更する」
  • 誤:リスト6-4で追加した行には、「photo」というクラス指定が追加されました。このクラスへのスタイル指定を追加します。
  • 正:リスト6-4で追加した<img>タグは、「honbun」というクラス名を持つ<p>タグの中にあります。この<img>タグへのスタイル指定を追加します。
189ページ「『index.html』と『nogizaka.css』」を変更する
  • 誤:「index.html」と「nogizaka.css」を変更する
  • 正:「history.html」と「nogizaka.css」を変更する
  • 誤:「index.html」と「nogizaka.csss」を、次のように変更します。
  • 正:「history.html」と「nogizaka.css」を、次のように変更します。
  • 誤:「index.html」を変更する内容(リスト6-7)
  • 正:「history.html」を変更する内容(リスト6-7)
192ページ「リスト6-9」
  • 誤:<img (…) alt="[画像/乃木坂の石碑">
  • 正:<img (…) alt="[画像/乃木坂の石碑]">
225ページ「リスト7-7」
  • 誤:padding:0.2em 0;
  • 正:padding:0.2em;
269ページ「テク:positionを使った段組みで、背景色を隣のボックスの高さまで延ばすには」
  • 誤:●表示結果(リスト9-7から変更した場合)
  • 正:●表示結果(リスト9-6から変更した場合)
Copyright © 2009-2012 X-Knowledge Co.,Ltd. All rights reserved.