#author("2021-05-25T19:16:32+09:00","default:art-gs","art-gs") *[[季卓芸]] 研究経過報告 ~ **2021.05.22~5.28 ***1.公園季節 #image(12.png) ***2.公園をウェブページにする必要がある理由/調査: #image(11.png) ***3.アンケート #image(10.png) ***4.logoの制作(継続) ~ #settableborder(none) |33|33|33|c |#image(7.png)|#image(8.png)| |LOGO|logo| #image(9.png) ~ ***5作品説明 #image(13.png) ~ ***6ウェブサイト&color(red){3}; **本の感じでページを動きいます。 #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ~ ***7更新ウェブサイト&color(red){2}; springチューリップ花、summer雨とハスの花、autumn葉、 winter雪の花全面的に落ちる。 #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ ***ホームページ:写真の spring、summerなどをクリックしてspringページになります。 他のページはメニューが普通メニューです。 ~ ~ **2021.05.14~5.21 ***1.logoの制作(継続) ~ #settableborder(none) |33|33|33|c |#image(3.png)|#image(4.png)| |LOGO|段組、説明| ~ 参考:https://participation.tokyo2020.jp/jp/data/subbrand-usage-guidelines.pdf ~ ~ ***2.研究報告作っています。 #image(5.png) ~ ~ ***3.新しいホームページを作ります。 **6.メニューとページ動きを組み合わせる表現します。 #iframe(https://ki0722.github.io/6-JQ_TurnJS-main/) -https://ki0722.github.io/6-JQ_TurnJS-main/ ~ ~ **homeとspring(写真自動的動きます)だけです。 #iframe(https://ki0722.github.io/BeijingChangyangPark7/) 7-https://ki0722.github.io/BeijingChangyangPark7/ ~ ~ **下部分で写真もメニューの機能です。 #iframe(https://ki0722.github.io/BeijingChangyangPark8/) 8-https://ki0722.github.io/BeijingChangyangPark8/ ~ ***問題 <div class="BOX"> <a href="spring_07.html"> <img src="images/spring/spring_07.jpg"> </a> </div> この部分は消したいですが、消したら、aside部分白くなります。 ~ #image(6.png)| |bug| ~ ~ **更新。 ホームページ、spring、autumn葉全面的落ちる、 winter雪の花全面的に落ちる。 ホームページ:写真の spring、summerなどをクリックしてspringページになります。 他のページはメニューが普通メニューです。 #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ ~ ~ **2021.05.07~5.13 logoを作って、ページめくりホームページ。 ***メニュー ***NavigationDesign -https://design.kyusan-u.ac.jp/OpenSquareJP/?NavigationDesign -https://koichi-inoue.github.io/Navi-ToggleBasic2/# -https://koichi-inoue.github.io/Navi-Drawer/# ***レスポンシブデザイン -https://design.kyusan-u.ac.jp/OpenSquareJP/?ResponsiveDesign ~ -https://formstone.it/components/navigation/demo/# ~ ***MaterialDesign https://design.kyusan-u.ac.jp/OpenSquareJP/?MaterialDesign ~ 薄い本の感じです。 2) 写真集の「ページめくり」を進化させたWeb特有のトランジション -https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/pc.html#/page/10 eg: 重要-https://www.17sucai.com/pins/demo-show?id=8502 -https://www.17sucai.com/pins/tag/1006.html -https://www.17sucai.com/pins/demo-show?id=7294 ~ ~ -https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92/2021/0427 -http://www.turnjs.com/ **2021.04.23 ***情報デザイン研究II -https://p5js.org/examples/dom-input-and-button.html -https://p5js.org/examples/drawing-continous-lines.html -https://p5js.org/examples/objects-objects-2.html -https://p5js.org/examples/input-mouse-2d.html -https://p5js.org/examples/input-clock.html -https://p5js.org/examples/input-easing.html ~ -https://design.kyusan-u.ac.jp/SampleSite/p5js_animation3/ -http://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/UI_Draggable ~ ***tianqi -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ &color(red){サンプルの例:}; -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider -2https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/OKZoom -3https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Tubular -4https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Parallax 薄い本の感じです。 2) 写真集の「ページめくり」を進化させたWeb特有のトランジション -https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/pc.html#/page/10 //-https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92/2021/0427 #image(2.png) ~ ~ **2021.04.16 ~ いくつかの作品の構想を多く設計します。 ~ *** 全部 -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 #image(1.png,left,80%) ~ ~ ~ ~ ~ ~ ~ ~ ***4 -https://www.utopiaagriculture.com -https://www.m-chemical.co.jp/saiyo/ -https://quoitworks.com ~ ***5 -https://www.aircord.co.jp/careers ~ ~ ~ ~ ~ -https://www.m-trust.co.jp さくら動き感じ -https://scramble-stadium.tokyo 公園