レイアウトが決まったところで、実際にホームページを作成しましょう。
その際、気をつけていただきたいポイントがありますので、説明していきます。
■ 文字は読みやすくする
ホームページの文字を読みやすくすることは大切です。小さい文字や背景色と文字色がかぶっている文字は非常に読みづらいものがあります。また、行間のことも意識して、スタイルシートで130％〜150％は空けるように設定していると読みやすくなります。さらに、段落や小見出しを多めに使用すると、より読みやすくなります。
■ レイアウト・デザインにこだわり過ぎない
ホームページを作成しだすと、レイアウトやデザインについ力が入ってしまいます。ただし、自己満足なレイアウトやデザインにはしないでください。例えば、重い画像を壁紙に使用したり、Flashソフトを使用したり、なかには音楽を流したりするホームページなどもあります。訪問者が操作しやすくて、文字が読みやすいホームページを心がけて作成してください。各ページのレイアウトや配色、見出し文字などを統一させると、操作性が向上して、使いやすいホームページになります。
■ トップページに広告バナーを貼り過ぎない
トップページは、そのサイトの顔です。広告バナーをぺたぺた貼りすぎるのは気をつけましょう。あまりにページが重くなると、表示される前にどこかに立ち去ってしまう危険性があります。
トップページは、そのサイト内容の説明や目玉コンテンツが目立つようなレイアウトにして、さりげなく広告バナーを貼っておくほうが得です。
■ レイアウト、文章などを絶対コピーしない
他のサイトのレイアウトや文章を参考にするのは良いのですが、コピーすると著作権の侵害になります。お小遣いサイトでは、紹介するサイトが同じであることが多いため、似たような紹介文になりますが、自分で登録して利用した際に感じたことや思ったことを書いていくと、オリジナリティーが出ます。
上記のことを踏まえて、実際にホームページを作成しましょう。
ただし、「ホームページ作成ソフトの基本操作」や「HTMLタブの知識」などに関しては、ホームページ作成支援サイトや書籍を参考にしてください。私も、ホームページ作成の際にお世話になったサイトをいくつか紹介しておきます。
■ ホームページ作成支援 厳選リンク集
≪ ホームページビルダー作成 ≫
HOMEPAGE BUILDER |
ホームページ・ビルダーの使用方法をわかりやすく説明しています。ホームページ・ビルダーの初期設定は、このサイトを参考にするとよいです。 |
ホームページビルダー作成報告 |
ホームページ・ビルダーの基本操作から応用、小技、スタイルシート、Webアートまで非常に分かりやすく説明しています。 |
≪ HTMLタブ ≫
HTML小技集 |
HTMLの小技をはじめスタイルシートやJavaScriptの小技もあります。 |
1時間で作るホームページ |
超初心者向けです。HTMLを自分で入力して作ってみたい方、基礎を学びたい方にはおすすめです。 |
≪ 自動バナー作成 ≫
AUTO LOGO |
バナーを作成する際にこのサイトでお世話になりました。
ロゴやライン、ボタン、似顔絵なども自動作成できます。 |
≪ 素材 ≫
MA-FA |
当サイトもこのサイトのHP用素材を使用しています。 |
|
