ホームページ作成に関する情報を紹介しています。もし良かったら覗いていってください!

ホームページの構造

ホームページの基本構造

ホームページの基本構造は、意外に単純で下記のような構造となっています。

ホームページのタグの紹介

<html>
<head>
<title>ホームページの構造</title>
</head>
<body>ホームページの基本構造はこうなっています。</body>
</html>

1.<html>〜</html>
<html>〜</html>で囲まれている部分が、HTML(Hyper-Text Markup Language)言語で作成された HTML文書であることを指定しているので、指定していることにより、使っているブラウザが情報をHTMLファイルとして認識してくれます。
2.<head>〜</head>
<head>〜</head>の部分は、ヘッダといいます。主にページのタイトルや、要約、キーワード等のページ内の基本的な情報を記述する内容を入れていきます。
タイトルだけがブラウザの左上のタイトルバーに表記される以外は、ページ内に情報は表示されない部分で、検索エンジン向けの情報であったり、ブラウザ側で正常に認識させるための情報部分です。
3.<title>〜</title>
<title>〜</title>は、ページのタイトル部分です。本で言えば「題名」にあたる部分です。
ブラウザの左上のタイトルバーに表記されるだけでなく、お気に入りに登録するときにはこの部分が表示されます。また、検索エンジンが検索結果を表示するときの判定に、最も重要視する情報部分です。この部分には、自分のホームページで紹介したいきーわーどを入れていきましょう。
4.<body>〜</body>
<body>〜</body>の部分は、実際にブラウザ上のページに表示される内容の部分になります。

基本的にはこれがホームページの基本構造です。普段みるホームページはこんな簡単な構造で表示されているのです。どんなに見栄えがいいホームページであっても基本的な構造はなにも変わりません。

ホームページ制作に必要な環境と準備

ホームページ制作の際に必要な環境や前準備などについて説明をしています。

・パソコン

これが無ければ作ることも見ることも出来ませんよね。最近のパソコンの性能なら全然問題なしです。

・インターネット接続環境とサイトスペース

絶対に必要というわけではないのですが、自分で制作したものをすぐに確認できなかったり、アップロードすることがするので、ないと色々と不便です。更新とかするときなどにも必要になってきますので重要です。
インターネット接続環境のない方は、パソコンでWEBサイトを作成後、データを持って、知り合いやインターネットカフェなど接続環境がある場所でアップロードする事もできますが、面倒なのでネットを繋いじゃったほうがいいでしょう。
サイトを置くスペースはプロバイダから提供される場合が多いですが、もし提供が無い場合は無料ホームページスペースを提供しているサービスもあるので、それらを利用してもよいでしょう。より高機能な仕様を望む場合はレンタルサーバなどを利用します。

・サイトを作成するエディタ

普通のエディタ(例えばWindowsのメモ帳)でも作成することは可能ですが、そのやり方で制作する事はかなりの専門知識が必要となってきますので、ホームページ制作ソフトなど使うととても便利です。
ここでは「IBM」の「ホームページビルダー」を使って作成していきます。
この3つの環境さえあればホームページ制作を進めていくことができます。

ホームページビルダーの環境準備

・体験版をインストールする

「ホームページビルダー」 は日本IBM社のホームページ制作ソフトです。
まずは 「IBM」のサイトから「ホームページビルダー」の最新版の無料体験版をダウンロードしてみましょう。
日本IBMのサイトで、「ダウンロード」→「ホームページビルダー体験版」のページから利用規約を読んだ後、ダウンロードしましょう。
ダウンロードが完了したら、体験版のインストールを行いましょう。ダウンロードしたファイルをダブルクリックし、実行しましょう。インストールはほぼ自動で行われるので、あとは指示に従いインストールします。
これで準備完了ですが、体験版の為、試用期間の制限と機能の制限があります。

ホームページビルダーを体験版から乗り換える

ホームページビルダーを、体験版の期間が終わって製品を購入する時は、「通常版」 と 「バージョンアップ版」がありますので注意が必要です。「バージョンアップ版」 は以前のホームページビルダーのバージョンを持っている方のみ利用できるものですので、初めて購入する方は「通常版」を選択して下さい。

pickup

葛飾区 新築一戸建て

Last update:2017/9/6