教材をダウンロードして下さい。chapter1〜chapter8までありますのでダウンロードしたいchapterの画像をクリックし「保存」するか、右クリックし対象をファイルに保存を選択し、任意のフォルダにダウンロードして下さい。ダウンロードしたファイルは、sampleX.LZH という名前です。圧縮されていますので解凍して下さい。ファイルを解凍するにはLHMeltingというフリーソフトが必要です。持ってない方はこちらからダウンロードして下さい。
http://www2.nsknet.or.jp/~micco/mysoft/lhmelt.htm
こちらからもダウンロード出来ます。
http://www.vector.co.jp/soft/win95/util/se020058.html
圧縮ファイルを解凍すると、1〜8までのフォルダ内にHTML、CSS、画像ファイル（無いchapterもあります）、customフォルダ（フォルダ内にHTML、CSS、画像ファイル（無いフォルダもあります））が展開されますので、適当なフォルダに保存して下さい。
chapter1  | chapter2  |
chapter3  | chapter4  |
chapter5  | chapter6  |
chapter7  | chapter8  |
Windowsに付属のメモ帳を確認してください。秀丸エディタ等のエディターソフトをご利用の方はそれらをお使い下さい。
メモ帳からHTMLの開き方ですがダブルクリックするとブラウザーが開いてしまいますので、HTMLファイルを右クリックし、プログラムから開く、Notepadを選択します。CSSファイルやjsファイルも同様に開いてください。メモ帳は「書式」から「右端で折り返す」にチェックを入れます。
バナー作成ソフトのダウンロード
当サイトは画像配布サイトではないため、一切画像は置いてありません。出来合いの画像なんてオリジナルではありませんので格好いいとは思えませんし。画像は皆様のオリジナルを作成してから使いましょう。そこで、フリーソフトをダウンロードして利用することにします。
ヘッダー部分の画像ファイルであるバナーの作成方法を説明するのに使用するものです。バナー作成するソフトは無料のもの有料のものなど数々ありますがここでは操作方法が非常に簡単なフリーソフトの「簡単バナー」を用いて説明します。
尚、バナー作成や写真をホームページに取り込む際、他人のものを勝手に使うと法律に違反しますので、商用利用可能なものや素材集を購入することをお勧めいたします。
こちらからダウンロードし、インストールしておいてください。
http://www.netwalker.ne.jp/~punpun/kbanner/download.html
画像加工ソフトのダウンロード
イメージ画像の貼り付け方のポイントを説明するのに使います。写真を加工するフォトレタッチソフトには無料、有料数々ありますが、ここでは簡単な操作でありながら多機能のフリーソフトである「Jtrim」を用いて説明します。
尚、バナー作成や写真をホームページに取り込む際、他人のものを勝手に使うと法律に違反しますので、商用利用可能なものや素材集を購入することをお勧めいたします。
こちらからダウンロードし、インストールしておいてください。
http://www.woodybells.com/jtrim.html
これで準備完了です。
＊画像を編集する際、教材のファイル名と同じにはしないでください。別名にて保存して下さい。
＊HTMLやスタイルシートを編集した場合は別名にて保存して下さい。