20. みやの書庫
作品概要 #
この授業の話を聞き最初にHTMLやCSSを活かしたものを制作したいと思い、自分が夏休みの期間に作ったブログをもっと使いやすく見栄え良くなるようなものに作り直してみるのもいいなとアイデアを考えたときに浮かんだのでやってみることにしました。
そしてこの作品を制作することによってHTMLやCSSの理解を更に深められて行くと思うので、この理解を他の作品にも活かせられるといいなと思い制作することにしました。
プレゼンテーション動画 #
アピールポイント #
スマホで見るデザインとパソコンで見るデザインで記事の大きさをサイズごとに見やすく変えたり新着記事とおすすめ記事を追加して将来記事が増えたときに見てもらいたい記事を上に表示できるようにしました。
全体の配色は水色系統の色を使いツールで合う色を調べて背景の色や文字の色や線の色に使用しました。
サイドバーの機能は記事が増えてきたときに調べやすくなるようにカテゴリとアーカイブをつけて自分の簡単な自己紹介をするプロフィール欄の3つを追加しました。
制作者感想 #
デザインから考えるのが自分はとても苦手でかなりデザインに時間がかかりましたがそれなりに良かったなと思えるようなものができたと思います。
いろいろな単語や組み合わせを覚えたり駆使して自分の作りたいデザインにするのが大変でコードを考えるのがかなり苦労しました。
コードを打っているときにやっぱりこうしたいなと思ったりしたらまた変えての繰り返しで作っていったのでHTMLやCSSの学んだことはしっかりと理解できました。
- 次の作品: GatsbyJSで作成したブログ
- 前の作品: WEBメモ
コメント #
作品ならびにプレゼン動画の閲覧ありがとうございました。
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。よろしくお願いいたします。