初心者のためのホームページ作成の基礎
ホームページ作成の基礎
ホームページ作成の基礎知識 - HTMLとは
Webページを記述するための言語。HTMLは文書の論理構造や見栄えなどを記述するために使用される。また、文書の中に画像や音声、動画、他の文書へのハイパーリンクなどを埋め込むこともできる。HTMLで記述された文書を閲覧するには通常Webブラウザを使用する。HTML文書はテキスト文書の一種であるため、テキストエディタでHTML文書を開き、タグごとテキスト文書として読み書きすることも可能である。
サーバーとは？
サーバーとは簡単に言うと、ホームページを公開するためのスペースのことです。Webページを作成するには、HTMLファイルと画像などをサーバーという場所に転送します。そうすると、いつでも誰でもアクセスして見ることが出来るようになります。
オススメ無料レンタルサーバー
・FC2WEB
容量は1GBと大容量で、広告もホームページの一番下に１行のテキスト広告のみです。商用利用や個人での広告の設置の制限などもないので、自分の好きなホームページを作れます。ホームページ作りの勉強のためにはいいかもしれません。
オススメ有料レンタルサーバー
・ロリポップ！
レンタル料金を超低額に設定していて、なんと月額250円！（税込み263円）有料サーバーの特徴である年間を通して非常に安定したアクセスも魅力的です。10日間のお試し期間がありますので、もし満足いかなかった場合でも契約をキャンセルすることができます。私もロリポップを使っていて、不満は特にありません。アフィリエイトサイトを作るのに最適でしょう。
ホームページ作成の基礎
ホームページを作成するときには次の手順で行うのをオススメします。最初は適当に作って、自分で作っていても後からゴチャゴチャしてしまいました。次の手順だと失敗は少なくなると思います。1.サイトの構成を考える
サイトのタイトル、項目、レイアウトなど各ページの構成を考えます。
2.制作に必要な資料を集める
各ページのコンテンツとなる画像や文章を用意します。なるべく多くの情報を整理して集めるほうがいいです。
3.基本デザインの決定
テンプレートとなるレイアウトを作成します。これをもとに各ページ作成していきます。
4.ホームページの作成
トップページから順に作成していきます。全体的にある程度作成してから細かく作成していきます。
5.ホームページの公開
作成したホームページを、サーバーにアップロードします。このとき、ちゃんと見れているか確認します。
6.必要に応じて更新する
新しい情報やもっと詳しく書き直したり、必要に応じて更新していきます。
HTMLの基本構成
<HTML>
<HEAD>
<TITLE></TITLE>//ページのタイトルを入れる
</HEAD>
<BODY></BODY>//この中に書いたものが実際に表示される
</HTML>
並び方は覚えておいていいと思います。
タイトルはなくてもかまいませんが、きちんとしたホームページを作るならば、これが基本構成となるでしょう。以下に簡単なタグについて紹介しています。
TITLEタグ
TITLEタグとは、名前を見たまんまの意味でタイトルを定義するタグです。<title>から、終了タグ</title>までに記載された内容がタイトルになります。お気に入り」や「ブックマーク」に登録する際には、このタイトルがデフォルトの名前として使われます。SEOの点からもタイトルは最重要項目のため、内容を的確に表現しサイト内の位置づけも分かるようなタイトルにすることが重要です。
私のサイトでは
<TITLE>【初心者のためのホームページ作りの基礎】 - お金ゲット.com</TITLE>
と定義しています。
TITLEタグを変更すると、ブラウザの一番上が変更されます。
リンクに触れてへこませる
これをやるとリンクに触れた場合すぐわかります。スタイルシートの部分（TITLEの下あたり）に下のタグを入れてください。
<style type=text/css><!--
a:hover{position:relative;top:1pt;left:1pt;}
--></style>
これでリンクどのリンクに触れているのかが分かると思います。
ページ間の移動
これも地味に使うことがあると思います。移動先に
<A name="top"></a>
移動元に
<A href="#top">上へ</a>
topの部分には適当な文字を入れてください。
上へ の部分も適当に変えてください。
