Works 制作物
Project Info
- カテゴリ
- Webサイト
- 担当範囲
- コーディング
- 制作ページ
- TOP / Country詳細 / 旅行サイト Ninja-Trip（スイスのみTOP一部）
- 制作期間
- 約6日
- 使用ツール
- VSCode
- 使用技術
- HTML / CSS / JavaScript（jQuery）
- 制作年
- 2026年
Project Overview
スクールの演習として制作した、世界各国の魅力を紹介するWebサイトです。
既存のデザインをもとに、HTML・CSS・JavaScript（jQuery）を使用してコーディングを行いました。
サイト内のリンク先として架空の旅行サイト「Ninja Trip」も自主的に制作しました。
Project Approach
- PCとスマートフォンの画面サイズに合わせてレイアウトが変化するレスポンシブデザインを実装しました。
- 画像やテキスト、ナビゲーションなどの各要素をHTMLとCSSで再現し、余白や文字サイズ、画像の配置など細かな部分まで意識して調整しています。
- また、JavaScript（jQuery）を使用し、サイト内のインタラクションも実装しました。
- 架空の旅行サイト「Ninja Trip」は、旅行サイトのトップページとおすすめツアーのカードを追加でデザイン・実装しました。