一番最初に読む◆ＣＳＳとＨＴＭＬで作るホームページ

ＨＴＭＬもＣＳＳもテキストの一種です。編集して拡張子にそれぞれ
.htm
.css
とつけます。

テキストだからといってワードやExcelで編集してはいけません。
余分な記号が自動的に書き込まれてしまい、あとからわかりにくいファイルになってしまいます。


オープンオフィスでならきれいに書けるそうですが、

単にワードパッドやメモ帳ソフトで十分です。



まずは
ＨＴＭＬ

一番上にドキュメントを決める一行
これはソフトで自動的に入るみたいです。
ただし、ホームページビルダーで自動的に入る一行はＣＳＳを使うときには書き直します。


次にタイトルやキーワードなど
ヘッダーと呼ばれる部分。

ここにスタイルはＣＳＳファイルを使うという一行が入ります。
簡単でしょ。

ヘッダーにタイトルやキーワードを入れる形式がわかりやすいので検索エンジンでヒットしやすくなるようです。この検索されやすさは奥が深い内容なのでここでは触れません。

ヘッダーにロゴや写真を表示させるのもＣＳＳの方に書きます。



そして内容コンテンツ
これはテキストをベタ打ちしておきます。
見出しレベルをｈ１からｈ６で設定できます。

これはわからなくてもホームページ作成ソフトで字の大きさを変えてやればすみます。


後半に内部リンクを並べておきます。

リンクの貼り方はソフトのボタンに頼ります。

一つリンクを作ってあとはコピペで。

参照するＨＴＭＬファイル名だけを書き直します。

このリンクを左上側に表示するのがホームページのお約束です。

初心者ならつべこべ言わずにサイドメニューで決まり！


ＣＳＳではサイドバーと呼びます。


これを左側に表示するとＣＳＳテキストファイルに書くんです。



最後にフッター。
これは
コピーライトや
利用したＣＳＳを表示させます。



次にＣＳＳファイル。


１に全体的なフォントや色


２にヘッダーのデザイン


３にコンテンツのデザイン。



４にサイドバーのデザイン。

５にフッター。



これらＣＳＳはＨＴＭＬのレイアウトや配色を決めてくれます。



以上を一組つくると、あとのページはＨＴＭＬをコピーとペーストすれば統一感のあるデザインのホームページサイトの出来上がり！