ホームページ作成 人気記事ランキング(10ページ目)
2026年04月09日 ホームページ作成内でアクセスの多かった記事をご紹介します。
91位時刻によって挨拶文を変化させる
朝は「おはよう」、昼は「こんにちは」、夜は「こんばんは」…のように、ホームページ上の挨拶文を、時刻に合わせて変化させてみましょう。JavaScriptを数行書くだけで簡単に実現できます。
文字や画像の動的変更 (HTML,CSS,JavaScript)ガイド記事92位タイトルロゴはトップページにリンクしよう
ホームページを構成する各ページの上部にある「タイトルロゴ」や「タイトル文字」は、トップページにリンクしておくのが便利です。とっても単純で簡単なことですが、ずいぶん便利になります。その理由とは?
Webサイトのユーザビリティガイド記事93位キャプション付き画像を左右の端に寄せたい
画像だけを左右の端に寄せるのは簡単ですが、「キャプションを付けた画像」全体を左右の端に寄せたい場合は、どうすればよいでしょうか? スタイルシートを活用すれば、とってもスマートに実現できます。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事94位リストの文字がどんどん小さくなる!?
スタイルシートでリスト(ul要素)の文字サイズを指定すると、リストの階層が深くなるにつれて、どんどん文字が小さくなってしまう可能性があります。スタイルシートだけを使ってスマートに解決してみましょう。
リストの表示・装飾 (HTML,CSS)ガイド記事95位絶対できる!自宅PCでCGIの実行環境を構築
CGIやSSIの動作確認のために、いちいちファイルをサーバにアップロードするのは面倒です。自宅PC上でCGIやSSIの動作確認ができれば楽ですよね。そこで、CGIやSSIの実行環境を自宅PC上に作ってみましょう!簡単です!
CGI・SSI活用入門ガイド記事96位直リンクを防ぐには?…禁止と言っても無駄
画像ファイルなどへの直リンク(外部サイトからの直接参照)や、特定ページへのディープリンクを防ぎたい場合に、「禁止します」と宣言しても意味がありません。どうしてもリンクを阻止したい場合は、技術的にアクセス制限を施すしかありません。リンクを技術的に防ぐ(リンクされてもForbiddenエラーを表示する)方法をご紹介。
アクセス制限・認証、サイト内検索ガイド記事97位キャプション付き画像を横向きに並べて配置する方法
アルバムのように、キャプション(タイトル名)を加えた画像を横方向にたくさん並べてみましょう。横に並ぶ数を指定せず、ウインドウサイズに応じて自動的に配置される「リキッドレイアウト」で実現する方法をご紹介。
レイアウトの作成・調整 (HTML,CSS)ガイド記事98位複数の画像リンクからランダムに1つを表示する方法
ウェブページが表示されるたびに、ランダムに選ばれた画像が1つ表示され、クリックするとその画像に対応するページに移動できるような機能を作ってみましょう。たくさんある「お勧めページ」の中からランダムに1つを選んで表示したい場合などに活用できます。短いJavaScriptを使って、複数のリンク画像群から1つをランダムに選んで表示する方法を解説。
文字や画像の動的変更 (HTML,CSS,JavaScript)ガイド記事99位毎日自動更新。「今日のおすすめ」欄を作る
たくさんある「お勧め」の中から、毎日1つを自動的に選んで表示する「今日のお勧め」機能を作ってみましょう。1日の間、誰が何度見ても同じ内容が表示されます。翌朝9時に自動的に次の項目に変化します。
文字や画像の動的変更 (HTML,CSS,JavaScript)ガイド記事100位サイトマップの簡単な作り方!SEOに役立つ自動作成例
検索エンジン向けのサイトマップXMLファイルと、HTMLで書かれた人間向けサイトマップページの両方を、無料の自動作成ツールで簡単に作る方法を解説。両方があれば、SEO対策もできる上に便利で使いやすいWebサイトになります。WordPressを使ってWebサイトを構築しているなら、サイトマップXML自動生成プラグインを使うとさらに楽です。
SEO・アクセス数アップガイド記事