ＨＰ作成講座

アミュの簡単ＨＰ作成講座

*１番初めにすること
*メールソフトの設定の仕方
*ホームページ作成ソフトの紹介
*ｈｔｍｌファイルを書く時の注意点
*ｈｔｍｌ文書のタグについて

*ブラウザでのファイル転送について
*ＦＴＰソフトの紹介
*パーミッションの設定について
*ＣＧＩについて

いよいよホームページを作りたいんだけど
ｈｔｍｌ文書なんて全然分からないし・・・どんなソフトを使って作ればいいの？

初心者でも簡単にＨＰが作れるソフトを紹介しましょう。

まずはインプレス社から出版されている「作ろう！魅せるホームページマガジン」
という雑誌はご存じかな？

この雑誌が１冊あればＨＰが作れてしまうほど内容充実の雑誌です。
必ず付いているCD-RにはＨＰ作成ソフト、ＨＰ素材集、新製品のお試し版など
がぎっしり詰まっています。
この中に入っている「FixUp-HomePage」は初心者でも使いやすく、簡単にＨＰが
作れます。これはお試し版ではないので、ずっと使うことができます。(^^)v

　また、雑誌を持っていない人はぜひ、お試し版を
　ダウンロードして使ってみてはいかがかな？
　←ＧＯＧＯ！

次に紹介するのはＩＢＭの「ホームページビルダー２００１」。
こちらは使い方を覚えるのにちょっと苦戦しますが、覚えてしまえばとても簡単に
そして、最新技術を使ったＨＰ作成ができます。
このソフトにはオリジナルロゴやボタンなどが作れるウェーブアートデザイナーや
アニメが作れるウェーブアニメなども付いてなかなかｇｏｏｄ！
　お試し版は３０日間使えますのでぜひダウンロードして、

　その使い心地を試してみてください。
　←ＧＯＧＯ！
また上記で紹介した「作ろう！魅せるホームページマガジン」にも
お試し版が収録されています。こちらのお試し期間はなんと６０日間！
じっくり使ってみることができますね。

この他にもいろいろなＨＰ作成ソフトがありますので、自分が一番使いやすいソフトを
見つけてくださいね。

ｈｔｍｌファイルを書く時に注意することは？

基本的な注意点を５つほど挙げてみましょう。

１．ファィル名には拡張子を付けよう！
　ブラウザ（IEやNetscapeなど）が自動的にどんなファイルかを認識するために
　ファイルに拡張子（「*.html」「*.cgi」「*.gif」など）を付ける必要があります。
　ＨＰを公開するために作成したファイルには必ず拡張子を付けましょう！

２．タグは半角英文字で書こう！
　ＨＰ作成ソフトを使ってＨＰを作成すると、あまり自分ではタグを書くことは
　ありませんが、全角の英文字を使ってしまうとタグとして認識されないので
　気をつけましょう。

３．半角カタカナ文字は使わないこと！
　インターネットの世界では半角カタカナ文字は使わないようにしましょう。
　うっかり使ってしまうと文字化けなどが起きる場合があります。
　特に顔文字には半角カタカナが多く使われているので気を付けましょう。

４．ファイル名やディレクトリ名は半角英文字で書こう！
　ブラウザでは日本語も表示できますが、ＵＲＬの指定には文字化けを
　起こしてしまうことがあります。また、IE5などでは表示されないので
　気をつけましょう。

５．ブラウザの種類はたくさんある！
　代表的なブラウザにIEやNetscapeなどがありますが、他にもブラウザは
　いろいろあります。ＨＰを作成する時は、つい自分の使っているブラウザだけで
　確認を行い、問題なければアップしてしまいますが、IEでは問題なくても
　Netscapeでは表示されなかったり、字が小さくなってしまったり・・ということが
　あります。できるだけ複数のブラウザで確認する方がいいですよ。
　パソコンの容量などの問題で、どうしてもひとつだけでしか確認できない時は
　ＨＰの中に「このＨＰはNetscapeで動作確認を行っています」「このＨＰはＩＥ4.0
　以上でご覧になることをお勧めします」などのコメントを入れておくといいですね。

html文書のタグについて少しだけ教えて！

それでは少しだけお教えしましょう。
下の文書を果たしてどんな風に表示されるでしょう？ここをクリックしてみて

<HTML>
<HEAD>
<TITLE>わたしのホームページ</TITLE>　←このページのタイトル
</HEAD>
<BODY bgcolor="#cae4ff" text="#000000">　←このページの背景色とテキストの色を指定
　←真ん中に表示させる
　←フォントのサイズ、色を指定
いらっしゃいませ♪　←太文字にする
 
<IMG src="girl.gif" width="123" height="194" border="0"> 　←イメージ挿入
わたしのホームページへようこそ！
</BODY>
</HTML>

このようにタグによっていろいろな指定がされていることが分かりますね。
他にもいろいろあるので、ソースを見ながらＨＰ作成をしてみると楽しいですよ。

参考に色見本を載せたので、背景色やテキストの色の組み合わせを
楽しんでみてください。色見本　←クリッククリック！