#author("2025-07-14T14:49:35+09:00","default:member","member") #author("2025-07-14T14:49:59+09:00","default:member","member") *WABISABI 茶道についてまとめたWebサイト #image(samune2.jpg) -''南 妃香莉'' -'''Keywords:茶道, 抹茶, 初心者''' -[[完成品>https://2jru15877.github.io/sadosaito/]] -__[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1Nt9TS3ctH3KIdC5203TyQlZlo7fTzWnSZCczOW7LINM/edit?usp=sharing]]__ ← ココにコメントをお願いします //-__[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1Nt9TS3ctH3KIdC5203TyQlZlo7fTzWnSZCczOW7LINM/edit?usp=sharing]]__ ← ココにコメントをお願いします ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何? 茶道についてまとめたサイト 抹茶は身近にあっても茶道は親しみがない... そんな人に向けた茶道について知るきっかけとなるサイトです //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 茶道に親しみを感じてもらいたい //&color(red){プロジェクトの背景と目的}; ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; Visual Studio Code ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; Webサイト ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2025.07.07 -ヘッダー画像の制作 -フリー画像の準備 -導入文の作成 -トップページとその他ページの作成 ~ ~ **2025.06.30 -使用カラーの変更 -フォントの変更 ~ ~ **2025.06.23 ***見出された問題点 -テーマの敷居が高い -親しみやすさが欲しい ~ ***好評を得た点 > プロジェクトの特性として -テーマがあまり人と被らないものだった ~ ~ **2025.06.16 ***今回制作したプロトタイプ #image(map_0630.png) #image(waiya-.jpg) ~ ***プロトタイプの説明 -サイトマップを作成 -ワイヤーフレームを作成 ~ ~ **2025.06.09 ***現状分析 -https://www.urasenke.or.jp -https://www.omotesenke.jp -https://enshuryu-honbu.com/tea-history/ -https://enshuryu-honbu.com/tea-style/ -https://enshuryu-honbu.com/tea-born/ -https://www.asoview.com/note/2788/ ~ ***課題定義 1.制作に使用するツールを決める 2.誰に向けて紹介するかを仮定する 3.掲載する内容を考える 4.サイトマップ、ワイヤーフレーム作成 5.素材作り 6.サイト制作 ~ ***制作上のアイデア(課題ごとに複数のアイデア) -1. ツール --HTML、CSS --Googleサイト --Word Press -2. 対象 --茶道に触れたことがない人 --新たな趣味を探している人 --歴史が好きな人 -3. 内容 --茶道とは --歴史 --流派 --自己紹介 --道具紹介 --手軽な始め方 --抹茶の効能 -- おすすめの茶菓子紹介 ~ ~ **2025.06.02 ***テーマ候補 -グミ -茶道 -卓球 -ボーイスカウト -ユニフォームデザイン -お酒のパッケージ ~ ***成果物の仕様 -形式:サイト -分量:7ページ ~ ***この演習を通して身につけたいスキル -HTML、CSSに慣れたい ~ //***参考リンク //-https://www.urasenke.or.jp //-https://www.omotesenke.jp //-https://kurand.jp/collections/fashionablellabel?srsltid=AfmBOop0NeiXNFM8kN4Vw4VBqhykDalVEZcydWevexb3oHTamRFb7Y0F ~ ~ ~