#author("2024-05-20T13:40:00+09:00","default:member","member") #settextcolor(#f08300) *まちなが家族農園 ノーコードツールで制作したサイトのコーディング #image(main.jpg) -''待永萌衣'' -'''Keywords:みかん農園, webサイト, html,css''' -https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ **概要 ***これは何? //&color(red){これは何か・・を簡潔に}; -実家で営んでいるみかん農園のwabサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; -家族で大切に育てている美味しいみかんを、もっと多くの人に知ってもらいたいと思い、短期大学の卒業研究でノーコードのwebサイトとオンラインショップを制作した。 -webデザインの技術を身につけるため、またノーコードツールのサイトだとデザインが制限されるため、コーディングしてもっと自由度の高いグラフィカルなサイトにリニューアルしたいと思った。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -生活の中でなかなかみかんを手にする機会がなく、美味しいみかんを食べたいと思っている人へみかんを届けるため、またまちなが家族農園を知ってもらうためのサイトを制作する企画 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -web形式(複数ページ) ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; -Mac -MacBook Air - Visual Studio Code ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; -2024/04/09 - 未定 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -みかんの価格上昇 -AIでもサイトを簡単に作れてしまう ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[Wixで制作した現在のまちなが家族農園のwebサイト>https://machinaga-farm.com]] -[[やまだい農園 信州りんご発祥の里>https://www.apple-nagano.com/]] -[[善積農園>http://yoshizumi-noen.com/]] --背景や各セクションごとに可愛らしいイラストやデザインが用いられていて、分かりやすく親しみやすいサイト -[[エステサロンのサイト>https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/1-1/1-1.html]] --ひとつひとつの情報が端的にまとまっていて見やすい ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -htmlやsccなどのwebデザインの技術 ~ ~ **プロジェクト管理 ***スケジュール -[[スケジュールはこちら>https://ksumail-my.sharepoint.com/:x:/r/personal/k22as606_st_kyusan-u_ac_jp/_layouts/15/Doc.aspx?sourcedoc=%7B96891AFA-282E-433B-A493-00AAC31EA2BC%7D&file=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6%E2%85%A0%E3%82%B9%E3%82%B1%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB.xlsx&action=default&mobileredirect=true]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -htmlやcssなどの使い方を学ぶ -Wixで制作したサイトを参考に試作 -ノーコードツールのサイトをコーディングする -改良点 --リンクを固定する --好評価レビューの項目を追加する --商品一覧をもっと詳しく分かりやすくする ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2024.05.07 ***進捗状況 -スケジュールを制作した -中間報告に備えて、ホームページ制作を進めた。 ~ ~ **2024.04.30 ***進捗状況 -前回に引き続き、テンプレートのコードを変えて更新した -html辞典で様々なタグの使い方を学んだ -主に改良したい点 --リンクを固定する --好評価レビューの項目を追加する --商品一覧をもっと詳しく分かりやすくする ~ ~ **2024.04.23 ***進捗状況 -htmlやcssのテンプレートのコードを変更したり、追加したりした ~ ~ **2024.04.16 ***テーマ -まちなが家族農園のサイトのリニューアル ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[Wixで制作した現在のまちなが家族農園のwebサイト>https://machinaga-farm.com]] -参考にする農園のサイト --[[やまだい農園 信州りんご発祥の里>https://www.apple-nagano.com/]] --[[善積農園>http://yoshizumi-noen.com/]] ~ ~ **2024.04.09 ***調査 -家族農園のサイトの更新 ~ ***キーワード -webデザイン -動画編集 ~ ~ ~