ページの詳細
複数ページ構成のサイト
日本の各四季の写真と特徴をまとめたサイトの制作。
制作を通して学んだこと
- ヘッダーやフッターなど共通部分をメインページを元に作成し、スタイルも同じものを使うことで効率的に複数ページの作成を行うことを学んだ。
- プラグインを使用することで、シンプルな構成・レイアウトに対して効果的に演出を追加することができた。また、見せ方に合わせてプラグインの調整を行い、カスタムすることを学んだ。
- 複数ページでの各ページの相対パスの表記をindexを省略した形で表記した。慣れるまではうまく表示されないこともあったが、繰り返すことで相対パスへの理解度が深まった。
- css変数を使用、clamp関数を使用し見出しのfont-sizeを可変にするなど、後のレスポンシブや色の差し替えの対応の編集を行いやすい環境を作ることができた。
- フッターのコピーライト部分をjavascriptで動的データに差し替えることで、自動で年数の取得をできるようにした。
使用ツール
- 使用言語
- HTML / CSS / jQuery / JavaScript
- 使用ツール
- Visual Studio Code
- 使用プラグイン
- bxslider ： https://bxslider.com/
AOS : https://michalsnik.github.io/aos/
ハンバーガーボタン : https://jonsuh.com/hamburgers/