ホームページ作成
レイアウトの作成・調整 (HTML,CSS)(2ページ目)
HTMLやスタイルシート(CSS)を使ったレイアウトの作成、調整方法について解説しました。
記事一覧
スタイルシートで段組を作るメリット
ガイド記事西村 文宏p.sourcecode{background-color:#ffffcc;border:2px#ccccaasolid;padding:0.5em;font-family:monospace;clear="both";margin-bottom:0.3em;}p.samplearea{backgr...続きを読む
CSSのfloatとclearで簡単に段組レイアウトを作る方法
ガイド記事西村 文宏CSSで段組レイアウトを作る簡単な方法2段組の内側に3段組が表示される、複雑な段組レイアウトの例文章や画像を含む複数のコンテンツを横方向に並べたい場合や、メインコンテンツの横にサイドバーとしてメニューを掲載したい場合などでは、ウェブページの中に段組レイアウトを作る必要があります。段組レイアウトには、...続きを読む
CSS段組2:スタイルシートで作る段組レイアウトの例
ガイド記事西村 文宏p.sourcecode{background-color:#ffffcc;border:2px#ccccaasolid;padding:0.5em;font-family:monospace;margin-bottom:0.3em;}p.samplearea{background-color:#f...続きを読む
ウェブページ周囲の余白サイズや背景色を調整する方法
ガイド記事西村 文宏余白サイズや背景を調整する方法代表的なブラウザは、HTMLに対してCSSによる装飾が何も指定されていない標準状態でなら、ウェブページの周囲に数ピクセルの余白を加えて表示します。そのため、下図のようにウェブページの端(ブラウザのウインドウの端)とページの中身との間には若干の隙間ができます。HTMLに何...続きを読む
tableタグの使い方・表の作成方法:HTML5+CSS3版
ガイド記事西村 文宏tableタグとは?使い方や表の作成方法tableタグとは、HTMLで表組みを作るためのタグの1つです。tableタグには、開始タグ<table>と終了タグ</table>があり、そのタグに挟まれた全体をtable要素と呼びます。図ではピンク色の枠で示した範囲です。そのtable要素の内側に、行を作...続きを読む
ページを軽くしたい!(構造編)
ガイド記事西村 文宏ホームページを軽くしたい!高速なネット接続環境が普及しつつあるとはいえ、まだまだ低速回線の利用者も多いのが現状です。ホームページは、できるだけ軽い表示が望まれるでしょう。今回は、ホームページを軽くする方法について解説致します。軽く見せるホームページを軽くする方法はいくつかありますが、「何かを削る」と...続きを読む