この度は「XHTML+CSS Webコンテンツデザインガイド」をお買い求めいただき、誠にありがとうございます。 このサポートページでは、本書で解説しているサイトのソースをダウンロードできます。 注意をよく読んで、ファイルをダウンロードし、 Webデザインの学習にお役立てください。

注意

すべてのダウンロード可能な画像の著作権は、著者に帰属します。本書のサンプルとしての利用以外の使用を禁止します。
圧縮ファイルにはパスワードが設定されております。解凍の際は本書の8ページに記載されているパスワードを半角英数字で入力して下さい。

※ダウンロードしたサンプルファイルの解凍方法がわからない方は以下をご覧ください。

なお、Windows用の解凍は+Lhacaを使うと、空のフォルダができ解凍ができません。
また、Windows圧縮フォルダを使うと1つのファイルごとにパスワードが必要になるのでお勧めしません。Ver8以上のWinZip、Lhasa、Lhaplusなどを使って解凍してください。

サンプルファイルの使い方

サンプルファイルは各チャプターごとに分かれています。
チャプターのフォルダには「before」と「after」のフォルダがあります。beforeは文字や余白の設定など基本的なCSSのみが適用され、装飾やレイアウトは適用されていないファイルです。本書の手順どおりに学習するには、こちらをご利用ください。また、afterは完成ファイルです。

beforeとafter

「before」と「after」フォルダは、それぞれ「htmlファイル」、「commonフォルダ」、「imagesフォルダ」で構成されています。「commonフォルダ」には使用されるCSSファイル、JavaScriptフォルダ、トップページ・カテゴリページで共通して使われる画像ファイルなどが収められています。
提供されるhtmlファイルはこのファイル・フォルダ構成の状態でCSSやJavaScript、画像にリンクされていますので、構成を変えずにご使用ください。

構成ファイル

なお、ロールオーバーで使用している「rollover.js」はダウンロードファイルに同梱されておりません。以下のアドレスより「rollover.js」をダウンロードし、「commonフォルダ」内の「jsフォルダ」に入れてご使用ください。

Daniel Nolanさんのサイト
rollover.jsをダウンロード

 

ダウンロード

サンプルファイルは各チャプターごとに「HTMLファイル」、「CSSフォルダ」、「イメージフォルダ」で構成されています。ダウンロードしたサンプルファイルは本書の学習にのみお使いください。