八雲ソフトウェア

WEBサイト制作

雪表示切替ボタン

設計

設計書

今回私たちは、冬をモチーフにしたWEBサイトを制作しました。
JavaScriptを使用して画面に雪を降らせ、フッターには雪だる
まのイラストを配置しました。また、トップページをシンプル
にするために、内容ごとに別ページを用意し設計書を作成しま
した。

コーディング

HTMLのコード

参考のWEBページをもとにコーディングを行いました。
トップページの担当、その他のページの担当で役割分担し、
それぞれのページを行き来できるようリンクを設定しました。
お互いわからないところもたくさんありましたが、協力して教
えあい、いろいろな工夫をすることができました。CSSでデザイ
ンを変え、モチーフ通りの冬らしいWEBサイトが完成しました。

テスト

モバイルテスト

テストについて書く

感想

今回のWEBサイト制作は、インターンシップが冬にあったということで、デザインも冬らしいデザインに完成させました。
また、JavaScriptを使用して雪を降らせ、サイトに動きをつけました。リンクのボタンのデザインにもこだわり、満足のいくサイトができたと思っています。中でも大変だったのは、レスポンシブデザインに対応させることです。タブレットやスマートフォン上で見てもデザインが崩れないよう設定するのは難しく感じ、苦戦しました。
サイトを制作する中で、今まで知らなかったHTML、CSSのコードやタグをたくさん学べたので良かったです。今回のインターンシップで学んだことを活かせられるよう、就職活動に励みたいと思います。

戻る