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

ブログなどを使えばRSSは自動的に生成してくれますが自力でHTMLを記述したページのRSSは作成してくれません。そこでHTMLから自動的に情報を抽出してRSSフィードを作成できるソフトを使いましょう。

表を構成するセルの枠線だけが立体的に見えるのではなく、表のセル1つ1つそのものが立体的に見える表を作ってみましょう。なかなか見栄えのよい表ができあがります。

リンク文字の直後に、リンク先のファイル種類を示したアイコンを付加してみましょう。毎回画像ファイルを指定しなくても、スタイルシートを使えば楽にアイコンを付加できます。

CSSで左寄せ・中央寄せ・右寄せする方法を解説。同一行内に左寄せと右寄せを共存させたり、左寄せ・中央寄せ・右寄せ全部を同じ行に共存させることもできます。複数の文字寄せの共存もfloatプロパティを使うなど少しの工夫で実現できます。1行の文字寄せ方向の指定ならtext-alignプロパティを使うだけ。

スタイルシートでのデザインとHTMLでのデザインを混ぜて使っていると、気づかないところで「隠し文字」を作ってしまっている可能性があります。普段、背景色と文字色の指定はどうしていますか？確認してみましょう。

画像ファイルなどへの直リンク(外部サイトからの直接参照)や、特定ページへのディープリンクを防ぎたい場合に、「禁止します」と宣言しても意味がありません。どうしてもリンクを阻止したい場合は、技術的にアクセス制限を施すしかありません。リンクを技術的に防ぐ(リンクされてもForbiddenエラーを表示する)方法をご紹介。

長文を読みやすくするには行間を広めに設定する方が望ましいでしょう。その行間（行の高さ）の指定を、単位付きの数値で記述していませんか？ 単位を付けて指定すると、上下の行と重なってしまうことがあります。

ニュースサイトなどでたまに見かける箱形のページ移動リンクを作ってみましょう。ただ数字を並べるよりも幅が広くて見やすく、クリックしやすいメリットがあります。画像ではなく文字なので、サイズ変更も可能です。

複数のCSS(スタイルシート)ファイルを用意しておき、閲覧者がプルダウンメニューを使って自由にスタイルを切り替えられる機能を作ってみましょう。読み込むCSSファイルそのものを変更できるので、装飾やレイアウトを大きく変えられます。好みのデザインを選択できるようにしたり、様々な配色で表示がどう変わるかを確認できるようにしたい場面などで便利です。

画像リンクの上にマウスを載せたときに、リンク画像が別の画像に変化するようなリンクを作ってみましょう。今回は、JavaScriptなどのスクリプトを使わずに、スタイルシートを使って実現する方法をご紹介致します。