[PR]当たる！無料占いで仕事鑑定:大人気！無料占い『ｽﾋﾟﾘﾁｭｱﾙの館』
○はじめに
これはチャイナが実際に実行し作った方法を紹介します。
しかもチョー簡単に説明します。
コンセプトは『０円でＨＰを作ろう！』です。
ＨＰ作成ソフトを使えばとってもいい物ができます。（たぶん）
そこら辺をお忘れなく。
もし間違っている所、分かりにくい所、質問等があったらメールお願いします。
これはWindowsでの作成方法です。それ以外のOSでは作れないと思うので、そこら辺ご理解下さい。
○１ ＨＰの仕組み
基本的にＨＰとはＨＴＭＬを使って作られています。
「ＨＴＭＬって何？」なんて深く考えないで下さい。
日本人が日本語を使うように、ＨＰはＨＴＭＬを使うんです。
○２ ＨＰ作成の手順
１．文章を用意します。（ＨＰで公開したいこと）
２．画像を用意します。
デジタルカメラ等で写した画像をJPEG形式画像ファイルまたはGIF形式画像ファイルとして保存します。
（既に流布しているJPEG形式画像ファイルまたはGIF形式画像ファイルを活用する方法もありますが、
この場合、画像の著作権、肖像権に注意して下さい）
３．メモ帳を使用して、ＨＴＭＬを作成します。
４．自分のパソコンのブラウザ（Internet Explorer）を開き、表示確認をします。
５．インターネットサーピスプロバイダのWWWサーバ（意味が分からなくてもＯＫ）ヘHTML関連ファイルを転送します。
６．WWWサーバヘアップロード（転送）した内容を自分のパソコンのブラウザで確認をします。
○３ 実際に作ってみよう
その前にやっておくこと
cドライブに「Ｈp」というフォルダを作っておこう。
（１）メモ帳をダブルクリックします。
（２）下図左のようにタグと文書を入力します。(大文字でも小文字どっちでもいい）
（３）ファイル名をtest.htmlとして、c：\Hp フォルダに保存します。
（４）Intemet Explorerをダブルクリックします。
（５）[ファイル]一[開く]を選んで、c：\Hp\test.htmlを入力。
下図右の様に表示されます。
<HTML> （ＨＴＭＬ文章始まります を意味する。）
<HEAD>
<TITLE>歌のジャンル</TITLE> （タイトルをここにいれます。上の青い部分にここの内容が表示されます。）
</HEAD>
<BODY> （ここから本文を打つ）
ロック<br>
<br> （改行する）
<br>←こういうのをタグって言います。
POP<BR>
</BODY> （本文終わりのタグ）
</HTML> （ＨＴＭＬ文章終わります を意味する。）
・ぺ一ジ全体の背景色を紫色に設定してみる
（１）Internet Explorerでc：\Hp\test.htmlを開いた状態から、[表示]一[ソース]を選ぶ。
（２）メモ帳（notepad）が起動して、HTML文書を再編集出来ます。
（３）んで、下の文章を打って、上書き保存し、更新ボタンをクリック。
<HTML>
<HEAD>
<TITLE>歌のジャンル</TITLE>
</HEAD>
<BODY BGCOLOR="#ffff00"> （『"#ffff00"』の中は"yellow"でもＯＫ）
ロック<br>
<br>
<br>
POP<BR>
</BODY>
</HTML>
・リンクを張ってみよう！
ホームページの最も大きな特長は、特定の文字列や画像をクリックすると他のページにジャンプすることができる、「リンク」の機能にあります。
リンクは同一ページの中の特定の場所や、他のぺ一ジ、他のホームページなど自由自在に張ることができます。
リンクの方法
<A HREF="リンク先ＵＲＬ">表示させたい文字</A>
（１）Internet Explorerでc：\Hp\test.htmlを開いた状態から[表示]一[ソース]を選ぶ。
（２）メモ帳（notepad）が起動して、HTML文書を再編集出来ます。
（３）下図左のようにタグと文書を挿入します。
（４）入力が終わったら[ファイル]一[上書き保存]。
（５）Internet Expiorerの[更新]ボタンをクリック。
（６）音楽の話をクリック。
あらかじめリンク先のjump.htmlのページを作成しておくと、クリックするとそのページにジャンプする。
<HTML>
<HEAD>
<TITLE>歌のジャンル</TITLE>
</HEAD>
<BODY BGCOLOR="#ffff00">
ロック<br>
<br>
<br>
POP<BR>
<A HREF="jump.html">音楽の話</A>
</BODY>
</HTML>
・画像を載せてみよう！
表示できる画像はブラウザによって変わりますが、GIF形式画像ファイルあるいはJPEG形式画像ファイルを使えば確実に表示できます。
画像を用意しておきましょう。
<IMG SRC="画像のファイル名''>
またいつもの手順を踏んで、書き込んで更新してみよう！
<HTML>
<HEAD>
<TITLE>歌のジャンル</TITLE>
</HEAD>
<BODY BGCOLOR="#ffff00">
<IMG SRC="title.gif">
<br>
ロック<br>
<br>
<br>
POP<BR>
<A HREF="jump.html">音楽の話</A>
</BODY>
</HTML>
次のことに注意しよう！
・画像は必ず"test.html"と同じフォルダに保存しよう。
そうでないと画像が表示されません。
・それでも表示されなかったら<IMG SRC="title.gif">青文字のところを".GIF"に変えてみよう！
".JPG"や".gif"は大文字、小文字が正しく合ってないと画像が表示されません。
とまあ、基本的な流れはこんなもんです。
結構簡単でしょ？
あとは図書館でＨＴＭＬタグの本を借りたりして、オリジナリティーがでるＨＰができるよう頑張って下さい。
Webでも検索すれば出てきます。そちらでも十分イケます。
と僕がいつもお世話になっているタグのＨＰのリンクを下に張っておきます
良かったら行ってみて下さい。とても分かりやすいですよ。
すぐに使えるタグ一覧
これでＨＴＭＬは終わりです。
あとはできたＨＴＭＬ文章をソフトを使って契約会社に転送するだけです。
もうすぐで完成ですよ。
さあ、頑張って次に行ってみよう！！
Topへ 次へ