title
HTML&CSS LayoutBook2

このページでは、本書で使用されているサンプルページをダウンロードすることができます。 zip形式で圧縮しておりますので、下記の注意を読み、パスワードを入力してから解凍の上ご使用ください。

なお、HTMLファイルはUTF-8形式にてエンコーディングしています。よって、WindowsではWordPadで開くと文字化けすることがあります。テキストエディタはNotePadなど、UTF-8に対応したエディタで開いてください。MacOS9以下の環境でテキストエディタなどでコードを見るために開くと、文字化けすることがあります。

・すべての書類の著作権は、著者に帰属します。
圧縮ファイル(zip形式)にはパスワードが設定されております。解凍の際は本書の最終ページのソーテック社住所の郵便番号をハイフンなし、半角英字で入力してください。
なお、+Lhacaを使うと、空のフォルダができ解凍ができません。Ver8以上のWinZip、Lhasa、Lhaplusなどを使って解凍してください。

ここをクリックしてダウンロード

注 意

圧縮ファイルの解凍方法(Windows 7)

圧縮ファイルの解凍方法(Windows Vista)

圧縮ファイルの解凍方法(Windows XP)

圧縮ファイルの解凍方法(Mac OS X 10.5以上)

圧縮ファイルの解凍方法(Mac OS X 10.4)


訂正情報

本書 初版1刷において次の誤りがありましたのでお詫びするとともに訂正いたします。

P59 2-5.cssのソース
#navbar ulセレクタの最終行 「text-align:center;」を削除

P69 3-1.cssのソース
h3セレクタの2行目
誤「background: url(none)」
正「background-image:none」

P71〜P73の画面ショットの図版の「更新情報」のバーの色
誤 オレンジ色バー
正 黄緑色のバー

P74 手順7 3-1.css
誤「background: url(none)」
正「background-image:none」

P77 3-2.css
h3セレクタの2行目

誤「background: url(none)」
正「background-image:none」

P160のソースは次のように訂正します。
body {
background-image: url(design/dinner.png);
background-repeat: no-repeat;
background-position: top center;
background-color: #FFFFFF;
}

/*IE用フィルタを使ってPNGを透過*/
/*#photo {
filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/dinner.png',);
height:300px;
width:400px;
position:absolute;
}*/

P169 7-2.cssのソース
h3セレクタの最終行

誤 border-bottom:solid 2px
正 border-bottom:solid 2px #e28809;