ホームページ作成ガイド西村 文宏

せっかくのスタイルシートのメリットを失わせてしまう書き方をしていませんか？ クラス名の付け方次第で、スタイルシートをうまく活用できるか、無駄にしてしまうかが決まります。どんな名称がマズいのでしょうか？

スタイルシートのソース中でコメントを活用していますか？ 長いソースを後日に読むと、どこに何を書いたのか分からなくなることがあります。ソース中のコメントで補足して、後々のメンテナンスを楽にしましょう。

朝は「おはよう」、昼は「こんにちは」、夜は「こんばんは」…のように、ホームページ上の挨拶文を、時刻に合わせて変化させてみましょう。JavaScriptを数行書くだけで簡単に実現できます。

文字を画像化していませんか？ ロゴなどはデザインも重要ですから、ある程度の画像化は仕方がないでしょう。しかし、あまり画像化しすぎるのは禁物です。文字を画像化した場合の10個のデメリットをご紹介致します。

文中で強調したい箇所が出てきたとき、どうやって表現していますか？ 文字色を変えたり文字サイズを変えたり…どのような装飾をするにしても、強調を表現するならstrong要素を使いましょう。その理由はこの記事で！

スタイルシートを使って表をセンタリングできますか？ 表のセンタリングは、ブラウザによって表示が異なったり、セルの中身までセンタリングされてしまったり、様々な謎があります。それらの解決方法はこちら！

ホームページを印刷すると、あまり望ましくない位置で改ページされてしまうことがあります。スタイルシートを使って「改ページ位置」を指定しておけば、中途半端な改ページを防いで印刷できるページが作れます。

凝ったデザインは、画面上では綺麗でも印刷には向いていないことがあります。印刷時にのみ適用される「印刷専用スタイル」を作れば、画面上のデザインとは別に、印刷に適したデザインで印刷させることができます。

「××はこちら！」や「ここをクリック！」というようなリンクを作ってしまっていませんか？ このようなリンクは、アクセスUPチャンスを逃している点と、ユーザビリティ上よくない点で、とても残念な書き方です。

「a:hoverを使っても色が変わらない」というトラブルの原因は、多くの場合、スタイルシートの記述順に原因があります。ここでは、正しいCSSの記述順を初心者にもわかりやすく解説します。