HTMLを使ったホームページの制作〜CSSについて〜

トップページ＞ HTMLを使ったホームページの制作〜CSSについて〜

HTMLを使ったホームページの制作〜CSSについて〜

ホームページを制作するにあたって、基本的にはHTMLでの記述がメインとなります。ですが、そこに加えてさらにページの見栄えを良くするためにCSSというものを使用します。CSSはホームページを人間に例えた時の指輪やネックレスなどの装飾品に近いものとなります。HTMLだけで同じように飾るとソースが非常に長くなり、ごちゃごちゃして見にくくなってしまう上に、ページの読み込みに時間がかかってしまいます。基本的な事はHTMLで記述し、その他の装飾はなるべくCSSで行うようにしましょう。CSSとは(Cascading Style Sheers)の略で、外部にホームページ内の装飾などに関する記述を行ったスタイルシートを作成し、そのスタイルシートをHTMLソースに添付することによって、ホームページに反映させるものです。HTMLでは<table>や<blockquote>などを駆使し構成しましたが、CSSではさらに簡単により細かい設定が可能になります。CSSには３種類あり、タグに挟まれた部分に適用する方法と、ページ全体に適用する方法、リンクを使って複数ページに適用する方法があります。まず、タグにスタイルを直接書き込む事をインラインで設定するといいます。インラインで設定する場合は<タグ style=”プロパティ:値; プロパティ：値; プロパティ:値;”>テキスト</タグ>といった形で記述し、フォントの色や形、背景色やサイズ、枠の太さや種類・色なども設定でき、簡単な見出しを作る事にも効果的です。次にページ全体に適用する方法ですが、この方法はHTMLファイルのヘッダーとフッダーの間に書き込む形になります。こうする事でファイル内の同じタグには全て同じスタイルが適用されることになります。タグなど頻繁に小見出しに使うものの設定等に向いており、ページに統一感を持たせる事が出来ます。最後にリンクを使って複数ページに適用する方法ですが、これはスタイルを適用したいHTMLファイルとは別にCSSファイルを作成し、そのシートに複数のページからリンクを貼る形となります。CSSファイルは.cssで保存する事でブラウザがCSSファイルとして認識します。CSSファイルができたら適用したいHTMLファイルからリンクを貼り、リンクには<link>タグを使用します。外部CSSが違うフォルダやディレクトリにある場合はHTMLと同様に<href=”フォルダ名/ファイル名”>で設定しましょう。この方法は同じレイアウトやデザインのページを複数作成する際に使用される事があります。

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

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

HTMLを使ったホームページの制作〜CSSについて〜の説明です。