神奈川県横浜市のプログラミングスクールなら「iTeen(アイティーン)鶴ヶ峰校」!!教育のプロが、プログラミングを一から丁寧に個別指導します。小学生から高校生対応!神奈川県横浜市のプログラミング、IT知識の個別指導「iTeen鶴ヶ峰校」

webページの作品紹介
288 Views

高校生の生徒さんが作成したwebページの作品紹介です!


今回は架空のスマホゲーム「ファンタジーパズル」の攻略情報ホームページを作成しました


ただ画像やボタンが配置されているだけではなく、動きがあるホームページになっています!


ホームページを作成した生徒さんにホームページの内容と今回作成をしてみての感想を書いてもらいましたのでぜひご覧ください


以下の文章は生徒さんが作成した文章となります!

---------------------------------------------------------------------------------------------------------

*このホームページについて*

☆このホームページを見た人の目的

 パズルRPG「ファンタジーパズル」のパーティー編成に迷っている人が見てパーティーを組む


☆各ページの紹介

・トップページ

おすすめのモンスターの紹介ページへ飛べるボタンをまとめたページです

トップページ


・アバウトページ

製作者の紹介ページです


・ゲーム紹介ページ

取り扱っているゲームの紹介ページです

このゲームの詳細情報や、ゲームの公式ページに飛べるリンクが貼ってあります


・モンスター紹介ページ

おすすめのモンスターの紹介ページです

そのモンスターの能力や、スキル、役割や利点などをまとめています


モンスター紹介ページ




☆工夫点
・ゲームのデザインに合わせた、黒や、紫を中心とした色を使ってデザインしたこと

・cssやjavaなどを使ってカーソルを合わせるとボタンの大きさや、色が変わるようにしたり、スクロールすることで画像や、ボタンが出てくるようにしてデザインに動きを付けたこと



スマホやタブレットでも見やすいように画像の表示の仕方などを変えたこと



・ゲームの攻略のサイトなので文字のフォントをゲームっぽいドットのフォントにしたこと




*ホームページ作りをしてみての振り返り*


☆学んだこと

・htmlやcssなどの言語や、サイトを作る大変さを学びました。htmlは少しだけ学校でやりましたが、比べ物にならないほどの使うコードの量に驚きました。


☆今後のことについて

・今後はpythonやjavaなどの他の言語を学んで自分がやったことのないことをしたり、社会で使われているAIや、ゲーム、アプリなどのプログラミングを使って作られたものがどのようなコードを使って動いているかなどを知りたいです。




---------------------------------------------------------------------------------------------------------





----------------------------------------------------------

プログラミング教室 iTeen鶴ヶ峰校


小学校1年生から高校3年生まで通うことができます


鶴ヶ峰駅から徒歩約4分 スーパー三和の3階


無料体験授業 随時受付中 !


お電話またはHPからお気軽にお問い合わせください!


TEL:080-7413-2929


HP:https://iteen.jp/schools/tsurugamine/inquiry


----------------------------------------------------------