- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2020-05-08T11:12:38+09:00","default:inoue.ko","inoue.ko")
#author("2021-04-09T08:09:36+09:00","default:inoue.ko","inoue.ko")
*Beijing Changyang Park
北京長陽公園の日常を記録するフォトギャラリーサイト
'''Keywords：Web , Movie ,'''
-https://github.com/ki0722/BeijingChangyangPark
-https://ki0722.github.io/BeijingChangyangPark/
-https://ki0722.github.io/SampleJQ/.
~
**研究の概要
***研究の背景
北京長陽公園は、自宅の近くにある公園のひとつで、時々散歩に出かけます。
春、夏、秋、冬、四季の景色が美しい場所です。
フィットネスとエンターテイメント、落ち着いたムード、素晴らしい場所です。
長陽公園は、房山区長陽町にあります。北京で建設中の11万エーカーの新しい公園の1つです。最大の陸地、地理的な場所、最も完全な緑化樹種、および最も完全なインフラストラクチャを備えた公園です。庭園では、人工の風景と元の生態学的な風景が組み合わさって、カラフルな園芸植物のコミュニティを形成し、都市の森の風景を作り出し、市民がリラックス、レクリエーション、フィットネスするのに理想的な場所を提供します。この庭園は、2013年に北京庭園を受賞しました緑化局は市の「質の高い公園」として評価されました。共植：53550本の木、19920本の灌木、717952年生の花、105743 105芝生、668914㎡地被。
全体的な自然条件によれば、昌陽公園は「2つの川と2つの庭園」の生態学的なウォーターフロントの景観を形成しています。
一部の情報はインターネットで確認できますが、公式のWebサイトは存在していないので、私がデザインしたいと考えました。
~
//***これは何？
//~
***目的・主旨
目指すサイトの特徴は以下のとおりです。
-誰もが容易に使えるインターフェイス
-クールな視覚効果
-“動感”が強いもの
~
***ターゲット
-北京への観光を検討中の日本人
-北京市民
~
***制作物
-Webサイト（HTML + CSS + JavaScript）
~
***ハイライト
-闲庭信步
散歩 "闲庭信步"スポットには、松云台、浣溪叠、枫舞清韵、涵秋叠影などのスポットがあります。全体的なテーマは木です。中庭をのんびり歩くなど、ゆったりとくつろげる場所を提供します。
***プロジェクトで使用するツール
-１）Photoshop：写真を調整
-２）HTML:ページの構造
-３）CSS：ページのビジュアルデザイン
-４） JavaScript（jQuery）： ページの動的変更
-寧夏の秋の風景
「寧夏の秋の風景」のレジャーとエンターテイメントの景勝地には、白州広場、観音流水遊歩道、サクラダンス、空飛ぶ森、子供たちの楽しい広場、フィットネストレイル、その他の景勝地があります。この部分は色とりどりの葉が多く、秋には晩秋に太陽が沈み、空は赤い雲でいっぱいで、赤いカエデの葉は空と共通です。
-春华秋实
「春华秋实」のシーンには、主に梨花の春の雪、ベゴニアフラワーストリーム、サクラダンスフライング、秀逸台、陳西広場などの景勝地があります。この地域は、「春に開花し、秋に果物を広げる」植物、したがって「春の花と秋の果物」が優勢です。
~
~
***参考事例
**制作物
&color(red){ここに、参考となるWebサイトのリンクを張って下さい。};
***開発中のサイト
-GitHub：https://github.com/ki0722
-GitHubPages：https://ki0722.github.io/BeijingChangyangPark
~
***サイトマップ
#image(sitemap.jpg)
~
***ワイヤーフレーム
#image(Wire frame1.jpg)
~
***携帯ワイヤーフレーム
#image(wire frame2.jpg)
~
**プロジェクト管理
***スケジュール
//-進行管理表（ガントチャート形式）へのリンク
~
~
***ToDo
//&color(red){解決すべき課題、やるべきことなどを箇条書きにします。};
//&color(red){完了したら「取り消し線」を付します。};
-サンプルのダウンロード
https://vision.ip.kyusan-u.ac.jp/DOCS/BeiJingChangyangPark.zip
//-◯◯に連絡を取り、◯◯の利用に関する許諾を得る
//-%%◯◯部分のバグを修正する。%%
~
~
~
-最新のデータを GitHub にアップロード
https://ki0722.github.io/BeijingChangyangPark/
-サイトのロゴデザイン
参考：[[GoogleImage:公園 ロゴマーク デザイン]]
#hr
CENTER:''進捗状況報告''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~
-スマートフォン用のワイヤーフレームの作成
参考：[[GoogleImage:Web ワイヤーフレーム スマホ]]
-メニュー項目の階層化
参考：[[GoogleImage:Web サイトマップ]]
-%%PC用ワイヤーフレームの作成%%
-%%サイトマップの作成%%
//-Webデザインのワークフロー
//https://design.kyusan-u.ac.jp/OpenSquareJP/?WebDesign/Workflow
~
**20XX.XX.XX
***◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
***プロジェクトで使用するツール
-１）Photoshop：写真を調整
-２）HTML:ページの構造
-３）CSS：ページのビジュアルデザイン
-４） JavaScript（jQuery）： ページの動的変更
~
***◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
~
**20XX.XX.XX
***◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
**APPENDIX
***参考サイト
-[[Web Design Search ウェブデザインサーチ>https://webdesign-s.com/webdesign/01_01.html]]
-[[画面は左右に分かれています。左に固定し、右にマウスで操作します。>https://madinavisconti.com/collection/astri-2/]]
-[[マウスのデザインです。>https://weekend.jp/aroma-diffuser/]]&color(blue){自分のホームページについて内容に合わせてマウスの形をデザインします。};
-[[背景画面のフローティングと多くのアニメーション効果です。>http://le-mugs.com/]]
-[[3 D技術；流体と発光効果です。>https://reflektor.digital/]]
~
***◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
~
