季卓芸/論文構成 をテンプレートにして作成

開始行:
#setheadercolor(white,"linear-gradient(to top, #209cff 0%... #image(1.png,left,12%) *Beijing Changyang Park　 北京長陽公園の日常を記録するフォトギャラリーサイト -'''Keywords：季節,映像 , 風景, 人物,その他''' -GitHub：https://github.com/ki0722?tab=repositories ~ ***CONTENTS #contents2_1 ~ ~ #hr CENTER:''第I部'' #hr ~ *第1章　序論 **1.1.　概要 ***1.1.1.　研究の背景 北京長陽公園は、自宅の近くにある公園のひとつで、時々散歩... 春、夏、秋、冬、四季の景色が美しい場所です。 フィットネスとエンターテイメント、落ち着いたムード、素晴... 長陽公園は、房山区長陽町にあります。北京で建設中の11万エ... 全体的な自然条件によれば、長陽公園は「2つの川と2つの庭園... 一部の情報はインターネットで確認できますが、公式のWebサイ... ~ ***1.1.2.　目的・主旨 目指すサイトの特徴は以下のとおりです。 -誰もが容易に使えるインターフェイス -クールな視覚効果 -“動感”が強いもの ~ ***1.1.3.　ターゲット -北京への観光を検討中の日本人 -北京市民 ~ ***1.1.4.　ハイライト -閑庭散歩 散歩 "閑庭散歩"スポットには、松云台、浣溪叠、枫舞清韵、涵... -寧夏の秋の風景 「寧夏の秋の風景」のレジャーとエンターテイメントの景勝地... -春華秋実 「春華秋実」のシーンには、主に梨花の春の雪、ベゴニアフラ... ~ ***1.1.5. 北京房山長陽公園への行き方 #image(14.jpg) 北京房山长阳公园怎么去? 　　【自驾线路】 　　京港澳高速从长阳/京良路出口(19b)离开(经京良收费站)，... 【自動運転ルート】 北京-香港-マカオ高速道路の長陽/京良道... ~ 　【公交路线】 　　1、六里桥东(E口进)乘坐地铁9号线(郭公庄方向)，7站，在... 　　2、六里桥东乘坐831(或835、837)，1站，约30分钟，在长阳... 【バス路線】 1. Liuli Bridgeの東（E出口から入る）から、メ... ~ ***1.1.6. 公園ルート紹介 #image(15.jpg) 公园路线简介 长阳公园是一条位于房山区，北京市，中国的步道，他的长度为2... 公園ルート紹介 長陽公園は、中国北京房山区にあるトレイルで、長さ2.1km（約... ~ 电话 : 010-56290506 用时参考 : 1-3小时 门票 : 无需门票。 开放时间 : 05:00-21:00(旺季),06:00-21:00(淡季) (1月1日-12月31日 周一... • 電話 : 010-56290506 時間基準 : 1〜3時間 切符売場 : チケットは必要ありません。 営業時間 : 05：00〜21：00（ピークシーズン）、06：00〜21... ~ ~ **1.2.　サイトの仕様 ***1.2.1.サイトマップ #image(sitemap.jpg) ~ ***1.2.2.ワイヤーフレーム #image(wire frame1.jpg) ~ ***1.2.3.携帯ワイヤーフレーム #image(wire frame2.jpg) ~ ~ ~ *第二章　制作方法 **2.1.　言語・技術 //(多做一些动画网页小样，问卷调查，选出好的网页) //(如何查阅CSS，JS，JQ内容) 研究開発に使用する言語は以下の_３つ_である。 -1) HTML:ページの構造 -2) CSS：ページのビジュアルデザイン -3) JavaScript（jQuery）： ページの動的変更 インタラクティブな仕組みの実現には、主に JavaScript と、... ~ -1) タッチ・クリックに反応して変化する「動的写真」の導入 -2) 写真集の「ページめくり」を進化させたWeb特有のトランジ... -3) ユーザーの動きに反応するパーティクル要素の導入 -4) インタラクティブに反応する「背景」要素の導入 -5) 電子媒体における「手触り感」の再現 ~ ~ **2.2.　技法 -Photoshop：写真を調整 -Adobe Illustrator：logoのデザインを作成 -Adobe InDesign：レイアウト -HTML:ページの構造 -CSS：ページのビジュアルデザイン -JavaScript:ページの動的変更 -jQuery:ページの動的変更 -jQuery プラグイン:様々な表現機能 ~ ~ **2.3.　制作環境 ***2.3.1. ハードウエア --iMac、Mac、Windows、デジタルカメラ ~ ***2.3.2. ソフトウエア --Atom Editor --Adobe Photoshop --Adobe Illustrator --Adobe InDesign --GitHub ~ ~ ~ *第三章　アンケート調査 **3.1.　アンケートの方法 #settableborder(none) |33|33|33|c |#image(3.png)|#image(4.png)| ~ ~ **3.2.　アンケートの結果 #image(25.png) ~ "中国ではみんなスマートフォンとコンピュータ持っています。" ~ 1.群衆の年齢 10歳未満　　　　　　　 7% 10歳から30歳　　　　　 36% 30歳から50歳　　　　　 48% 50歳以上　　　　　　　 9% ~　 2.住む場所 1キロ以内　　　　　　 56% 1キロ〜20キロ　　　　　38% 20キロ以上　　　　　 　6% ~　 3.公園に来る目的 家族は週末に遊びに来て　7% 運動に来て　　　　　　　24% 通常は散歩します　　　　59% 花見　　　　　　　　　　8% その他　　　　　　　　　2% ~ 4.公園を知る方法 ウェブサイト　　　　　　2% スマートフォン　　　　　 3% 他の人の話を聞く　　　　94% その他　　　　　　　　　1% ~ 5.スマートフォンの種類 Apple　　　　　　　　　39% Huawei　　　　　　　　 43% Xiaomi 　　　　　　　 　4% OPPO　　　 　　　　　 6% Samsung 3% その他 5% ~ 6.コンピュータの種類 Apple 18% Huawei 22% Lenovo 31% Dell 25% Samsung 3% その他 1% ~ 7.公園の 何が一番気になりますか。 公園のどこの写真が一番見たいですか。 花 24% 橋と水 29% 環境 47% ~ ~ ~ *第四章　webサイトについて **4.1. ウェブサイトについて分析（先前研究） ウェブサイト調査 参考网站 -公園について： JAPAN --1.http://www.hanakoen.com/ --2.http://kanatakenosato.jp --3.https://www.showakinen-koen.jp/ --4.https://hitachikaihin.jp/ --5.https://tsumugiweb.com/2020/06/01/minnanokouen-hp/ --6.https://www.shinrinkoen.jp/ --7.https://uminaka-park.jp/ --8.https://www.tokyo-park.or.jp/ --9.https://www.huistenbosch.co.jp/ CHINA --10.http://www.capg.org.cn/ --11.http://www.bjjspark.com/index.jhtml --12.https://www.beihaipark.com.cn/ --13.http://www.tiantanpark.com/ ~ -結論： ~ ~ ~ **4.2. ネットユーザーの評価(网民评价) #settableborder(none) |33|33|33|c |#image(16.png)|#image(17.png)| |#image(19.png)|#image(20.png)| 1.长阳公园位于北京市房山区，也叫房山新城滨水森林公园。公... 長陽公園は北京の房山区にあり、房山ニューシティウォーター... ~ 2.公园内景色优美、花草繁茂、环境清幽，主要有城市综合区，... 公園は美しい景色、豊かな花や草、そして静かな環境を持って... #image(21.png) 3.绿化很好，有专用跑道（虽然磨损较厉害），有儿童活动设备... 緑はとても良く、専用のトラックがあり（より摩耗しています... ~ ~ ~ *第五章　考察（まとめ） **結論 北京長陽公園紹介と感想 公园一共分为城市综合区、湿地展示区和郊野生态区三部分，并... 公園は市内統合エリア、湿地展示場、郊外の生態区の3つの部分... 这里的绿化做得非常好，就连草地都是一尘不染，空气清新，天... ここの緑はとても良く、草もきれいで、空気は新鮮で、空は青... 公园所到之处皆是满眼绿色，青草、绿叶、碧水…… 负离子含量爆... 公園は緑の目、緑の草、緑の葉、澄んだ水でいっぱいです...マ... 其实，这也是长阳公园的特点， “以绿为脉，以水为魂， 揽山入... 実際、これは長陽公園の特徴でもあります。「緑を静脈、水を... 公园湖畔荷花已开， 更为长阳公园增添了生气。 莲叶无穷碧，... 公園の湖畔に蓮が咲き、長陽公園に活気を与えています。 蓮の... 慢悠悠的走在栈道上,周边满是荷花的淡雅清香，欣赏着着红白荷... 蓮の優雅な香りに包まれ、赤と白の蓮とスカートのような蓮の... 除了荷花，长阳公园还有不少其他夏花，也都正颜值在线。荷花... 長陽公園には蓮のほかにもたくさんの夏の花があり、それらは... 除了如诗如画的美景，公园里的每一物都别有一番风情：供大家... 絵のように美しい景色に加えて、公園内のすべてがユニークな... 漫步在郁郁葱葱的林荫道， 呼吸着清新的空气，大小曲径在这里... 緑豊かな大通りを散歩し、新鮮な空気を吸い込み、小小の曲が... 这里除了是一步一景以外，更是锻炼身体的好去处。公园内有一... ステップバイステップのシーンであることに加えて、それはま... 这里树木茂盛、林荫掩映，不管是步行还是骑行都能感受美如画... 緑豊かな木々や木陰があり、ウォーキングでもサイクリングで... 除了木亭、栈道、健身步道、娱乐设施，园内还有很多极具特色... 木造のパビリオン、板張りの道、フィットネストレイル、娯楽... 有核桃上的蚂蚁 クルミにアリがいます 有奔跑的孩童和兔子 走っている子供とウサギがいます 有睡在荷叶上的青蛙 蓮の葉の上で眠っているカエルがいます 当然，还有充满野趣的它们 もちろん、彼らは野生の楽しみに満ちています 就连公园的大门都非常别致，树的造型，极具现代感。 公園の門もとてもユニークで、木の形はとてもモダンです。 白天的长阳公园生机勃勃风景如画，夜幕降临华灯初起后的景象... 日中は長陽公園が活気にあふれ、絵のように美しい景色が広が... 小桥流水，草长莺飞，环境清幽、植被茂盛，长阳公园绝对是一... 小さな橋と流れる水、長い草と飛んでいるウグイス、静かな環... ~ ウェブサイトについて 做有动感的网站，为了大家不仅是获取最新情报，还可以有兴趣... 想要做有趣有魅力的网站 所以自己的网站，增加了根据季节变化，而飘落不同的图案。 ダイナミックで面白くて魅力的なサイトなので、誰もが最新情... 面白くて魅力的なウェブサイトを作りたい そのため、私のウェブサイトでは、季節の変化に応じてさまざ... ~ ~ ~ #hr CENTER:''第II部'' #hr ~ ~ *第六章　研究成果（制作物の現状） ** 6.1.　作品 3つのWebサイトをシリーズで制作しています。 ~ ***6.1.1　Type 1 -メニューの機能強化と天気予報のプラグインを追加しました。 //下部分で写真もメニューの機能です。 ~ #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ //#iframe(https://ki0722.github.io/BeijingChangyangPark8/) //-https://ki0722.github.io/BeijingChangyangPark8/ //~ ***6.1.2.　Type 2 -ホームページ：写真の spring、summer などの文字から それ... -その他のページ：通常のメニュー動作です。 -ページの演出 --spring：チューリップ花 --summer：雨とハスの花 --autumn：葉 --winter：雪の花 ~ #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ~ ***6.1.3.　Type 3 -インターフェイスに「ページめくり」のプラグインを追加しま... ~ #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ //***6.1.4.　Type4 //"mouse更新" //#iframe( https://ki0722.github.io/BeijingChangyangPark1... //- https://ki0722.github.io/BeijingChangyangPark11home/ //#iframe( https://ki0722.github.io/BeijingChangyangPark1... //- https://ki0722.github.io/BeijingChangyangPark11summer/ //#iframe( https://ki0722.github.io/Beijingcangyangpark11... //-https://ki0722.github.io/Beijingcangyangpark11summer2/ ~ ~ **6.2.　LOGO #image(2.png) ~ ~ ~ *第七章　作品概要 **7.1.　コンセプト 网站更生动有趣 ウェブサイトはもっと活気があり面白いです ~ ~ **7.2.　ウェブサイト作品紹介 ~ ***7.2.1.　Type1　　 -メニューの機能強化と天気予報のプラグインを追加しました。 ~ 第一个作品 1.相对普通网页，图片放在一个网页上，更一目了然。 2.每个图片的 水波纹，落花，叶，雪 。动态效果，更好体现，... ~ 1番目の作品 1.通常のウェブページと比較して、写真は一目でより明確なウ... 2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな... ~ ***7.2.2.　Type2　　 -ホームページ：写真の spring、summer などの文字から それ... -その他のページ：通常のメニュー動作です。 -ページの演出 --spring：チューリップ花 --summer：雨とハスの花 --autumn：葉 --winter：雪の花 ~ 第二个作品 1.全面根据季节主题，飘落郁金香，荷花，雨滴，落叶，雪花。 2.所有照片及信息，一目了然。 ~ 2番目の作品 1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴... 2.すべての写真と情報が一目でわかります。 ~ ~ ***7.2.3.　Type3　　 "写真集の「ページめくり」を進化させたWeb特有のトランジシ... #settableborder(none) |33|33|33|33|c |#image(8.jpg)|#image(9.jpg)|#image(10.jpg)| |Spring|Spring|Summer| |#image(11.jpg)|#image(12.jpg)|#image(13.jpg)| |Autumn|Winter|Other| ~ 第三个作品 1.现在电子时代，看纸质书的人少了，所以想做出书的质感。 2.书带的比较沉重，但是有想要书的翻阅感。 3.就像拿着案内简介的感觉，网页可以做到实时更新。 4.不想让杂志，书籍所遗忘。所以网页做出书的感觉。 ~ 3番目の作品 1.電子時代では、紙の本を読む人が少ないので、本の質感を作... 2.本は重いですが、本を覗き込んでいるような感覚があります。 3.ケースの簡単な紹介を持っているような気がします、ウェブ... 4.雑誌や本を忘れてほしくない。つまり、ウェブは本のような... ~ //***7.2.4.　Type4　　 //"mouse更新" //"背景画像に波紋をつくる jQuery WebGL Ripples " //"jQuery Slider / Carousel //スライダー（カルーセル）の活用事例" ~ ~ ~ *参考資料 ~ **参考文献 1.Generative Design with P5.js 2.Webデザイン良質見本帳 3.すべての人に知っておいてほしいJavaScriptの基本原則 4.jQuery仕事の現場でサッと使える！デザイン教科書 5.Web前端开发入门与实战 6.计算机网络 自项下方法 7.深入理解计算机系统 ~ ~ **参考サイト｜技法 -http://babeltheking.com/eng -http://mike-tucker.com/13/ -https://www.nike-react.com/ -https://run.mockplus.cn/bXjHi8XasvtPbcaA/index.html?to=C... -https://monyssb.com/ -https://faits-marquants.inra.fr ~ ~ **参考サイト｜公園 -http://www.hanakoen.com -http://kanatakenosato.jp -https://www.17sucai.com/pins/demo-show?id=37923　桜　春 -https://www.17sucai.com/pins/demo-show?id=7609　落葉　秋 -https://www.17sucai.com/pins/demo-show?id=27371　雪　冬 -https://www.17sucai.com/pins/demo-show?id=36013　雪　冬 -https://www.17sucai.com/pins/demo-show?id=8465　雪　冬 -https://www.17sucai.com/pins/tag/6584.html　全部 ~ ~ **参考サイト｜サイトデザイン -https://www.ikesai.com/cat/travel/ -1 --https://nisekohakuunso.com/ja/ --https://hoshinoya.com --https://studio-has.jp -2 --https://www.museum-kawakyu.jp -3 --http://robinmastromarino.com ~ ~ **参考天気予報 -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ ~ **参考色CSS -https://color.uisdc.com/ ~ -動く、機能性について： --1.https://www.17sucai.com/pins/demo-show?id=7609 ~ **参考 --[[マウスのデザインです。>https://weekend.jp/aroma-diffu... --マウスhttps://design.kyusan-u.ac.jp/OpenSquareJP/?CSS/T... --https://www.museum-kawakyu.jp --http://robinmastromarino.com/ "https://chordbook.com/guitar-scales/" --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Moda... --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebG... --https://www.museum-kawakyu.jp/ "button" --https://jajaaan.co.jp/css/button/ -"mouse" --https://wk-partners.co.jp/homepage/blog/hpseisaku/javas... ~ ~ ~

終了行:
#setheadercolor(white,"linear-gradient(to top, #209cff 0%... #image(1.png,left,12%) *Beijing Changyang Park　 北京長陽公園の日常を記録するフォトギャラリーサイト -'''Keywords：季節,映像 , 風景, 人物,その他''' -GitHub：https://github.com/ki0722?tab=repositories ~ ***CONTENTS #contents2_1 ~ ~ #hr CENTER:''第I部'' #hr ~ *第1章　序論 **1.1.　概要 ***1.1.1.　研究の背景 北京長陽公園は、自宅の近くにある公園のひとつで、時々散歩... 春、夏、秋、冬、四季の景色が美しい場所です。 フィットネスとエンターテイメント、落ち着いたムード、素晴... 長陽公園は、房山区長陽町にあります。北京で建設中の11万エ... 全体的な自然条件によれば、長陽公園は「2つの川と2つの庭園... 一部の情報はインターネットで確認できますが、公式のWebサイ... ~ ***1.1.2.　目的・主旨 目指すサイトの特徴は以下のとおりです。 -誰もが容易に使えるインターフェイス -クールな視覚効果 -“動感”が強いもの ~ ***1.1.3.　ターゲット -北京への観光を検討中の日本人 -北京市民 ~ ***1.1.4.　ハイライト -閑庭散歩 散歩 "閑庭散歩"スポットには、松云台、浣溪叠、枫舞清韵、涵... -寧夏の秋の風景 「寧夏の秋の風景」のレジャーとエンターテイメントの景勝地... -春華秋実 「春華秋実」のシーンには、主に梨花の春の雪、ベゴニアフラ... ~ ***1.1.5. 北京房山長陽公園への行き方 #image(14.jpg) 北京房山长阳公园怎么去? 　　【自驾线路】 　　京港澳高速从长阳/京良路出口(19b)离开(经京良收费站)，... 【自動運転ルート】 北京-香港-マカオ高速道路の長陽/京良道... ~ 　【公交路线】 　　1、六里桥东(E口进)乘坐地铁9号线(郭公庄方向)，7站，在... 　　2、六里桥东乘坐831(或835、837)，1站，约30分钟，在长阳... 【バス路線】 1. Liuli Bridgeの東（E出口から入る）から、メ... ~ ***1.1.6. 公園ルート紹介 #image(15.jpg) 公园路线简介 长阳公园是一条位于房山区，北京市，中国的步道，他的长度为2... 公園ルート紹介 長陽公園は、中国北京房山区にあるトレイルで、長さ2.1km（約... ~ 电话 : 010-56290506 用时参考 : 1-3小时 门票 : 无需门票。 开放时间 : 05:00-21:00(旺季),06:00-21:00(淡季) (1月1日-12月31日 周一... • 電話 : 010-56290506 時間基準 : 1〜3時間 切符売場 : チケットは必要ありません。 営業時間 : 05：00〜21：00（ピークシーズン）、06：00〜21... ~ ~ **1.2.　サイトの仕様 ***1.2.1.サイトマップ #image(sitemap.jpg) ~ ***1.2.2.ワイヤーフレーム #image(wire frame1.jpg) ~ ***1.2.3.携帯ワイヤーフレーム #image(wire frame2.jpg) ~ ~ ~ *第二章　制作方法 **2.1.　言語・技術 //(多做一些动画网页小样，问卷调查，选出好的网页) //(如何查阅CSS，JS，JQ内容) 研究開発に使用する言語は以下の_３つ_である。 -1) HTML:ページの構造 -2) CSS：ページのビジュアルデザイン -3) JavaScript（jQuery）： ページの動的変更 インタラクティブな仕組みの実現には、主に JavaScript と、... ~ -1) タッチ・クリックに反応して変化する「動的写真」の導入 -2) 写真集の「ページめくり」を進化させたWeb特有のトランジ... -3) ユーザーの動きに反応するパーティクル要素の導入 -4) インタラクティブに反応する「背景」要素の導入 -5) 電子媒体における「手触り感」の再現 ~ ~ **2.2.　技法 -Photoshop：写真を調整 -Adobe Illustrator：logoのデザインを作成 -Adobe InDesign：レイアウト -HTML:ページの構造 -CSS：ページのビジュアルデザイン -JavaScript:ページの動的変更 -jQuery:ページの動的変更 -jQuery プラグイン:様々な表現機能 ~ ~ **2.3.　制作環境 ***2.3.1. ハードウエア --iMac、Mac、Windows、デジタルカメラ ~ ***2.3.2. ソフトウエア --Atom Editor --Adobe Photoshop --Adobe Illustrator --Adobe InDesign --GitHub ~ ~ ~ *第三章　アンケート調査 **3.1.　アンケートの方法 #settableborder(none) |33|33|33|c |#image(3.png)|#image(4.png)| ~ ~ **3.2.　アンケートの結果 #image(25.png) ~ "中国ではみんなスマートフォンとコンピュータ持っています。" ~ 1.群衆の年齢 10歳未満　　　　　　　 7% 10歳から30歳　　　　　 36% 30歳から50歳　　　　　 48% 50歳以上　　　　　　　 9% ~　 2.住む場所 1キロ以内　　　　　　 56% 1キロ〜20キロ　　　　　38% 20キロ以上　　　　　 　6% ~　 3.公園に来る目的 家族は週末に遊びに来て　7% 運動に来て　　　　　　　24% 通常は散歩します　　　　59% 花見　　　　　　　　　　8% その他　　　　　　　　　2% ~ 4.公園を知る方法 ウェブサイト　　　　　　2% スマートフォン　　　　　 3% 他の人の話を聞く　　　　94% その他　　　　　　　　　1% ~ 5.スマートフォンの種類 Apple　　　　　　　　　39% Huawei　　　　　　　　 43% Xiaomi 　　　　　　　 　4% OPPO　　　 　　　　　 6% Samsung 3% その他 5% ~ 6.コンピュータの種類 Apple 18% Huawei 22% Lenovo 31% Dell 25% Samsung 3% その他 1% ~ 7.公園の 何が一番気になりますか。 公園のどこの写真が一番見たいですか。 花 24% 橋と水 29% 環境 47% ~ ~ ~ *第四章　webサイトについて **4.1. ウェブサイトについて分析（先前研究） ウェブサイト調査 参考网站 -公園について： JAPAN --1.http://www.hanakoen.com/ --2.http://kanatakenosato.jp --3.https://www.showakinen-koen.jp/ --4.https://hitachikaihin.jp/ --5.https://tsumugiweb.com/2020/06/01/minnanokouen-hp/ --6.https://www.shinrinkoen.jp/ --7.https://uminaka-park.jp/ --8.https://www.tokyo-park.or.jp/ --9.https://www.huistenbosch.co.jp/ CHINA --10.http://www.capg.org.cn/ --11.http://www.bjjspark.com/index.jhtml --12.https://www.beihaipark.com.cn/ --13.http://www.tiantanpark.com/ ~ -結論： ~ ~ ~ **4.2. ネットユーザーの評価(网民评价) #settableborder(none) |33|33|33|c |#image(16.png)|#image(17.png)| |#image(19.png)|#image(20.png)| 1.长阳公园位于北京市房山区，也叫房山新城滨水森林公园。公... 長陽公園は北京の房山区にあり、房山ニューシティウォーター... ~ 2.公园内景色优美、花草繁茂、环境清幽，主要有城市综合区，... 公園は美しい景色、豊かな花や草、そして静かな環境を持って... #image(21.png) 3.绿化很好，有专用跑道（虽然磨损较厉害），有儿童活动设备... 緑はとても良く、専用のトラックがあり（より摩耗しています... ~ ~ ~ *第五章　考察（まとめ） **結論 北京長陽公園紹介と感想 公园一共分为城市综合区、湿地展示区和郊野生态区三部分，并... 公園は市内統合エリア、湿地展示場、郊外の生態区の3つの部分... 这里的绿化做得非常好，就连草地都是一尘不染，空气清新，天... ここの緑はとても良く、草もきれいで、空気は新鮮で、空は青... 公园所到之处皆是满眼绿色，青草、绿叶、碧水…… 负离子含量爆... 公園は緑の目、緑の草、緑の葉、澄んだ水でいっぱいです...マ... 其实，这也是长阳公园的特点， “以绿为脉，以水为魂， 揽山入... 実際、これは長陽公園の特徴でもあります。「緑を静脈、水を... 公园湖畔荷花已开， 更为长阳公园增添了生气。 莲叶无穷碧，... 公園の湖畔に蓮が咲き、長陽公園に活気を与えています。 蓮の... 慢悠悠的走在栈道上,周边满是荷花的淡雅清香，欣赏着着红白荷... 蓮の優雅な香りに包まれ、赤と白の蓮とスカートのような蓮の... 除了荷花，长阳公园还有不少其他夏花，也都正颜值在线。荷花... 長陽公園には蓮のほかにもたくさんの夏の花があり、それらは... 除了如诗如画的美景，公园里的每一物都别有一番风情：供大家... 絵のように美しい景色に加えて、公園内のすべてがユニークな... 漫步在郁郁葱葱的林荫道， 呼吸着清新的空气，大小曲径在这里... 緑豊かな大通りを散歩し、新鮮な空気を吸い込み、小小の曲が... 这里除了是一步一景以外，更是锻炼身体的好去处。公园内有一... ステップバイステップのシーンであることに加えて、それはま... 这里树木茂盛、林荫掩映，不管是步行还是骑行都能感受美如画... 緑豊かな木々や木陰があり、ウォーキングでもサイクリングで... 除了木亭、栈道、健身步道、娱乐设施，园内还有很多极具特色... 木造のパビリオン、板張りの道、フィットネストレイル、娯楽... 有核桃上的蚂蚁 クルミにアリがいます 有奔跑的孩童和兔子 走っている子供とウサギがいます 有睡在荷叶上的青蛙 蓮の葉の上で眠っているカエルがいます 当然，还有充满野趣的它们 もちろん、彼らは野生の楽しみに満ちています 就连公园的大门都非常别致，树的造型，极具现代感。 公園の門もとてもユニークで、木の形はとてもモダンです。 白天的长阳公园生机勃勃风景如画，夜幕降临华灯初起后的景象... 日中は長陽公園が活気にあふれ、絵のように美しい景色が広が... 小桥流水，草长莺飞，环境清幽、植被茂盛，长阳公园绝对是一... 小さな橋と流れる水、長い草と飛んでいるウグイス、静かな環... ~ ウェブサイトについて 做有动感的网站，为了大家不仅是获取最新情报，还可以有兴趣... 想要做有趣有魅力的网站 所以自己的网站，增加了根据季节变化，而飘落不同的图案。 ダイナミックで面白くて魅力的なサイトなので、誰もが最新情... 面白くて魅力的なウェブサイトを作りたい そのため、私のウェブサイトでは、季節の変化に応じてさまざ... ~ ~ ~ #hr CENTER:''第II部'' #hr ~ ~ *第六章　研究成果（制作物の現状） ** 6.1.　作品 3つのWebサイトをシリーズで制作しています。 ~ ***6.1.1　Type 1 -メニューの機能強化と天気予報のプラグインを追加しました。 //下部分で写真もメニューの機能です。 ~ #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ //#iframe(https://ki0722.github.io/BeijingChangyangPark8/) //-https://ki0722.github.io/BeijingChangyangPark8/ //~ ***6.1.2.　Type 2 -ホームページ：写真の spring、summer などの文字から それ... -その他のページ：通常のメニュー動作です。 -ページの演出 --spring：チューリップ花 --summer：雨とハスの花 --autumn：葉 --winter：雪の花 ~ #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ~ ***6.1.3.　Type 3 -インターフェイスに「ページめくり」のプラグインを追加しま... ~ #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ //***6.1.4.　Type4 //"mouse更新" //#iframe( https://ki0722.github.io/BeijingChangyangPark1... //- https://ki0722.github.io/BeijingChangyangPark11home/ //#iframe( https://ki0722.github.io/BeijingChangyangPark1... //- https://ki0722.github.io/BeijingChangyangPark11summer/ //#iframe( https://ki0722.github.io/Beijingcangyangpark11... //-https://ki0722.github.io/Beijingcangyangpark11summer2/ ~ ~ **6.2.　LOGO #image(2.png) ~ ~ ~ *第七章　作品概要 **7.1.　コンセプト 网站更生动有趣 ウェブサイトはもっと活気があり面白いです ~ ~ **7.2.　ウェブサイト作品紹介 ~ ***7.2.1.　Type1　　 -メニューの機能強化と天気予報のプラグインを追加しました。 ~ 第一个作品 1.相对普通网页，图片放在一个网页上，更一目了然。 2.每个图片的 水波纹，落花，叶，雪 。动态效果，更好体现，... ~ 1番目の作品 1.通常のウェブページと比較して、写真は一目でより明確なウ... 2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな... ~ ***7.2.2.　Type2　　 -ホームページ：写真の spring、summer などの文字から それ... -その他のページ：通常のメニュー動作です。 -ページの演出 --spring：チューリップ花 --summer：雨とハスの花 --autumn：葉 --winter：雪の花 ~ 第二个作品 1.全面根据季节主题，飘落郁金香，荷花，雨滴，落叶，雪花。 2.所有照片及信息，一目了然。 ~ 2番目の作品 1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴... 2.すべての写真と情報が一目でわかります。 ~ ~ ***7.2.3.　Type3　　 "写真集の「ページめくり」を進化させたWeb特有のトランジシ... #settableborder(none) |33|33|33|33|c |#image(8.jpg)|#image(9.jpg)|#image(10.jpg)| |Spring|Spring|Summer| |#image(11.jpg)|#image(12.jpg)|#image(13.jpg)| |Autumn|Winter|Other| ~ 第三个作品 1.现在电子时代，看纸质书的人少了，所以想做出书的质感。 2.书带的比较沉重，但是有想要书的翻阅感。 3.就像拿着案内简介的感觉，网页可以做到实时更新。 4.不想让杂志，书籍所遗忘。所以网页做出书的感觉。 ~ 3番目の作品 1.電子時代では、紙の本を読む人が少ないので、本の質感を作... 2.本は重いですが、本を覗き込んでいるような感覚があります。 3.ケースの簡単な紹介を持っているような気がします、ウェブ... 4.雑誌や本を忘れてほしくない。つまり、ウェブは本のような... ~ //***7.2.4.　Type4　　 //"mouse更新" //"背景画像に波紋をつくる jQuery WebGL Ripples " //"jQuery Slider / Carousel //スライダー（カルーセル）の活用事例" ~ ~ ~ *参考資料 ~ **参考文献 1.Generative Design with P5.js 2.Webデザイン良質見本帳 3.すべての人に知っておいてほしいJavaScriptの基本原則 4.jQuery仕事の現場でサッと使える！デザイン教科書 5.Web前端开发入门与实战 6.计算机网络 自项下方法 7.深入理解计算机系统 ~ ~ **参考サイト｜技法 -http://babeltheking.com/eng -http://mike-tucker.com/13/ -https://www.nike-react.com/ -https://run.mockplus.cn/bXjHi8XasvtPbcaA/index.html?to=C... -https://monyssb.com/ -https://faits-marquants.inra.fr ~ ~ **参考サイト｜公園 -http://www.hanakoen.com -http://kanatakenosato.jp -https://www.17sucai.com/pins/demo-show?id=37923　桜　春 -https://www.17sucai.com/pins/demo-show?id=7609　落葉　秋 -https://www.17sucai.com/pins/demo-show?id=27371　雪　冬 -https://www.17sucai.com/pins/demo-show?id=36013　雪　冬 -https://www.17sucai.com/pins/demo-show?id=8465　雪　冬 -https://www.17sucai.com/pins/tag/6584.html　全部 ~ ~ **参考サイト｜サイトデザイン -https://www.ikesai.com/cat/travel/ -1 --https://nisekohakuunso.com/ja/ --https://hoshinoya.com --https://studio-has.jp -2 --https://www.museum-kawakyu.jp -3 --http://robinmastromarino.com ~ ~ **参考天気予報 -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ ~ **参考色CSS -https://color.uisdc.com/ ~ -動く、機能性について： --1.https://www.17sucai.com/pins/demo-show?id=7609 ~ **参考 --[[マウスのデザインです。>https://weekend.jp/aroma-diffu... --マウスhttps://design.kyusan-u.ac.jp/OpenSquareJP/?CSS/T... --https://www.museum-kawakyu.jp --http://robinmastromarino.com/ "https://chordbook.com/guitar-scales/" --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Moda... --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebG... --https://www.museum-kawakyu.jp/ "button" --https://jajaaan.co.jp/css/button/ -"mouse" --https://wk-partners.co.jp/homepage/blog/hpseisaku/javas... ~ ~ ~

ページ名: