2000年代初頭の個人サイトは、シンプルなHTMLや派手な背景、GIFアニメ、カラフルなテーブルレイアウトなどが特徴的でした。最近はこうしたレトロなデザインを再現したいというニーズもあります。この記事では、当時風の個人サイトを作るためのツールや方法を紹介します。
1. HTML/CSS手書きで作る
当時の雰囲気を最も忠実に再現したい場合は、HTMLとCSSを自分で書くのがおすすめです。シンプルなテキストエディタ(VS CodeやSublime Text)を使い、テーブルレイアウトや背景画像、GIFアニメを取り入れることで、懐かしい個人サイトの雰囲気を作れます。
メリットは自由度が高く、細部まで再現できることです。デメリットは、コーディングの知識が必要な点です。
2. ブログサービスやCMSを使う
WordPressやMovable TypeなどのCMSを使うと、テーマやプラグインでレトロデザインを再現可能です。背景画像やテーブルデザインをカスタマイズしたり、アニメーションGIFを挿入して当時風の雰囲気を出すことができます。
初心者でもテーマを選んで少しカスタマイズするだけで雰囲気を出せるのがメリットです。
3. レトロ風ジェネレーター・サービス
最近では「Neocities」や「Glitch」など、古いウェブサイトの雰囲気を簡単に作れるオンラインサービスがあります。HTML編集やアップロードが簡単で、昔の個人サイトの体験を手軽に楽しめます。
Neocitiesは無料で、GIFや背景画像をアップロードしてクラシックな個人サイトを作ることができます。
4. デザインのポイント
- 背景は派手めの色やパターンを使う
- アニメGIFや点滅テキストでアクセントをつける
- テーブルレイアウトを多用する
- フォントはWebセーフフォントやピクセルフォントを使う
まとめ
2000年代初頭風の個人サイトを作るには、手書きHTML/CSS、CMSカスタマイズ、レトロ風ジェネレーターなどの方法があります。目的やスキルに応じてツールを選び、懐かしい雰囲気を楽しみながらサイト作りをしてみましょう。


コメント