サンプルプログラム(ゼロから積み上げる HTML+CSS)

サンプルプログラムのダウンロード

こちらのページより、サンプルプログラムのダウンロードが行えます。

書籍 ゼロから積み上げる HTML+CSS

サンプルプログラムを参照しながら、必ず自分の手で Scratch ブロックを積み上げて、プログラミングを完成させるようにしてください。なおサンプルプログラムは自由に改変、公開をしてかまいませんが、以下の著作権表記をお願いします。
著作権表記:クリエイティブまさ「ゼロから積み上げる HTML+CSS」のサンプルプログラムを改変しました。(または「利用」「公開」など適切な表現にしてください)

HTML+CSS の基礎


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページの構成要素


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページ作成 ヘッダー


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページ作成 グローバルナビ


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページ作成 コンテンツ


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページ作成 フッター


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページ作成 スライダー


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ホームページ作成 ライトボックス


ここからダウンロード
(このリンクをマウスで右クリックして、「対象をファイルに保存」などのメニューを実行してください。)

ファイルの開き方

ScartchX サイトを開いてから「Extension URL」に「https://creativival.github.io/scratch2html/scratch2html.js」を入力します。その後、「ファイル」→「Load Project」より、対象のファイルを選んでください。