#author("2024-12-17T16:02:21+09:00","default:member","member") #author("2024-12-17T16:03:21+09:00","default:member","member") *越智 楓 [[通信ネットワーク演習]] ~ **演習 -Blank File : [[javascript_blank>https://create-k.github.io/javascript_blank/]] -Color Picker : [[javascript_color>https://create-k.github.io/javascript_color/]] -Loading Animation : [[javascript_loading>https://create-k.github.io/javascript_loading/]] -Color Change A : [[javascript_change_a>https://create-k.github.io/javascript_change_a/]] -Color Change B : [[javascript_change_b>https://create-k.github.io/javascript_change_b/]] -Gallery : [[javascript_gallery>https://create-k.github.io/javascript_gallery/]] -Text Animation : [[javascript_text_animation>https://create-k.github.io/javascript_text_animation/]] -Gallery2 : [[javascript_gallery2>https://create-k.github.io/javascript_gallery2/]] -Scroll : [[javascript_scroll>https://create-k.github.io/javascript_scroll/]] -Map : [[javascript_map>https://create-k.github.io/javascript_map/]] -Navigation：[[javascript_navigation>https://create-k.github.io/javascript_navigation/]] ~ ~ **最終成果物 //&color(red){タイトル・公開URLの記入}; //***&color(red){タイトル}; //&color(red){https://www.example.com/}; ~ ***サイトの趣旨 舞台『刀剣乱舞』紹介サイト //&color(red){これはどんなサイトか・・を簡潔に}; ~ ***技法・技術情報 -Loading Animation -Horizontal Scrolling（横スクロール） //&color(red){サイトで用いている技術や文法事項について記入}; //-&color(red){例）条件分岐（if/else）}; //-&color(red){例）イベント（click）}; ~ ***先行事例・参考情報 -[[ブルーピリオド展 ～アートって才能か？～>https://blueperiod-ten.jp/]] -[[『忘却バッテリー』特別ノベライズ | 少年ジャンプ＋>https://promo.shonenjump.com/boukyaku/afterschool/]] //&color(red){先行事例の紹介、参考サイトなど}; -CSS --[[CSSで背景にグラデーションをかける方法>https://www.sejuku.net/blog/53162#index_id1]] -javascript --[[JavaScriptで縦スクロールを横スクロールに変換する>https://zenn.dev/karugamo/articles/33bf1b2595d05d]] ~ ~ **リンク ***公開リポジトリ -GitHub：https://github.com/create-k //&small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。); //IDとClass //・ID 一度しか出てこないもの、同じページの中では一回しか出せない //・Class 複数回呼び出すもの