# ホームページ制作初級者｜エディタと制作環境を準備する

## 学習目標
フォルダー・HTML・CSS・画像を整理し、保存とブラウザー更新の関係を理解する。

## 1. 制作環境メモ

課題：同梱サンプルを展開し、index.htmlをブラウザーとエディタでそれぞれ開く。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 2. フォルダー配置図

課題：3つのファイルを配置図へ描き、HTMLからCSSと画像へのパスを記す。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 3. 保存条件のチェック表

課題：ファイルの実際の拡張子を確認し、日本語をUTF-8で保存して再表示する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 4. 編集と表示の比較記録

課題：ページの店名を変え、保存前と保存後に再読み込みして違いを記録する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 5. ツールでの観察メモ

課題：ブラウザーの要素の色を一時変更し、再読み込みで戻ることとファイル編集の違いを確かめる。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 6. 制作フォルダー一式

課題：プロジェクトを別の演習フォルダーへコピーし、HTML、CSS、画像が表示されるか確認する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：