ホームページ作成 人気記事ランキング(10ページ目)

自分のホームページ内に限定した検索機能（サイト内検索機能）を設置したくありませんか？ 高度なスキルがなくても、HTMLを貼り付けるだけでサイト内検索機能を実現するお手軽な方法があります。ぜひご活用下さい！

アプリケーションの入力フォームなどでよく使用される「グループボックス」のようなラベル付きの枠を作ってみませんか？ これを使って入力フォームを整頓すると、フォームの見やすさの向上が期待できます。

スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など「広い面積は使いたくないが、多くの情報を列挙したい」という場合におすすめのレイアウト方法です。

Windows上でCGIを動作させる方法をご紹介。簡単なセットアップさえ行えば、CGIの動作確認のためだけにいちいちファイルをサーバにアップロードする必要はなくなります。自宅PC上でCGIを動かしてみましょう！

一定秒数ごとに自動的に画像とキャプションが切り替わるスライドショー機能の簡単な作り方を解説。HTMLで画像とキャプションの表示空間を用意し、CSSで装飾を加え、JavaScriptで指定時間ごとに表示内容を切り替えることでスライドショーを作成する方法を、動作サンプルと共にご紹介。一時停止ボタンも作成して、好きな画像をじっくり鑑賞できるスライドショーです。

無味乾燥なテキスト入力フォームの内側左端にアイコンを表示させてみましょう。検索用の入力欄なら虫眼鏡などの「検索機能」を示すアイコンを表示させることで、役割が分かりやすいテキスト入力フォームになります。

閲覧者に何らかの長い文字列をコピーさせたい場合、文字列をそのまま掲載するよりも、もっとコピーしやすい形で掲載してみましょう。閲覧者に操作させずに自動で範囲選択させれば、過不足無くコピーさせられます。

携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。

複数の画像を使わなくても、たった1つの画像を用意するだけで「3:★★★☆☆」・「4:★★★★☆」のような星レベル（星ランク）を表示させる方法があります。スタイルシートを工夫して簡単に実現する方法をご紹介。

ホームページをスマホ対応にする方法として、サイト制作前に確認しておきたいポイントや、スマホ用ブラウザの仕様による注意点などを簡単に解説。スマホサイトに特殊な作り方は必要なく、HTML＋CSSはPCサイトとほぼ同じ書き方で作成できます。画面の小さなスマートフォンに適したデザインで、モバイル対応Webサイトを作ってみて下さい。