【連載マンガ】素人がChatGPTと作るオリジナルサイト|第2話:背景の壁
「ワクワク」のガチャマシーン
2026.03.22
(※2026年の年明け、Wixを使って手探りでサイト制作をしていた頃の実録レポートです)
皆さん、こんにちは!モルダモルキです。
長期連載企画の
第2
話です。
今度は
背景画像を
配置するモルキ、しかし、
新たな
問題が・・・。
「
背景画像ってどう
扱えばいいの?」という
初心者あるあるな
問題にぶつかりました。どうぞ、お
楽しみください♪
やはり、ちょこちょこ問題は発生しますよね😅
本当はキレイに幅を揃えたいのですが、よくわからず
今は気にせずに次のことをやろうかと思います。
キレイな完成度の高いウェブサイトを作れたら一番ですが、
一番大事なのは、「訪れた方々が楽めるかどうか」だと思います。
粗削りで素人くさいサイトになる可能性大ですが(笑)
楽しんでいただけたら幸いです。
※ここからは、完全に初心者目線の制作メモです。
==================
今回行った手順はこうです。
●クリスタでタイトル画像作成➡pngで一括書き出し。
(pngの方がjpegよりもきれいに表示されるらしいです。)
●テンプレサイトの背景を自作のタイトルページに差し替え。
●テンプレサイトにあった要素(ストリップ、画像、テキストなどを削除)
(ストリップは全画面(画面の両端まで広がる)の帯状の画像などを配置できるものです)
●クリスタで作った背景画像をストリップごとに配置、しかし、幅が揃わず
==================
今後もウェブサイト作りのリアルをお届けしたいと思います。
この挑戦が無事に完成するのか、それとも途中で挫折してしまうのか……。
よければ、今後も一緒に見届けてください。