ホームページ制作の準備

メモ帳の確認と、バナー作成ソフトのダウンロード及び画像加工ソフトのダウンロード

教材のダウンロード

教材をダウンロードして下さい。chapter1~chapter8までありますのでダウンロードしたいchapterの画像をクリックし「保存」するか、右クリックし対象をファイルに保存を選択し、任意のフォルダにダウンロードして下さい。ダウンロードしたファイルは、sampleX.LZH という名前です。圧縮されていますので解凍して下さい。ファイルを解凍するにはLHMeltingというフリーソフトが必要です。持ってない方はこちらからダウンロードして下さい。

圧縮ファイルを解凍すると、1~8までのフォルダ内にHTML、CSS、画像ファイル(無いchapterもあります)、customフォルダ(フォルダ内にHTML、CSS、画像ファイル(無いフォルダもあります))が展開されますので、適当なフォルダに保存して下さい。

chapter1
sample1
chapter2sample2
chapter3sample3 chapter4sample4
chapter5
sample5
chapter6
sample6
chapter7
sample7
chapter8
sample8

メモ帳の確認

Windowsに付属のメモ帳を確認してください。秀丸エディタ等のエディターソフトをご利用の方はそれらをお使い下さい。
メモ帳からHTMLの開き方ですがダブルクリックするとブラウザーが開いてしまいますので、HTMLファイルを右クリックし、プログラムから開く、Notepadを選択します。CSSファイルやjsファイルも同様に開いてください。メモ帳は「書式」から「右端で折り返す」にチェックを入れます。

バナー作成ソフトのダウンロード

ヘッダー部分の画像ファイルであるバナーの作成方法を説明するのに使用するものです。バナー作成するソフトは無料のもの有料のものなど数々ありますがここでは操作方法が非常に簡単なフリーソフトの「簡単バナー」を用いて説明します。

尚、バナー作成や写真をホームページに取り込む際、他人のものを勝手に使うと法律に違反しますので、商用利用可能なものや素材集を購入することをお勧めします。

こちらからダウンロードし、インストールしておいてください。

画像加工ソフトのダウンロード

イメージ画像の貼り付け方のポイントを説明するのに使います。写真を加工するフォトレタッチソフトには無料、有料数々ありますが、ここでは簡単な操作でありながら多機能のフリーソフトである「Jtrim」を用いて説明します。

尚、バナー作成や写真をホームページに取り込む際、他人のものを勝手に使うと法律に違反しますので、商用利用可能なものや素材集を購入することをお勧めいたします。

こちらからダウンロードし、インストールしておいてください。

これで準備完了です。

注意事項

*画像を編集する際、教材のファイル名と同じにはしないでください。別名にて保存して下さい。

*HTMLやスタイルシートを編集した場合は別名にて保存して下さい。