Ｗｅｂページを制作しよう！ 応用編 高校１年⑩「社会と情報」 課題の内容 • 料理（お菓子）のレシピを紹介するWebサ イトを制作する – 実際に家庭で制作し、途中経過を撮影する – 材料・途中経過・出来上がり写真は必ず撮影 – 誰かに手伝ってもらってもかまわない • ３ページ制作する – ①トップページ（タイトル・出来上がり） – ②材料のページ（材料の写真・一覧表） – ③作り方のページ（写真と手順を表で作成） スケジュール 研究・企画 制作 相互評価 Ｋ１Ａ ９／１０ Ｋ１Ｂ ９／１７ ９／１７・２４ ・２９・１０／１ １０／６ ９／２４・２９・ １０／１・６ １０／８ 料理の制作は ９／２４までに行い ・材料の写真 ・制作途中の写真 ・出来上がりの写真 を撮影する ・写真データはＷｅｂメール・クラウド（OneDriveなど）・カードで持参 Webページの研究 レシピが掲載されているページを研究 サイト名 レシピ名 分析 ・写真 ・手順 ・工夫 感想 Cookpad (http://cookpad.com/) お月見団子 ・動画も付けてわかりやすくしている ・具体的な数字を書いてイメージをも ちやすい ・かぼちゃの団子も混ぜてオリジナリ ティがある Webページ企画書 レシピ名 我が家の自慢カレー （タイトルも工夫を） 理由 ・家で何度も作ったことがあり慣れているのと、ひと工夫がある ので、カレーライスとしました。 ねらい ・途中段階の写真を多く使って初めての人でもわかりやすくする ・ポイントマークを付けて注意するところを目立たせる 絵コンテ Page1 タイトル 写真 リンク リンク K1A(0)･････ ・背景はオレンジ系の色 ・タイトルは赤い字で ・写真はお皿に盛りつけて ・リンクはボタンを作る 写真撮影のコツ その１ 近距離で撮影せよ！ （接写モードが有効！） その２ フラッシュは使うな！ （反射を防げ！手ぶれに注意！） その３ 食器の色も工夫！ （白・黒は料理が引き立つよ！） その４ 背景を工夫せよ （和風の小道具・ランチョンマット） Assumption high-school Webは表をうまく使おう！ ３行１列 の表 表の枠を非 表示に設 定 ３行２列の 表＋セル の結合 タイトルLOGO ページの説明 組・番・名前 料理の説明 出来上がり写真 選んだ理由 その他 １行３列 の表 テキスト・写真も すべて表を組ん で、その中に配 置する！！ リンク リンク Assumption high-school 表を使う意味 表は位置関係を固定 するために使います表 を使わないと写真や画 像が重なることが起こ ります！！ リンクするときのアドレス k1a40 ａ ｂ a.htm ｃ b.htm ../b/b.html c.htm ../c/c.html ../c/c.html ../a/a.html Assumption high-school 提 出 • できたＷｅｂを提出しよう！ – 「Web」フォルダの名前を「k1a40web」（半 自分の組・番号 角）に変更しよう – 上のフォルダを「コンピュータ→高1→提出」 にコピーして提出しよう – 提出できたら、自己評価シートにアピールを 書こう 相互評価 評価項目 発 表 容 Ｂ Ｃ 「発表」の項目は今回評価しません ①写真の選択・撮影 ②配色・配置 デザイン ③レイアウト （配置工夫） 内 Ａ よく できている だいたい できている もう一工夫 ①手順の分かりやす さ よく ②オリジナリティ できている ③ボリューム （内容量） だいたい できている もう一工夫 Ａの中でもとくにすばらしいものにＳをつける！ 評価態度も評価対象です（ＡとＢをきっちりつけること）
© Copyright 2024 ExpyDoc
