Assumption high-school 制作スケジュール 研究 Ｂ：9/19 Ａ：9/26 研究提出 企画 Ｂ：9/26 Ａ：10/1 企画書提出 Ｗｅｂの作成 Ｂ：10/1・3・10・15・17 Ａ：10/3・10・15・17・24 途中提出 相互アドバイス Ｂ：10/24 Ａ：11/5 調整 Ｂ：11/5 Ａ：11/7 最終提出 Assumption high-school
わかりやすいＷｅｂをつくろう！ 目 標 「我が家の自慢料理」を紹介するＷｅｂをつくろう！ 内 容 自分や自分の家族が作る「我が家の自慢料理」 目 標 「我が家の自慢料理」を紹介するＷｅｂをつくろう！ 内 容 自分や自分の家族が作る「我が家の自慢料理」 その料理だけでなく、作り方も紹介するＷｅｂを作ろう！ そのために・・・ 料理や作り方を紹介するＷｅｂを研究しよう それを参考に自分のページを企画しよう 紹介する料理を制作し、その過程を記録しよう Assumption high-school
②1つのページを選んで、そのＷｅｂの研究をしよう！ １．研究シートに記入しよう！ ①自分の紹介する料理のレシピを紹介するサイトを探そう！ ②1つのページを選んで、そのＷｅｂの研究をしよう！ １．ページの内容＝レシピ・カロリー表示など ２．内容の工夫＝写真の量は？写真の横に説明・・ ３．写真の工夫＝どの写真があればわかりやすい？ 料理の説明 出来上がり写真 タイトル 材料 ③ページのレイアウトを スケッチしよう！ Assumption high-school
③家で料理を作り・その過程を記録（写真・手順）しよう！ ２．Ｗｅｂページを企画しよう！ ①企画書に記入しよう！ １．ねらい＝写真を多くするなどコンセプト 料理の説明 出来上がり写真 タイトル 2ﾍﾟｰｼﾞﾍ 3ﾍﾟｰｼﾞﾍ ②各ページのレイアウトを 考えよう！ １．ページの内容の割り振り ２．配置の仕方 ③家で料理を作り・その過程を記録（写真・手順）しよう！ Assumption high-school
Assumption high-school ページのレイアウトの例 ａのﾌｫﾙﾀﾞ ｂのﾌｫﾙﾀﾞ ｃのﾌｫﾙﾀﾞ タイトル a.htm 写真 材料へ 作り方へ 組・番・名前 材料 b.htm 作り方 c.htm その他： 我が家のカレーライスの歴史、試食のページｅｔｃ Assumption high-school
Assumption high-school 写真撮影のワザ！ その１ 近距離で撮影せよ！ （接写モードが有効だぞ！） その２ フラッシュは使うな！ （反射を防げ！手ぶれに注意！） その３ 白い食器は引き立つぞ！ その４ 背景を工夫せよ （和風の小道具・ランチョンマット） Assumption high-school
テキスト・写真もすべて表を組んで、その中に配置する！！ Ｗｅｂページは表をうまく使って作ろう！ ３行１列の表 テキスト・写真もすべて表を組んで、その中に配置する！！ タイトルLOGO ページの説明 表の枠を非表示に設定 組・番・名前 表を使う意味 表は位置関係を固定するために使います表を使わないと写真や画像が重なることが起こりますよ！！ ３行２列の表＋セルの結合 出来上がり写真 料理の説明 選んだ理由 その他 １行３列の表 リンク リンク Assumption high-school
Assumption high-school リンクの設定 ｋ１ａ３０ ａ ｂ ｃ a.htm b.htm c.htm ../b/b.htm ../c/c.htm ../a/a.htm Assumption high-school