『HTMLとスタイルシートによる最新Webサイト作成術』サポートサイト

最終更新日:2009年5月18日[書影:HTMLとスタイルシートによる最新Webサイト作成術]

サイト概要

このたびは、弊社書籍『HTMLとスタイルシートによる最新Webサイト作成術』をお買い上げいただき、ありがとうございます。ここでは、上記書籍のサンプルファイルおよび正誤表をご提供しています。

なお現在、増補改訂・カラー版として『作ろう!わたしのWebサイト』(2009年5月19日、ISBN:978-4-7678-0862-8)を発売しています。こちらもぜひご覧ください。

サンプルファイル

本の中で作るサンプルファイルの完成状態は、それぞれ下からダウンロードできます。

Internet Explorerをお使いの方は、ファイル名を右クリックして、表示されたメニューから[対象をファイルに保存]を選択してください。すべてのファイルを同じフォルダに保存すれば、本書で制作したサイトと同じように閲覧できます。

保存したHTMLファイルの閲覧方法は、本書の50ページをご参照下さい。

HTMLファイル
index.html(トップページのHTMLファイル)
shuuhen.html(「乃木坂の周辺」のHTMLファイル)
history.html(「乃木坂の歴史」のHTMLファイル)
about.html(「このサイトと作者について」のHTMLファイル)
CSSファイル
nogizaka.css(本書で制作するCSSファイル)
画像ファイル
singou.jpg(信号の画像)
back.png(背景の画像)
sekihi.jpg(石碑の画像)
mail.png(メールの画像)
point.png(リスト先頭の画像)

正誤表

現在までにわかっている訂正分は、以下の通りです。このほかに明らかな間違いなどがありましたら、電子メールか本書巻末の質問シートでご指摘ください。電子メールの宛先は、website(a)xknowledge.co.jpです((a)を「@」に置き換えて送信して下さい)。

なお、本書の内容に関するご質問は、本書巻末の質問シートでのみ承ります。メールでのご質問はお受けしておりませんのでご了承下さい。

初版第6刷(2008年10月28日発行)の正誤表

下にある初版第4刷までの訂正分は、第5刷で修正されています。今のところ第6刷に訂正はありません。

初版第5刷(2006年5月22日発行)の正誤表

下にある初版第4刷までの訂正分は、第5刷では修正されています。第5刷に訂正はありません。

初版第4刷(2005年5月31日発行)の正誤表

213ページ〜214ページ「●『shuuhen.html』を変更する内容(リスト7-3)」
  • 誤:<tr><th>出口1</th><td>外苑東通り方面</td><td>乃木坂の途中、乃木公園や乃木神社への出口です。</td></tr>
    <tr><th>出口2</th><td>外苑東通り方面</td><td>出口1の道路を挟んだ反対側に出ます。</td></tr>
    <tr><th>出口3</th><td>外苑東通り方面</td><td>エスカレーターを上がって、外苑東通りに出ます。</td></tr>
    <tr><th>出口4</th><td>外苑東通り方面</td><td>健保会館(はあといん乃木坂)の入口に出られます。</td></tr>
  • 正:<tr><th>出口1</th><td>外苑東通り方面</td><td>乃木坂の途中、乃木公園や乃木神社への出口です。</td></tr>
    <tr><th>出口2</th><td>外苑東通り方面</td><td>出口1の道路を挟んだ反対側に出ます。</td></tr>
    <tr><th>出口3</th><td>外苑東通り方面</td><td>エスカレーターを上がって、外苑東通りに出ます。</td></tr>
    <tr><th>出口4</th><td>外苑東通り方面</td><td>健保会館(はあといん乃木坂)の入口に出られます。</td></tr>
    (※これらの行にも、「<td>外苑東通り方面</td>」という変更点があります。)
  • 誤:<tr><tr>出口5</th><td>青山霊園方面</td><td>出口1〜4とはホームの反対側にあり、青山霊園の方面に出ます。</td></tr>
  • 正:<tr><tr>出口5</th><td>青山霊園方面</td><td>出口1〜4とはホームの反対側にあり、青山霊園の方面に出ます。</td></tr>
    (※この行にも、「<td>青山霊園方面</td>」という変更点があります。)
214ページ「●『nogizaka.css』を変更する内容(リスト7-4)」
  • 誤:table{margin:auto;border:solid 2px #000;bordercollapse:collapse;width:85%;}
  • 正:table{margin:auto;border:solid 2px #000;border-collapse:collapse;width:85%;}
240ページ「リストの先頭の表示形式を指定するスタイル」
  • 誤:タグ:list-style-image:url("画像のURL")
  • 正:スタイル:list-style-image:url("画像のURL")

このほか、下にある初版第1刷の訂正分は、第4刷では修正されています。

初版第3刷(2004年12月15日発行)の正誤表

下にある初版第1刷の訂正分は、第2刷で修正されています。第3刷に訂正はありません。

初版第2刷(2004年9月10日発行)の正誤表

下にある初版第1刷の訂正分は、第2刷では修正されています。第2刷に訂正はありません。

初版第1刷(2003年1月10日発行)の正誤表

110ページ「ウィンドウ枠とのすき間をなくすには」キャプション部
  • 誤:「body{margih:0;padding:0}」と指定した状態。
  • 正:「body{margin:0;padding:0}」と指定した状態。
142ページ「●『nogizaka.css』を変更する内容(リスト4-18)」
  • 誤:h2{background-color:#fb5;(中略)letter-spacing:0.5em;margin:0;}
  • 正:h2{background-color:#fb5;(中略)letter-spacing:0.5em;margin:0;}(※この行にも、「margin:0;」という変更点があります。)
151ページ「リンクを張るためのタグ」
  • 誤:スタイル:<a href="リンク先のURL、ファイル名など">〜</a>
  • 正:タグ:<a href="リンク先のURL、ファイル名など">〜</a>
155ページ「●作成する『about.html』の内容(リスト5-3)」
  • 誤:<h2>私が作っています</h2>
  • 正:<h2>私が作っています</h2>
156ページ「●作成する『about.html』の内容(リスト5-3)」(前ページからの続き)
  • 誤:<div class="honbun">名前…<a href="mailto:username@xknowledge.co.jp">
  • 正:<div class="honbun">名前…<a href="mailto:username@xknowledge.co.jp">(※この行全体が前のリストからの変更点として、地の色が濃くなります。)
157ページ「電子メールを出すためのリンクを張るタグ」
  • 誤:スタイル:<a href="mailto:メールアドレス">〜</a>
  • 正:タグ:<a href="mailto:メールアドレス">〜</a>
284ページ「索引」
  • 誤:K〜Q
  • 正:J〜Q
Copyright © 1998-2009 X-Knowledge Co.,Ltd. All rights reserved.