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

サンプルファイル

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

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