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