■ ホームページ作成 ■ ｜Home｜Top│Page1│Page２│---│  ２版 ホームページ作成には現在、多様なソフトウェアがあり、基本となるＨＴＭＬ言語を記述しなくても容易にページが作成できるようになりました。ここではこの言語を直接記述してページを作成しましょう。使用するソフトウェアは”メモ帳”（Windowsに標準添付）のみです。最近はワープロソフトに作成文書をＨＴＭＬ言語に変換する機能がありますネ。 （１）ＨＴＭＬ(Hyper Text Markup Language)ファイルの性格　 ●ファイル名の拡張子は〔htm 〕但し、Ｗｅｂサーバーによっては〔html〕、この場合はサーバーにファイル転送後、リネーム（拡張子を直す）する必要があります。  yokohama．htm  →  yokohama．html（こんな感じ） ●ファイル名の中にスペースは使えない。（代わりにアンダーラインを使う：スペースが必要なら専用の記述があります→&nbsp；）  shop 1．htm → shop_1．htm ●テキストはｔａｇ（タグ）で囲む。  <center>今日は良い天気ですね</center> ●リンクが作れる。  <a href="yamato．htm">大和</a>  <a href="http://www．yahoo．co．jp/">yahoo-japan</a> ●最初のページは必ず、index．htm にする事 （２）ＨＴＭＬテキストの作成手順および注意事項 ●ホームページ作成用ツール 〔メモ帳〕などのテキストエディタ ●ＷＷＷ（World Wide Web）ブラウザ "Netscape Navigator、Microsoft Internet Explorer"など ソフトウェアレベルによってはHTML言語のレベルに対応していない場合もあるので、できるだけ最新を使う。 ●ＨＴＭＬテキストの作成手順 ・全体の構成を考える 全ページ数／各ページ内のレイアウト 小冊子を作るイメージで考える。 ページ間のリンクも考慮する。 各ページの大きさも程々にする。 最初（冒頭）のページはできる限り小さめ（軽く）に作る。 ・各ページの原稿を準備 半角カナや外字は使用しない。（文字バケの原因となる） ・各ページのイメージファイル等を準備 ロゴ／ボタン／写真などをGｉｆ（ジフ）またはJｐｇ（ジェイペグ）形式で準備する。 Paint Shop Proなどの画像処理ソフトでBmp（ビーエムピー）→ＧｉｆやＪｐｇ変換ができます。 ・ＨＴＭＬテキストの編集 ホームページ作成用ツールとＷＷＷブラウザの両方を開いて編集作業を行うと便利。 （３）ファイルの構成　 ●各ファイル毎にフォルダを別けて保存する。 ・ＨＴＭＬテキストファイル   xxx．htm ・イメージファイル   xxx．gif／xxx．jpg ●クライアントとＷｅｂサーバーとのファイル構成は同じにする。 データを管理する上で大切です。 【自分のパソコン】側 【Ｗｅｂサーバー】側 aaa.htm bbb.htm gifフォルダ → xxx.gif jpgフォルダ → yyy.jpg aaa.htm bbb.htm gifフォルダ → xxx.gif jpgフォルダ → yyy.jpg