ホームページ作成テクニック、小技(3ページ目)

ハートや音符などの特殊記号は、数値文字参照という記述方法で表示させられます。しかし、ソース上では数字の羅列であり分かりにくいのが難点です。ソース上でもそれらの特殊記号をそのまま記述できる方法をご紹介。

ブラウザによって微妙に配置が異なっている場合や、自分の望みの位置とは微妙に異なっている気がする場合、ずれている距離を測るのは面倒です。そんなとき、ページ全体に上から目盛り(方眼)画像を重ねると便利です。

リンクの上にマウスを載せると、リンク先ページのサムネイル画像やブックマーク数が「吹き出し」に表示される面白いサービスがあります。実際にアクセスすることなくリンク先ページの外観が見えるリンクが作れます。

迷惑メールを防止する7種類のスパム対策方法を解説。ホームページにメールアドレスを掲載すると、大量の迷惑メール(スパムメール)が届くようになってしまいます。メールアドレスを公開しつつも、メールアドレスの自動収集プログラムに収集されるのを防ぐ対策方法をご紹介。

作ったホームページを公開するには、掲載スペースを用意しましょう。ウェブサーバとドメインを準備して自サイトを公開する手順を解説します。サーバには、無料サーバもあれば有料サーバもあります。有料でも格安で利用できるサーバが多々あります。ドメインには、サブドメインを無料で利用する方法もあれば、自分で所有できる独自ドメインを取得する方法もあります。

特定のブラウザに限定してスタイルを適用する方法として、ブラウザのバグを利用した「CSS Hack(ハック)」がよく使われています。IEでのみ表示がおかしくなる場合の対策なども紹介。

タブのアイコンとして、ウェブサイト独自の画像を設定・表示する方法を解説。PC用ブラウザのタブやアドレスバー、スマホ用ブラウザのブックマークやホーム画面などに自作のアイコン画像を表示させてみましょう。favicon.icoやapple-touch-icon.pngなどのファイルを作成し、短いHTMLを書くだけの簡単な手順で独自アイコンを設定できます。

自分のPCをウェブサーバにしましょう！そうすると、CGIやSSIの動作を確認するためにわざわざサーバにファイルをアップロードする必要はなくなります。その他メリットはたくさんです。

メールアドレスやURLの例を書きたいとき、誰かに所有されているドメイン名を使ってサンプル文字列を作ると問題があります。URLやメールアドレスなどの例示に使えるドメイン名としてexample.comなどいくつかのドメイン名が用意されていますので、それらを使ってサンプルを書きましょう。危険なサイトに繋がる可能性もある紛らわしいドメイン名にも注意して下さい。

お気に入り登録ボタン（ブックマークボタン）の作成方法を解説。IE11までならJavaScriptでブックマーク登録画面を出せます。SafariやChromeなど他のブラウザでは動かないため、代わりにソーシャルブックマークサービス「はてなブックマーク」や「Pocket」にURLを登録するボタンの設置方法も紹介。