ホームページ作成 人気記事ランキング(5ページ目)
2024年05月08日 ホームページ作成内でアクセスの多かった記事をご紹介します。
41位Enterキーでフォームが誤送信されるのを防ぐ方法
Enterキーによる誤送信を防ぐ方法や設定はあるのでしょうか。Enterキーを押してもフォームの内容が送信されないようにする方法と、送信する前に確認ダイアログを表示する方法の2通りをご紹介いたします。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事42位ファビコン(favicon)の簡単な作り方と設置方法
ファビコン(favicon/サイトアイコン)とは、ブラウザのタブやブックマークなどに表示されるWebサイト独自のアイコンのことです。ファビコンの簡単な作り方と設定方法を解説。複数サイズのアイコン画像を結合・変換したfavicon.icoファイルを無料で手軽に作成できる「x-icon editor」の使い方もご紹介。ホームページに合ったファビコンを作って設置してみましょう。
ホームページ作成テクニック、小技ガイド記事43位.htaccessファイルの書き方と設定・設置方法
.htaccessファイルの作成方法や設定の書き方を簡単に解説。設定が影響するディレクトリの範囲や、サーバにアップロードする際の注意点、Internal Server Errorが出る場合の対処方法も紹介。Webサイトに「.htaccess」という特殊なファイル名の設定ファイルを置くと、アクセス制限・認証・リダイレクト・デフォルトファイル名の変更など様々な設定ができます。
アクセス制限・認証、サイト内検索ガイド記事44位複数の画像がふわっと切り替わる!スライドショーの作り方
複数の画像が数秒間隔でフェイドアウト・フェイドインを繰り返す「ふわっと表示が切り替わる」効果のあるスライドショーをWeb上で作る方法を解説。画像を掲載する短いHTMLに、配置と重なり順序を調整するCSSを加え、jQueryでスライドショーを制御することで簡単に作れます。画像はリンクにもできるため、クリックすると詳細ページへ飛ぶスライドショーを作ることもでき、シンプルながら活用範囲の広いスライドショーになります。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事45位1文字ずつ文字色を変える、文字単位でのCSS適用方法
HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript(jQuery)を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使うことで1文字ずつ個別のスタイルを適用できます。1文字ずつ異なる色でカラフルに表示したい場合に便利。
テキストの配置・装飾 (HTML,CSS)ガイド記事46位スパム対策をしてメールアドレスを公開する方法
迷惑メールを防止する7種類のスパム対策方法を解説。ホームページにメールアドレスを掲載すると、大量の迷惑メール(スパムメール)が届くようになってしまいます。メールアドレスを公開しつつも、メールアドレスの自動収集プログラムに収集されるのを防ぐ対策方法をご紹介。
ホームページ作成テクニック、小技ガイド記事47位PC版とスマートフォン版サイトを自動で切り替える方法
PC用サイトにアクセスしてきたスマートフォン利用者を自動的にスマホ用サイトへ誘導できるように、アクセス者の端末(PC/SP)に応じて閲覧先を自動で切り替える機能の作り方をご紹介。閲覧者のユーザエージェント名(ブラウザや機種名)を判別し、「.htaccess」のmod_rewriteを使ってアクセス先を自動振り分けすることで、スマートフォンユーザだけをリダイレクトする方法を解説。
携帯・スマートフォンサイト作成入門ガイド記事48位CSSで幅や高さ等の指定に計算式が書けるcalcの使い方
CSSで幅や高さなどを指定する際に、「 (100% - 5em) / 3 」のような計算式が書けるcalc()の使い方を解説。割合や単位付きの数値を加減乗除してプロパティの値を決定したい場合、CSSソース内に直接計算式が書けると装飾の柔軟さが広がります。calc()を使う書き方の例と、使い方の注意点、効かない場合の対処方法などを解説。
ガイド記事49位選択式入力フォームのhtmlでの作り方!チェックボックス/ラジオボタン…
HTMLで作成できる入力フォームで複数の選択肢を見せる方法には、チェックボックス・ラジオボタン・プルダウンメニュー(リストボックス)などのUIがあります。複数の値から1項目だけを選ばせる入力フォームとして使う場合の特徴を比較して、UIとしての選択例とHTMLの書き方を解説。使いやすくて分かりやすい入力フォームの作り方をご紹介いたします。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事50位Basic認証(基本認証)でアクセス制限をかける方法
ウェブサイト内の特定ページやディレクトリにアクセス制限を施す設定方法として、Basic認証(ベーシック認証/基本認証)の使い方を初心者向けに解説。ユーザー名(ID)とパスワードの入力が必要な会員制ホームページの作成方法をご紹介。HTMLの修正は不要で、.htaccessファイル等を書けば簡単にパスワード認証を設定できます。
アクセス制限・認証、サイト内検索ガイド記事