ページの詳細
スプリットレイアウトを用いたwebサイトの制作。
自身の行きたい場所や旅行で訪れた場所を３つ選び、画像と地図を掲載した旅行情報サイトを制作する
制作を通して学んだこと
- レスポンシブ対応への利便性を高めるため２カラムレイアウトを採用した。
- 自分で撮った写真を使用したことにより、オリジナルの表現へとつながった。また、webpの拡張子にすることで、ページの読み込みを早くできるようにした。
- 生成AIによる記事の生成を行い、使用するプロンプトを具体的に提示することで短時間で複数のアイデアだしを行うことを学んだ。
- タッチアイコンとファビコンの作成後、HTMLに組み込むことを行った。
- spanタグを用いたテキスト一部分だけの装飾を取り入れ、透明感と幻想的な雰囲気のテキストの演出につながるよう考え実装した。
使用ツール
- 使用言語
- HTML / CSS /
- 使用ツール
- Visual Studio Code / PhotoShop / Illustrator