架空の水族館のサイトを作ってみました。
今回もHTMLとCSSをデザインして、イチからサイトを作ってみました。
前回同様、記述はチャットGPTとTera Padを使用してコーディングしました。
デザインは閲覧しやすさを意識しました。
画面サイズがある程度小さくなると、メニュー部分がページ上部から下部に切り替わります。
トップページには5秒間隔で表示が切り替わる、大きなスライダーも入れてみました。
全体として画像をたくさん使用して、見やすさと閲覧時の楽しさを意識して制作しました。
また、サイト下層にワードプレスもインストールし、日々の活動の記録をブログにアップできるようにしました。
アクアマリン水族館のブログ
※ポートフォリオ用のサイトなので、head内に検索除けタグを入れています。
制作時間：約14時間
使用ソフトなど：Tera Pad、FileZilla、WordPress
使用サーバー：スターレンタルサーバー
使用画像：photo AC