ホームページを作成する為にホームページのデータを作成する必要があります。それは、htmlのファイルや画像ファイルです。その中でも、htmlファイルの中身がわかるとホームページを自由に表現できるわけですがhtml言語でファイルを作成するためその言語を理解することが中々難しいです。しかしホームページの各ページの構成はある程度決まっていて、それの構成要素に対し色々のバリエーションを持ったテンプレートを用意しその構成要素にそのテンプレートをあてはめれば、かなり自由にホームページを作成できることにもなります。
さて、今回まず理解したことはホームページを表現するページのhtmlファイルの構成が以下の内容であるということです。
ヘッダー部分＋本文の部分
ヘッダー部分は<header>と</header>というタグ(htmlファイルを作る為の文法で要素を示します)に囲まれています。ヘッダー部分の中身は、基本的わからなくても良い部分が多いのですがアクセスを取るためには知らなければいけないこともあります。また、本文の部分は<body>と< /body >というタグに囲まれています。本文がホームページのページの中身を表現する場所になります。この本文の部分をどのように表現するかということが重要なポイントになります。
表現方法のポイントは、基本的にテーブルを使うということです。そうすることで、ページの中身を、わかりやすく表現できるということがわかりました。本文をテーブルに分割し、その中にどのような情報を埋め込むかを考えていきます。
例えば以下のようなホームページ(無料ホームページ制作講座 から転用)を作りたいとします。
次のようにページを分割して、テーブルとしてまず捉えます。そしてテーブルの各要素に情報を埋め込んでいきます。少し見にくいですが、上の例だ次のようにテーブルを分けます。
インデックスバー |
||
サイドバー |
写真 |
|
“新着情報”の文字 |
||
説明文章 |
||
“ホームページを作れるようになるメリット”の文字 |
||
写真 |
説明文章 |
|
htmlファイルのなかでテーブルを表現するには<table>と</table>に囲まれたタグで表現します。このタグの利用方法は容易で色々のテーブルの形を自由に表現できます。ただし外枠の表から中の表へと階層構造的に表現しなければいけないので記述する場所を間違えるとページがおかしくなるので注意が必要です。また、テーブルの各要素を表現したい内容で記述するのですがあらかじめ作られたテンプレートを使用すると間違いなく効率的にホームページを作成していくことが出来ます 。