ホームページ作成 人気記事ランキング(5ページ目)
2025年10月29日 ホームページ作成内でアクセスの多かった記事をご紹介します。
41位JavaScriptを実行して出力されたHTMLソースを見る方法
JavaScriptが実行された結果として、どのような文字列やHTMLソースが出力されているのかを確認する方法を解説。ブラウザの「ソースを表示」機能では単にJavaScriptのソースコードが見えるだけです。そうではなく、関数が処理された結果としてブラウザに出力されるHTML要素などの値を見たりファイルに保存したりする操作例をご紹介いたします。
ホームページ作成テクニック、小技ガイド記事42位フレームを使った構成の問題点
フレームは、特定のページを表示させたまま様々な別のページを同時に表示できる便利な機能ですね。しかしそこに、せっかくの来訪者を逃してしまう危険な落とし穴が潜んでいるのです…。
Webサイトのユーザビリティガイド記事43位ウェブページ周囲の余白サイズや背景色を調整する方法
Webページの周囲にある余白を消す方法や、余白部分にだけ背景色や背景画像を加えるスタイルの書き方、任意の余白サイズを指定する方法などを簡単に解説。Webページ周囲の余白は主に、HTMLのbody要素に対するマージンで作られています。上下左右のマージン量をCSSで調整したり装飾したりすれば、ページ周囲の余白をなくすことも自由な色を付けることも簡単です。
レイアウトの作成・調整 (HTML,CSS)ガイド記事44位セル全体が立体的に見える表組みを作る
表を構成するセルの枠線だけが立体的に見えるのではなく、表のセル1つ1つそのものが立体的に見える表を作ってみましょう。なかなか見栄えのよい表ができあがります。
テーブル(表)の作成・装飾 (HTML,CSS)ガイド記事45位1回クリックすると無効になるボタンの作り方
1回クリックされると無効化され、2回以上はクリックできないボタンの作り方を解説。入力フォームで使えば、送信ボタンが複数回クリックされても同じ内容の重複送信を防げます。HTMLのinput要素で作成したボタンに対して、JavaScriptを使ってdisabledプロパティをON/OFFすることで、ボタンの有効/無効状態を簡単に切り替える方法を解説。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事46位.htaccessファイルの書き方と設定・設置方法
.htaccessファイルの作成方法や設定の書き方を簡単に解説。設定が影響するディレクトリの範囲や、サーバにアップロードする際の注意点、Internal Server Errorが出る場合の対処方法も紹介。Webサイトに「.htaccess」という特殊なファイル名の設定ファイルを置くと、アクセス制限・認証・リダイレクト・デフォルトファイル名の変更など様々な設定ができます。
アクセス制限・認証、サイト内検索ガイド記事47位選択式入力フォームのhtmlでの作り方!チェックボックス/ラジオボタン…
HTMLで作成できる入力フォームで複数の選択肢を見せる方法には、チェックボックス・ラジオボタン・プルダウンメニュー(リストボックス)などのUIがあります。複数の値から1項目だけを選ばせる入力フォームとして使う場合の特徴を比較して、UIとしての選択例とHTMLの書き方を解説。使いやすくて分かりやすい入力フォームの作り方をご紹介いたします。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事48位文字列を円形やアーチ状(扇形)に並べて配置する方法
文字列を、円形に配置して表示したり、アーチ状(扇形)にカーブさせて表示したりする方法を解説。jQueryを使うスクリプト「Arctext.js」を活用すれば、テキストを画像化することなく自由な半径でアーチ状に配置できます。上向き・下向きのアーチを組み合わせれば、コーヒー店のロゴのように文字を円形に配置することもできます。
テキストの配置・装飾 (HTML,CSS)ガイド記事49位自分のPCを簡単にウェブサーバにする!
自分のPCをウェブサーバにしましょう!そうすると、CGIやSSIの動作を確認するためにわざわざサーバにファイルをアップロードする必要はなくなります。その他メリットはたくさんです。
ホームページ作成テクニック、小技ガイド記事50位プレースホルダー (placeholder) の表示とCSSでの装飾方法
プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。カーソルが入った瞬間にプレースホルダーの文字が消える仕様もCSSだけで作れます。placeholderの表示と装飾方法をご紹介。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事