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

昔に記述したHTMLを修正しようと思ったとき、「このソースは一体どこに何が記述されているの？？」と悩んだ経験はありませんか？ 後から読んでもすぐに内容を把握できる、分かりやすいソースを書く方法をご紹介。

正しい文法規則では、大文字と小文字は別の文字であると解釈される場面があります。普段、大文字と小文字の違いについて気にしていないと、厳格な文法解釈をされたときに望み通りの表示にならない可能性があります。

よく「1ピクセルの線を引きたいんだけど」という質問を受けます。どうすれば引けるでしょうか？ボックスの高さを1ピクセルにしようと考えたのではうまくいきません。自由な太さの線を引く方法をご紹介致しましょう。

枠の角を丸くする方法として、スタイルシートに1行書き加えるだけで済む方法をご紹介したいと思います。丸みの半径を自由に指定できるなど、画像とHTMLを駆使するよりも楽に作れます。

アプリケーションの入力フォームなどでよく使用される「グループボックス」のようなラベル付きの枠を作ってみませんか？ これを使って入力フォームを整頓すると、フォームの見やすさの向上が期待できます。

HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。

HTMLの解説書などを読むと、「pタグ」・「strongタグ」ではなく「p要素」・「strong要素」と記載されていることがあります。「タグ」と「要素」の違いは何でしょうか？ この機会に用語を正しく理解してみませんか？

雑誌などを読んでいると、段落の先頭1文字だけが大きな反転文字になっているデザインを見かけることがあります。これをホームページ上でも実現してみたいと思いませんか？ スタイルシートを使えばとっても簡単です。

文字サイズの指定方法に満足していますか？「smallより大きくmediumより小さくしたい」と思った場合、どうしますか？ スタイルシートには、文字サイズを細かく微調整する指定方法もあるのです。

スタイルシートを使って段組を作る方法には、HTMLの構成上、大きなメリットがあります。単にスタイルシートでデザインできるというだけではありません。ユーザを待たせず、クローラにも良いHTMLにできるのです。