CSSで人生歴とスケジュール表
制作ページURL
制作期間
4日間
制作範囲
デザイン / コーディング / 機能実装
使用ツール
HTML / CSS / JavaScript(AI使用) / Photoshop
目的
スクールの朝礼課題で、基本的なコーディングの練習としてシングルページサイトを制作しました。約10分ほどの発表資料として使用。
概要
スクールでHTML、CSSの基本を習得する段階で制作したものです。
HTMLのリスト構造とCSSのみを使用し、タイムライン構造を実現しました。また、この仕組み利用し、稼働内容とコメントが入力できる実用的なスケジュールフォームに応用しています。
情報設計
短い発表時間に合わせ、サイトの内容がすぐわかるナビゲーションと目次をつけました。説明は短くし、CodePenや写真を多く使い、話している内容が見てすぐにわかる資料になるようにしました。
課題
今後は、自分で動く仕組み（JavaScript）を作れるようになることです。そのために、プログラムの基本的な書き方をしっかりと学び、まずは他の人が書いたコードを正確に理解できるようにすることを目指します。