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

SSI(Server Side Includes)という仕組みを使うと、ウェブサーバ側でHTMLソース内に別ファイルの中身を合成(挿入)できます。ウェブサイト内には、ヘッダ部分・サイドバー部分・フッタ部分など全ページ共通のパーツが存在することが多いでしょう。そのような共通部分を別ファイルに独立させておき、SSIで動的に合成すれば、共通部分の管理や更新作業が楽になります。

HTML＋CSSで「1行全体」をクリック可能なリンクにしたり、テーブルの枠線内で「1つのセル全体」を余白も含めてクリック可能なリンクにしたりする方法を解説。HTMLのa要素で作るリンクを、CSSでブロック化した上で空白量を調整する簡単な記述で作れます。文字(リンクテキスト)だけでなく余白も含めた広い範囲をクリック可能にする、押しやすいリンクの作り方をご紹介。

白地に黒では、輝度差が大きくて目が疲れてしまいます。読み物ページなどでは、閲覧者の目が疲れないようにしたいですね。背景色・文字色を、閲覧者が自由に変更できるようにしてみましょう。

CSSのinline-blockを使うと、自動改行での折り返し位置が中途半端になってしまう表示を避けやすくなります。日本語の文章は多少の禁則を除けばどこでも改行できるため、改行位置が「単語の途中」や「残り1文字の直前」のように中途半端になりがちです。画面幅が足りない場合にだけ、自然な位置で自動改行されるようinline-blockを指定するCSSの書き方を解説。

スタイルシート活用テクニックを見るたびに、「そのスタイルシートは、一体どのようにしてHTMLに組み込めば良いのか？」と感じている方々の疑問を解消致します。スタイルシート記述準備講座。

ページの背景やセルの背景がアニメーション可能だということをご存じでしたか？今回は、背景をアニメーションさせる方法をご紹介致します。実現方法はとっても簡単です。ぜひ、お試し下さい。

スタイルシートを活用した「見出し」としてよく使われるデザインの作成方法を例にして、スタイルシートで可能な枠作りを極めてみましょう。HTMLではできない細かな指定が簡単に実現できます。

マウスを乗せるだけでサブメニューが展開されるドロップダウンメニューを作ってみましょう。まずは第1のステップとして、文字や画像の表示・非表示をマウスの動作に合わせて切り替える方法をご紹介致します。

文字サイズの指定方法に満足していますか？「smallより大きくmediumより小さくしたい」と思った場合、どうしますか？ スタイルシートには、文字サイズを細かく微調整する指定方法もあるのです。

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