# ホームページ制作初級者｜画像・リンクを配置する

## 学習目標
相対パス・代替テキスト・リンク先を理解し、素材と移動先が正しく伝わるページを作る。

## 1. 画像参照の記録

課題：assets/cafe.svgを表示し、わざとファイル名を変えた失敗と元に戻した表示を比較する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 2. 画像と代替説明の表

課題：カフェのイメージとメニュー写真の目的を分け、必要なaltを自分の言葉で書く。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 3. 画像サイズの確認表

課題：同梱画像のwidthとheightを読み、表示幅を変えて歪まないか確認する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 4. ナビゲーション

課題：メニューとアクセスへのページ内リンクを作り、idを変える前後で動作を確認する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 5. 分かりやすいリンク一覧

課題：メニューを見る、営業時間を確認する等の文言を付け、TabとEnterで移動する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 6. 素材台帳とリンク確認票

課題：同梱の独自SVGと自分で作った文章だけでページを完成し、リンクと画像を全て確認する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：