ホームページ作成 人気記事ランキング(3ページ目)
2026年04月16日 ホームページ作成内でアクセスの多かった記事をご紹介します。
21位「♪」以外の音符記号を表示させたい!
よく使われる音符記号というと「♪」(八分音符)でしょう。漢字変換などで「おんぷ」と入力して変換すれば簡単に出せます。しかし、ウェブ上では「♪」の他にも、四分音符や十六分音符などの音符も表示できます!
特殊文字・記号の記述 (HTML)ガイド記事22位文字列を円形やアーチ状(扇形)に並べて配置する方法
文字列を、円形に配置して表示したり、アーチ状(扇形)にカーブさせて表示したりする方法を解説。jQueryを使うスクリプト「Arctext.js」を活用すれば、テキストを画像化することなく自由な半径でアーチ状に配置できます。上向き・下向きのアーチを組み合わせれば、コーヒー店のロゴのように文字を円形に配置することもできます。
テキストの配置・装飾 (HTML,CSS)ガイド記事23位画像をランダムに表示する方法!JavaScriptで切り替え
画像リストの中からランダムに1つの画像を表示する方法を解説。アクセス者がページを閲覧するたびに画像を切り替えて表示できます。乱数を使ってランダムに画像を表示すると言っても、記述するJavaScriptソースはほんの数行だけなので簡単に作れます。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事24位自分のPCを簡単にウェブサーバにする!
自分のPCをウェブサーバにしましょう!そうすると、CGIやSSIの動作を確認するためにわざわざサーバにファイルをアップロードする必要はなくなります。その他メリットはたくさんです。
ホームページ作成テクニック、小技ガイド記事25位スタイルシートでワープロ並みに表を装飾!
ワープロで表を作成すると、様々な罫線で表を装飾できますね。そのような表をウェブ上でも作ってみたいと思いませんか? スタイルシートとHTMLで、複雑な表の装飾も自由自在に作れるようになりましょう。
テーブル(表)の作成・装飾 (HTML,CSS)ガイド記事26位毎日自動更新。「今日のおすすめ」欄を作る
たくさんある「お勧め」の中から、毎日1つを自動的に選んで表示する「今日のお勧め」機能を作ってみましょう。1日の間、誰が何度見ても同じ内容が表示されます。翌朝9時に自動的に次の項目に変化します。
文字や画像の動的変更 (HTML,CSS,JavaScript)ガイド記事27位検索エンジン用サイトマップファイルを作成
サイト内のすべてのページを検索エンジンに漏れなく巡回してもらう方法として、検索エンジンに読ませる専用の「サイトマップファイル」を用意する方法があります。そのサイトマップファイルの作成方法をご紹介!
SEO・アクセス数アップガイド記事28位2段階に連動するプルダウンメニューの作り方
HTMLで作った2つのプルダウンメニューを、JavaScriptで連動させる方法を解説。メイン(1階層目)のプルダウンメニューの選択項目に応じて、サブ(2階層目)のプルダウンメニューを動的に表示する方法です。2段階に連動させると2階層目の表示項目数を絞れるため、選択肢をシンプルに分かりやすく表示できる効果があります。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事29位角の丸い「タブ」をHTMLとCSSで作る方法
左上と右上の角を丸くして「タブ」に見えるデザインをHTMLとCSS(スタイルシート)で作成する方法を解説。リンクに長方形の枠を加えて上側の角を丸くすると「タブ」らしく見え、視覚的に分かりやすいナビゲーション機能が作れます。文字はテキスト・配色はCSSで記述するため、ソースをコピーするだけでいくつでも並べられ、修正も簡単です。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事30位ファビコン(favicon)の簡単な作り方と設置方法
ファビコン(favicon/サイトアイコン)とは、ブラウザのタブやブックマークなどに表示されるWebサイト独自のアイコンのことです。ファビコンの簡単な作り方と設定方法を解説。複数サイズのアイコン画像を結合・変換したfavicon.icoファイルを無料で手軽に作成できる「x-icon editor」の使い方もご紹介。ホームページに合ったファビコンを作って設置してみましょう。
ホームページ作成テクニック、小技ガイド記事