このページでは、本書で解説している「トレーニング」の部分の素材データをダウンロードして使用していただくことができます。
サンプルファイルは Zip形式にて圧縮しております。解凍してからご利用ください。

本書の各Chapterごとにフォルダにわけ、作業前のデータは「セクション番号」フォルダに、完成データは「セクション番号finish」フォルダにしています。

本ダウンロードデータは、本書を利用するための目的だけに使用ください。なお、ダウンロードしたデータを運用して得られた結果生じた損害につきましては、当社および著者は責任を負いませんのでご了承ください。

●ここをクリックしてダウンロードしてください。

※解凍ツールはzip解凍に対応したツールを使用してください。

注意
すべての画像およびソースの著作権は、著者に帰属します。

※解凍方法方法についてのご質問については電話での対応はしておりません。

 

お詫びと訂正

本書、初版本に下記の誤りがありましたので、お詫びするとともに訂正いたします。

P89
誤：タイトル部分「2-8」
正：2-9

P96
手順1および2の画像ファイル　h2部分の文字色はグリーン

 

P109　手順2の「続いて、左と右のボーダーを指定していきます。」のくだりの最終行に次の文章を追加。

p要素のボーダーを指定する際に、コピーライトのボーダーをborder-style: noneに指定して、コピーライトのボーダーが表示されないようにします。また、パディングの0の指定をして、コピーライトの余白を削除しておきます。

P109　下段のCSSソースの下に次のソースを追加してください。

p#copyright {
text-align: center;
border-style: none;
padding: 0;
}

P240　手順1の本文に次の記述を追加

table要素とtd要素のボーダーを0に指定することにより、HTMLのborder="1"は表示されなくなり、背景の白が表示されます。

P240　手順1のCSSソース　赤字部分のソースを追加

table {
clear: both;
border: 0;
}
td {
width: 20%;
vertical-align: top;
padding: 5px;
border: 0;
background-color: #eaece5;
}

P241　手順2のCSSソース　赤字部分のソースを追加

td {
width: 20%;
vertical-align: top;
padding: 5px;
border: 0;
background-color: #eaece5;
}
tr#namber td {
color: #ffffff;
background-color: #c7dfae;
}