CSSでホームページ内のレイアウトをする

トップページ＞ CSSでホームページ内のレイアウトをする

CSSでホームページ内のレイアウトをする

実際にホームページ内のレイアウトをCSSを使用して作成するにはどういった指定をすれば良いのでしょう。
まず、フォントに装飾を加えるもののなかで頻繁に使用するものとしてはcolorとfont-sizeというものなどがあります。
文字から見てのとおり、colorは文字の色、font-sizeは文字の大きさを指定する役割をします。
値に関しては、colorの場合には#000000～#ffffffのカラーコードを使用して指定するほか、blackやredといったカラーネームでの指定、rgb(0,0,0)～rgb(255,255,255)で指定することもできます。
font-sizeの場合には、px、pt、em等の単位を使用した数値での指定、%での指定、xx-small、x-small、などの文字での指定といった方法があります。

次に、文書の位置を整えたりする場合です。この場合にはmarginやpaddingなどを使用しますが、ここで重要となるのがmarginとpaddingの違いについてです。
どちらも余白を指定できるものですが、marginは、要素にボーダーをつけて囲った場合の、ボーダーの外側の余白を調節します。逆にpaddingの場合にはボーダーの内側の余白を調節します。
要素にボーダーや背景がついていない場合にはどちらで余白をつけても一見同じに見えるかもしれませんが、この違いをしっかりと理解したうえでその時の状況に応じて使い分けをできるようにしておきましょう。
また位置を設定するものとしてfloatというテキストを回り込ませるといった動きをするものなどがあります。これはボックスを左右に寄せたりする場合に使用することがあります。
この他にCSSを使用して指定するものにwidthやheightといったものがあります。これらはボックスの幅や高さを指定する場合に使用します。また、ボーダーを引く際などもborderなどを使用することでCSSから指定します。

CSSにはこれらの他にもホームページの装飾を指定をするものは多くありますが、多く非常に頻繁に使用するものなのでよく覚えておきましょう。

ホームページ制作をDreamweaverを使用して行う場合には、いちいちキーボードからすべて打ち込んで記述をしなくても、Dreamweaver内の機能を使用することで数値を指定したり項目を選択するだけでもこれらの指定をすることが可能です

ホームページ制作会社　一覧

ホームページ制作東京: ホームページ制作会社のフューチャーは、東京都の品川区でホームページ制作を格安で行っております。お打ち合わせは、東京、千葉、神奈川、埼玉まで無料でお伺い致します。
WEBディレクター: ホームページ制作会社の現役ＷＥＢディレクターがためにＷＥＢ制作、ディレクションについて語ります。
ホームページ制作会社の営業日記: ホームページ制作会社の営業人がホームページ制作の現場をリアルに伝えます。
ホームページ制作基礎知識: ホームページ制作会社の窓口である事務員がＷＥＢの基礎知識を書いています。
ＷＥＢコーダー: ホームページ制作会社に必ず必要なプロのＷＥＢコーダーが惜しげもなく、テクニックを公開しています
ＷＥＢコンサルタント: ホームページ制作の受注をとるためには、ＷＥＢコンサルタントがお客様のご要望を正確に吸い上げる必要があります。
そんな体験談でしたらこちらを参考下さい。

CSSでホームページ内のレイアウトをする