 |
ソフト選び〜作業手順 |
サイト名や、おおまかな内容が決まったら、ホームページ作成
ソフトを手に入れましょう。
ホームページを作成するには、ソフトを使って作る方法と、タグ
を打ちながら（HTMLを入力）作る方法の二通りがあります。
基本的にはソフトを使った方が短時間で作成でき、とても楽な
のでソフトを使って作成することをオススメします。
とりあえず無料で簡単にホームページを作成したいという場合
はFrontPageExpressを利用してみてはどうでしょうか。
このソフトを使えば、HTMLなどの専門知識が無くても簡単に
ホームページを作ることができます。
有料のホームページ作成ソフトなら以下のソフトがオススメで
す。機能・使いやすさの面では様々なものがありますので、自
分に合った好きなものを選んで下さい。
≫ FrontPage 2003
≫ Freeway Express
≫ Web Design Works8
≫ イーフロンティア
≫ Web Design Works 8
≫ ID for WebLiFE
≫ GoLive（ゴーライブ）CS2
などがあります。
そのソフトで有名で評判がよいといったら、やはり「ホームペー
ジビルダー」です。このソフトを使えばボタンやロゴなども作成
できますしＨＴＭＬの編集もできますから何かと使えます。
ちなみにホームページ作成ソフトは、他にも高機能なソフトと
かフリー（無料）ソフトなどもあるようですが、あなたが初心者
ならホームページビルダーが断然オススメです。
≫ ホームページ・ビルダー10
その他の技術的な作業は、こちらのページを参考にしてみて
下さい。ホームページ作成をする上でとても参考になるサイト
を紹介しております。
≪メモ帳でホームページを作成する場合≫
基本的な作成方法は以下のような感じです。
<html>
<head>
<title>タイトルを入れます</title>
</head>
<body>
ここにホームページの内容を入れます（本文）
</body>
</html>
|
<html>〜</html>
この文書がhtmlの基本となります。このタグを入れないとプラウ
ザに認識してもらえません。 必ずHTML文書の最初に<html>
最後は</html>タグで終わります。
つまり、全てのhtmlのドキュメントは、<html>タグで囲まれてい
なければいけないということです。
<head>〜</head>
このhtml文書の基本情報を入れる場所です。
この<head>〜</head>の間にページのタイトルを入れたり検
索エンジン用の情報を入れたりします。こちらをご覧下さい
ヘッダ内には、決してドキュメントの本文は書きません。
<title>〜</title>
その名の通りページのタイトルを入れる場所です。
このタグによって記述された内容は多くの場合ブラウザのウイ
ンドウのタイトルバー（一番上の青い部分）に表示され、とても
重要です。ただし、同じキーワードを複数連続したり、ホームペ
ージの内容に合わないキーワードを上位表示させるためだけ
に入れるのはスパム行為とみなされる場合もありますので要
注意です。
<body>〜</body>
この場所に、ご覧になっているようなページの情報（本文）を
入れる訳です。htmlドキュメントのその他の要素すべて（テキ
スト、画像、リンクなど）は<BODY>タグに囲まれます。
≪作成手順≫
まず、メモ帳を起動して上の四角の中のをコピーして、「名前を
付けて保存」します。
ただし、そのまま保存すると拡張子が.txtになるので、必ず拡
張子を .html （ドット エイチティーエムエル）にして保存して下さ
い。例えば、名前を付けて保存でファイル名を test.html として
保存します。普通に保存して、名前の変更で .txt → .htmlと変
えればOKです。
保存したら、エクスプローラーでこのファイル test.htmをダブル
クリックしてみましょう。
ブラウザ（インターネットエクスプローラやネットスケープなどの
インターネットを閲覧するソフト）が起動します。そこに、白い背
景で「ここにホームページの内容を入れます（本文）」とか書い
たページが現れます。そしてタイトルバー（最上部の青い部分）
にタイトルを入れますとなっていますよね
これが、ホームページです。
上の四角の中は、基本になる文字だけのページです。
これではワープロ文章とほとんど変わりません。
でも、ちゃんとブラウザ表示できるhtmlファイルなのです。
これは、ホームページを書く上での基礎となります。
そして、<body>〜</body>の間の赤い字の部分（本文）を変え
たり、画像を入れたり、リンクを張ったりして、見栄えのするホ
ームページにしていくわけです。
本格的にHTMLを自分で入力して作ってみたい方、基礎を学
びたい方には↓がオススメです。参考にしてみて下さい。
≫1時間で作るホームページ [ WEBデザインの素 ]
その他、ホームページの作成において、参考になる書籍を紹
介しています。≫こちら
≪タグ打ちの練習なら≫
≫ＨＴＭＬ簡易コード自動生成
≫タグの練習部屋
|
