みんなを幸せにする企画・企画書を作りましょう！

< 新しい記事

新着記事一覧(全1503件)

過去の記事 >

2006.09.27

自著『世界一わかりやすいWebマーケティングの本』未使用原稿３－「ＨＴＭＬ・CSS」

(2)

カテゴリ：自著

『世界一わかりやすいWebマーケティングの本』で、

Webマーケティング視点から見た重要性の順序から、
使用しなかった原稿を紹介しています。

本書の目次については、以下をご覧ください。
http://relation-m.com/modules/wordpress/index.php?p=472

■サイト作りの基本「ＨＴＭＬ・CSS」

ＨＴＭＬはブラウザでＷｅｂページを見るためのもっとも基本的な言語
CSSは、サイト全体の見え方を整える言語

　要は、このＨＴＭＬを使うことで、Ｗｅｂページの構成やその内容を表示できるのです。

▼▼▼CSSは、サイト全体の見え方を整える言語

　ＨＴＭＬでは、Ｗｅｂページのある程度の見え方を記述することができます。例えば、フォントを大きくしたり、色を付けたり、また表を作成したりすることです。ただ、細かい見せ方をするのが苦手です。
　最近では、ＨＴＭＬはページの構成だけを記述して、見え方については、CSS（Cascading Style Sheets）、通称「スタイルシート」で記述するというやり方が一般的です。
　CSSでは、より細かい設定ができ、きれいな見せ方ができるようになります。例えば、行間隔、文字間隔、表のなかのスペースを細かく設定することができるようになります。
　そして、全Ｗｅｂページを一つのCSSファイルで記述することで、文字や行間などを修正する場合、CSS1ファイルの記述を修正するだけで済むという利点もあるのです。つまり、細かく、全サイトにわたって、共通した見せ方ができるようになるのがCSSです。

▼▼▼覚えるのはむずかしいのか？

　ＨＴＭＬにしろ、CSSにしろ、それほどむずかしい言語ではありません。英語表記に似ているので、英語などは絶対ダメという人でなく、覚えてみようという意志があれば、覚えられるでしょう。ＨＴＭＬを覚えると、Ｗｅｂページというのはどういうしくみなのかが理解できるので、Ｗｅｂではどんなことができるのかを直感的に理解できるようになる、というメリットもあります。
　ＨＴＭＬやCSSは、サイトの仕事を請け負う人、プロデュースする人や進行管理する人に関わらず、基本的なところは覚えておきたいところです。Ｗｅｂサイトの作成業者に頼むのであれば、以上の知識で十分でしょう。
　自分で個人的にＷｅｂビジネスを行うのであれば、細かい部分を自分で直すことができるので、覚えておくと役に立ちます。

▼▼▼簡単な事例－－br、font

・ＨＴＭＬの場合

<html>
<head>
<title>タイトルです</title>
ヘッダー情報です

</head>
<body>
本文を入れます
</body>
</html>

　これが基本構成です。全体を<html>と</html>で囲み、<head>と</head>のなかにページの基本情報を入れ、<body>と</body>のなかに本文を入れます。
　あと、一つだけ基本的な記述の仕方を説明しておきます。
　<b>太い</b>　→　ＨＴＭＬの基本は、最初の<　>を開始タグ、</　>を終了タグといい、終了タグには、/を入れるように、指示したい言葉を開始タグと終了タグで囲むことが多くなります。<b>は</b>で囲まれている文字を太字にしろという指示で、「太い」という文字が太字になります。
　そして、テキストエディターなどで保存するときに、htmlかhtmの拡張子を付けます。
・CSSの場合
　H1{color:#ff0000;}　→ＨＴＭＬのなかで、見出し部分を<H1>見出し</H1>で記述するのですが、その見出しの色を「ff0000」（赤）にしなさいという記述です。{　} 内が指示の内容で、color:#ff0000が、色が赤ということです。

▼▼▼ＨＴＭＬの次の規格がＸＨＴＭＬ

　ＨＴＭＬの次のマークアップ言語として活用されはじめているのが、ＸＭＬという規格化された言語を使用した「ＸＨＴＭＬ」です。
　「ＸＨＴＭＬ」は厳密に記述することにより、ページ自体をフォーマット化されたデータとしてとらえます。そのため、ブラウザにより見え方がちがうという互換性問題をほとんど解消してくれます。また、検索しやすい、編集しやすいなどの機能面で拡張性の高いマークアップ言語になっています。

■ネット上でのご購入
以下のサイトからご購入いただけます。

・楽天ブックス