ホームページ作成 人気記事ランキング(8ページ目)
2026年06月30日 ホームページ作成内でアクセスの多かった記事をご紹介します。
71位文字を画像化するデメリット
文字を画像化していませんか? ロゴなどはデザインも重要ですから、ある程度の画像化は仕方がないでしょう。しかし、あまり画像化しすぎるのは禁物です。文字を画像化した場合の10個のデメリットをご紹介致します。
Webサイトのユーザビリティガイド記事72位リストの文字がどんどん小さくなる!?
スタイルシートでリスト(ul要素)の文字サイズを指定すると、リストの階層が深くなるにつれて、どんどん文字が小さくなってしまう可能性があります。スタイルシートだけを使ってスマートに解決してみましょう。
リストの表示・装飾 (HTML,CSS)ガイド記事73位ハートマークの出し方!ハート記号を表示したい
ハート記号(ハートマーク)を書く方法を解説。画像を使わなくても、Unicodeに定義された絵文字を使えば20種類以上のハート記号を簡単にウェブ上に表示できます。CSSを使えばハートの色もサイズも自由に装飾可能。文字実体参照や数値文字参照の書き方を使ってハート記号をウェブページ上に表示する方法などをご紹介。
特殊文字・記号の記述 (HTML)ガイド記事74位idとclassの違いと使い分け!スタイルシート(CSS)適用法
idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。
HTML・スタイルシート(CSS)の基礎ガイド記事75位「Web拍手」を設置して応援されたい!
閲覧者から応援の気持ち(=拍手)を受け取ることができる「Web拍手」というツールがあります。ほんのちょっとでも「気に入った」というサインが得られると嬉しいですよね。Web拍手を設置して応援されてみましょう。
CGI・SSI活用入門ガイド記事76位空白文字の打ち方!HTMLで使えるスペースの入れ方いろいろ
空白文字の打ち方を解説。ウェブページ内でスペースを連続表示させる方法です。HTML中で半角スペースを連続して打っても、表示される空白は1つ分だけです。しかし「 」などの文字実体参照という特殊な記述方法を使えば、複数の連続した空白も入れられます。しかも、「半角スペースより細い空白」や「半角と全角スペースの中間くらいの空白」など4種類の空白文字があります。
特殊文字・記号の記述 (HTML)ガイド記事77位絶対できる!自宅PCでCGIの実行環境を構築
CGIやSSIの動作確認のために、いちいちファイルをサーバにアップロードするのは面倒です。自宅PC上でCGIやSSIの動作確認ができれば楽ですよね。そこで、CGIやSSIの実行環境を自宅PC上に作ってみましょう!簡単です!
CGI・SSI活用入門ガイド記事78位画像と枠線の間に余白を設けられますか?
スタイルシートを使えば、画像の周囲に枠線を引くことは簡単です。では、画像と枠線との間に少し余白を設けたい場合はどうでしょうか? あなたが今思いついたソースでは、うまくいかない場合があるかも知れません。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事79位Windows上でCGI(Perl)を動かす方法
Windows上でCGIを動作させる方法をご紹介。簡単なセットアップさえ行えば、CGIの動作確認のためだけにいちいちファイルをサーバにアップロードする必要はなくなります。自宅PC上でCGIを動かしてみましょう!
CGI・SSI活用入門ガイド記事80位リボン部分だけをクリック可能にする
ウェブページの左上端や右上端に表示させた「リボン」を、クリックできるように作り替えてみましょう。透過色部分は除いて、リボンのある部分だけをクリック可能にする方法をご紹介いたします。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事