実務経験
観光・レジャー業界にて、Webサイト制作およびWebマーケティング業務に携わっていました。集客施策の企画・実行・改善を行い、Webを活用した情報発信や運用を担当しました。学校法人にて専門職として勤務し、GIGAスクール構想に関連するICT環境整備および運用支援を担当しました。教育現場におけるシステムの導入・開発・管理および教職員への活用支援を行った経験があります。また、Webサイトの設計・開発・運用を担当していました。
科目概要
本授業は、Webアプリケーション開発におけるフロントエンド基礎として、HTMLによる文書構造設計、CSSによるレイアウト設計、およびCSSフレームワークの活用を体系的に学習することを目的とする。
単にWebページの見た目を整える技術習得に留まらず、「データの入口（フォーム）」「画面構造の再利用」「保守可能なレイアウト設計」を前提とした実装能力の基礎を養成する。
学習到達目標
1. HTML構造設計
- セマンティックなHTMLを用いて、情報の階層・意味を持つ文書構造を記述できる
- index.html を起点としたWebサイト構成を理解し、複数ページ構成を設計できる
2. フォームとデータ理解
- フォーム送信における name と value の関係を理解し、入力データがサーバーに送信される仕組みを説明できる
3. CSSレイアウト設計
- ボックスモデル、Flexbox、Gridを用い、画面サイズに依存しないレイアウトを構築できる
4. CSSフレームワーク活用
- TailWind/Bootstrap等のCSSフレームワークを導入し、既存スタイルを理解した上で自作CSSによる上書き・調整を行うことができる
成績評価方法
試験0% 平常点30% 課題点70% で評価する
