MdNCORPORATION

ああしたい、こう変えたいが手にとるようにわかるCSS基礎

ああしたい、こう変えたいが手にとるようにわかるCSS基礎

ああしたい、こう変えたいが手にとるようにわかる CSS基礎

サンプルデータのダウンロードについて



このたびは、『ああしたい、こう変えたいが手にとるようにわかる CSS基礎』をご購入いただきまして、誠にありがとうございます。以下に、本書の解説で使用したサンプルデータを用意しましたのでご利用ください。


○本書のサンプルデータ(HTML・CSS・JPG)
CSS_basic.zip(約2.3MB)



【本書のサンプルデータ】


サンプルデータはChapter(章)ごとに、各記事番号のフォルダに分かれており、それぞれ「練習用ファイル」と「完成ファイル」が収録されています(練習用ファイル、完成ファイルの数は記事ごとに異なります)。

○練習用ファイルは、フォルダ名やファイルの末尾に「_before」とついているものです。
例)記事番号 Chapter4-02の場合には「04-02_before」フォルダ、04-02_before.html、04-02_before.cssなど
○完成ファイルは、フォルダ名やファイルの末尾に「_after」とついているものです。
例)記事番号 Chapter4-02の場合には「04-02_after」フォルダ、04-02_after.html、04-02_after.cssなど


【ダウンロードにあたってのご注意】


ダウンロードファイルは、ZIP形式で圧縮されています。Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。

解凍したフォルダ内には、本書の解説で使用したデータが収録されています。フォルダ内に「readme.html」が同梱されていますので、必ずご使用の前にお読みください。


【ダウンロードファイル解凍時のご注意】


Windowsをご利用の場合は、ダブルクリックしてもダウンロードファイルを正しく解凍できない場合があります。リンク画像が表示されないなど、サンプルファイルの閲覧に問題がある場合は、次の手順でファイルの解凍をお試しください。

[1]ダウンロードしたファイルを右クリック
[2]表示されたメニューから[すべてを展開...]を選択
[3]ファイルを解凍するダイアログが表示されるので、保存場所を選択して実行
[4]指定した場所にファイルが解凍される


【サンプルデータの使い方】


ダウンロード後、解凍したサンプルデータは以下のような手順でお使いいただけます。

[1]はじめに、各記事番号フォルダの中にある練習用のHTMLファイル「○○-○○_before.html」をInternet Explorer、Google ChromeなどのWebブラウザで開きます。

[2]次に、練習用ファイルと同じ記事番号フォルダの中にある完成用のHTMLファイル「○○-○○_after.html」をWebブラウザ開きます。練習用、完成それぞれの表示の違いをWebブラウザで確認してみましょう。

[3]本書の解説記事に、練習用のCSSファイルやHTMLファイルを使ってサンプルを変更していく方法が記載されています。解説内容に従って、完成ファイルを見本にしながらサンプル(練習用ファイル)を変えていきましょう。


【ダウンロードファイル解凍時のご注意】


※弊社Webサイトからダウンロードできるサンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。

※弊社Webサイトからダウンロードできるサンプルデータの著作権は、それぞれの制作者に帰属します。

※弊社Webサイトからダウンロードできるサンプルデータを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※本書に掲載されているHTML、CSSなどのコメントや改行位置などは、紙面掲載用として加工していることがあります。ダウンロードしたサンプルデータとは異なる場合がありますので、あらかじめご了承ください。

※サンプルデータをWebブラウザで開いた際に表示されるフォントは、お使いのパソコンのOSやWebブラウザの種類・バージョンにより、サンプルデータと紙面とは異なる場合があります。あらかじめご了承ください。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊