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

ハートマークや音符記号をそのままソース上に記述したいハートマーク「」や、 音符「」などの記号をウェブ上で表示させる方法を過去に(※)ご紹介いたしました。 これらの記号は、「」のような数値文字参照という記述方法を使うことでブラウザ上に表示させることができます。 数値文字参照は、キーボードか...続きを読む

ページの上から目盛り表示を重ねる細かなレイアウトを試してみたとき、隣接するブロック間の距離がブラウザによって異なっていたり、自分の希望するサイズとは異なって表示されたりして気になったことはありませんか？ そのとき、何ピクセルのズレがあるのかを測らないと原因が分からないこともあります。 しかし、...続きを読む

リンク先にアクセスせずにリンク先の内容を確認させられるサービス「HeartRails Glance」というサービスを使うと、 リンクの上にマウスを載せるだけで、リンク先ページのサムネイル画像を「吹き出し」に表示させることができます。Internet Explorer・Firefox・Opera...続きを読む

迷惑メールを防止するにはメールアドレスの公開にスパム対策が必須ウェブサイトの訪問者からメールで連絡をしてもらうためにウェブページにメールアドレスを掲載しようと考えているのなら、掲載前にスパム対策が必須です。メールアドレスをそのまま公開してしまうと、やがて大量の迷惑メール（スパムメール）が届くよ...続きを読む

作ったホームページを公開するには？ サーバとドメインの用意手順ウェブサイトの作り方には様々な方法がありますが、代表的な4通りの方法を記事「ホームページの作り方：4通りの作成方法から選ぶ」でご紹介しました。そのうち、最も自由度が高くておすすめな方法は、ローカル環境(＝自分のPC上)でウェブページ...続きを読む

Internet Explorerでのみ表示がおかしい場合の対策スタイルシートを使ってデザインしていると、他のモダンブラウザではうまく表示されるのに、 IEでのみ崩れて表示されてしまうことがあります。 IE7ではうまく表示されるのに、IE6以下ではおかしくなってしまう…という場合もあるでしょう...続きを読む

タブやブックマークにサイト独自のアイコンが表示されると分かりやすいブラウザのタブに、ウェブサイト独自のアイコンが表示されているAll Aboutのウェブサイトを代表的なブラウザで閲覧すると、タブに図のようなアイコンが表示されます。このように独自のアイコンを表示させているウェブサイトをよく見かけ...続きを読む

自分のパソコンをウェブサーバにするメリット自分のパソコンをウェブサーバにすると、次のようなメリットがあります。いちいちアップロードしないといけなかったCGIやSSIの動作確認が自分のパソコン上でできる。CGIやSSIはサーバでないと動かないと思っていませんか？ そんなことはないのです。適切な環...続きを読む

例示用に用意されたドメイン example.comサンプルとしてURLやメールアドレスを書きたい場合、どうしますか？メールアドレスの場合、実在するアドレスを書くのはマズいですね。 スパムメールの送信先として収集されてしまうかも知れませんし、問い合わせメールを誰かが送ってしまうかも知れません。そ...続きを読む

お気に入り(ブックマーク)登録ボタンを作る方法はあるがIEでは昔からJavaScriptでお気に入り登録画面を出せたJavaScriptを使えば、ボタンやリンクをクリックするだけで閲覧中のページや指定したURLをInternet Explorerのお気に入り(ブックマーク)に登録させることがで...続きを読む