スライド修正：Webの全体像・ハンズオンの全体像の資料作成

[cyoco]

当資料は、説明の都度表示させ今回のハンズオンでどの部分を実装・扱っているか理解するための資料として利用する。

• [x] Webの全体像を把握できる資料を作成する。
• [x] ハンズオンの全体像がわかる資料を作成する。