ホームページの作り方・見やすさ。
ホームページの作り方で大事なことと言えば見やすいサイトを作ること。
その見やすいサイトにする為には、色を２～３色で使い分けてみたり、
画像をつけてイメージしやすくしたり、文章を書いて説明を入れる時も長々と横に広がらないようにしたりと、工夫するところは沢山あります！
そのうちのひとつを今回紹介したいと思いますが、例えばメニューを作る。メニューを作ることでかなり見やすくなりますよね。ホームページに自分の簡単なプロフィールを載せたいと思っている人もいるでしょうし、日記をつけている人は日記という項目もホームページ内にあるでしょう。他にも、顔も知らない色々な人と交流する為のBBSなどという掲示板を設けたいと考えている人もいるかと思います。
とにかくコンテンツの内容は色々ですよね。
そんな時に大事なタグと言えば、テーブルタグ。
＜table border=”0″ width=”100″＞
＜tr＞＜td align=”center” bgcolor=”#ff00ccF”＞プロフ＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff66ff”＞日記＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff00cc”＞BBS＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff66ff”＞リンク＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff00cc”＞TOP＜/td＞＜/tr＞
＜/table＞
※【＜】と【＞】は実際にはすべて半角で指定しないといけませんよ。
という風に表示すると色が一行ごとに交互に配色されるので、上下分けられていて見やすくなるはずです。この時に使う色は自分のホームページのテーマカラーに合わせて色を好きなものに変えるといいと思います。ここでは濃いめのピンクと薄めのピンクを交互に使っています。
ここにリンクタグをつける作り方も当然大事です。あなたの日記を読みたい！と思った人がここにカーソルを置き、クリックしたときに「ここからは飛ばないのか・・・じゃどこから見れるの？」と思うと探すのが面倒になって「もういいや、次のサイトに行こう」と思うようになるかと思います。そうならない為にも、せっかく来た人が「もっと見たい！」と思うようなホームページの作り方をしていきたいですね。