タグ02(ホームページ作成法)

　　まずは、えっとメールの一部です。　　冒頭は無しにしまして　 …メル友を増やすには、ホームページを作ってみても良いかも知れませんね。　最近はいろんなところでホームページスペースを無料レンタルしてくれますし、掲示板もチャットもカウンターも無料レンタルがあります。ここらへんでCGIを使うテクニックはいらなくなります。 (最後に無料な掲示板、チャット、カウンターを紹介しています。) 　あとは、HTML文書ですが、 IBMから出ている「ホームページビルダー」か、「ホームページNinja」などを使えば、言語をタグで書く必要もありません。　また、もしタグ打ちでHTML文書ファイルを作成すると言っても、リンクや画像貼りつけなどが主で、タグをコピー＆ペーストしてファイル名やアドレスを書きかえるだけでどんどん作って行けます。　えるなより☆ 　　　

　　　 HPは、主に内容に時間がかかるだけでして、それを除けば、ちょっとしたぺーじなら半日で出来てしまいます。未経験でも、３日あれば、ある程度の規模のモノが出来てしまうと思います。　ホームページを作るには、まず最初にとっても初歩的な本でCD-ROM付きを選びましょう。 (なお、このコーナーを読むだけでも,一応ホームページを作成できるようになります。) 本の付録のCDの中に、多分、背景などの素材やツール等も入って便利かと思います。 (ネットで素材を扱っているところも在りますので最後の方に紹介してあります) 慣れてきたら、「HTMLタグ辞典」というのが役に立ちます。　　 index.htmlというのを作れる状態になったら、あとはそれを改造して他のhtml文書ファイルを効率的に作って、他のhtml文書ファイル同士とリンクさせます。　とりあえず、仮設置でもindex.htmlというのを作ってしまえる状態になったら。あとは、ホームページスペースをもらうことです。無料レンタルは、 +無料レンタル+ +無料レンタル+ +無料レンタル+ ここに、有ります。 OJIJI.NET なんかは、お手ごろに思います。　急いで先に場所取りして様子を見たければ、場所取りを先にして例のindex.htmlを転送してみてください　えるなより☆ 　他に「忍者Tools」有名な人気のフリーレンタルスペース　＜たしか、CGIも使えたような。　 +無料レンタル+ 　

　　　ホームページの作成には、 HTML文書という言語を使うのですが、１、画像を貼りつけること２、文書を書くこと３、他のアドレス、ファイルに飛ぶこと(リンク) ４、内容の最初と最後のおまじないの文「タグ」を貼りつけることこれだけ知っていれば、ページは出来てしまいます。　では、まず、手始めに、 +タグ+ を読んでみてください。(最初の2重の仕切り線までは読み飛ばして結構です。) 　

ホームページ作成法

-------------------------------------------------------------------------------------------------------- １、は、例えば <img src="images/k2-01.gif"> でして、imagesというフォルダーの中のk2-01.gifという画像ファイルを表示せよ。という命令です。このタグは閉じなくて良いです。画像ファイルは、このようにフォルダーを作成して、その中に格納してしまった方がスッキリとしますので、大抵、「images」或いは「gazou」というフォルダーを作り、そこに画像ファイルを置きます。画像が多い場合、「images1」「images2」…、と言う風に数値を付けてフォルダーで複数に分類します。　　　２、は、普通に書けば良いのですが、色、サイズ、改行、位置があります。色とサイズは上のリンクで説明されているのでわかると思います。改行は<br>です。これも閉じるタグは必要ありません。位置は、指定しなければ左詰めになります。　 <center> 文章 </center> 　と言う風にくくれば真中寄せになります。上記した改行と位置は画像にも通用します。　また、毎回<br>を付けるのは面倒くさい場合、空白が欲しいとき　 <pre> 文章 </pre> 　でくくれば書いた通りに表示されます。まあ、これも画像にも通用します。　　　３、は、例として、同じフォルダにある場合、「相対パス」で、 <a href="e001.html">お絵描き掲示板</a> 違うドメインにある場合、「絶対パス(URL)」で、ファイルを指定します。まあ、ファイルまでのHTTPアドレス全てを書くわけですね。 <a href="http://nadeshiko.sakura.ne.jp/~kenm/e001.html">お絵描き掲示板</a> どちらも、「お絵描き掲示板」という青い文字でアンダーバーが表示された部分をクリックすると、最終的に「e001.html」というページに飛びます。この場合、ファイルがページですが、画像ファイルや、音楽ファイル、何でもファイルに飛びます。例えば、音楽ファイルなどは、そこに飛んでブラウザーに登録されてるファイル形式だと演奏をはじめます。登録されてなければ、ダウンロードするか、どのソフトで再生させるかブラウザーがたずねてきます。「images」フォルダーに入った「k2-01.gif」という画像ファイルに飛ぶ場合で例えれば、 <a href="images/k2-01.gif">☆画像☆</a> こんな感じで、４、はHTMLの規則です。 <html> <head> <title>タイトル名</title> </head> <body> <h1>表示タイトル名</h1>　←多分、必須ではありません。ページの内容 </body> </html> ということで、 <body>～</body>でくくられた中身がページの内容となります。 <head>～</head>と、その中の<title>タイトル名</title>もルールです。そして、 <html>ではじまり、</html>で終わります。このような文章をWindowsのメモ帖とか、ノートパッドなどで作成して、最後にファイル名の拡張子をTXTからhtmlに変更します。(これがいわゆるHTML文書です。) そして、そのファイルをダブルクリックすると、ブラウザーが起動して、そのHTMLページを表示します。ホームページは、そのアドレスを指定する場合、 TOPページのファイル名は必ず「index.html」にしてください。自分のホームページスペースのアドレスをブラウザーに示すと自動的にindex.htmlから読みこむようになっています。これが無いと、レンタルサーバーの場合、使用していないと識別されてページスペース自体を消されかねないです。また、サーバーに置くファイル名は、大文字と小文字を別なモノとして認識します。ですので、極力、小文字のみにした方が良いです。なぜかと言うと、無料ページスペースのファイル転送機能を使う場合、大文字ファイル名を作り転送すると、その仮定で先頭だけ大文字に書きかえられてしまったりするのです。あと<hr>という閉じる必要の無いタグがあります。「仕切り線」というものを引きます。使ってみれば解ると思います。 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ☆オプション命令☆ 先に示すオプション命令は、例えば、bodyタグのオプションですが、 <body bgcolor="#ffffff"> 内容 </body> や、 <body background="race6-p.gif"> 内容 </body> というふうにあります。上は、背景色を「ffffff(白)」にせよという命令が付け加わります。下は、背景として「race6-p.gif」という画像をタイル張りで埋め尽くせ。という命令です。 --------------------------------------------------------------------------------------------------------


多分、もう、これだけでページは作れると思います。
一つのページ(html)を作るのに、内容さえ決まれば数分の作業です。
気が付くと思いますが、コピー＆ペーストでかなり楽を出来ます。
　
あと、
ここに示したタグの多くはオプション命令を付け加えることが出来まして、
細かい指示も出来ます。
そこらへんは、CD-ROM付きの本が役に立つと思います。
　
あとは、他のページを見て同じ事をやりたくなったら、
ブラウザで、そのページのHTML文書である「ソース」を表示させ、参照します。
それをコピーして、ファイル名、アドレスなどを書き換えて、自分のHTMLの希望部分に貼りつけます。
そうするだけで手法はある程度発展して増えてしまいます。
ですので、他の人のページのソースのタグも参考になり、ちょっと改造して使うことも可能です。
　


OJIJI.NETを薦めた理由は、比較的サービスが良いことと、初心者が詰まるFTP転送ではなく、
ブラウザーを用いた転送方法をとっています。
そして、FTPにも対応させる動向がありますので、
慣れたときに大量転送が楽なFTPを使うことも出来る可能性があるからです。
　
FTPの使い方
　
----------------------------------------------------------------------------------------------------
☆おさらい☆
　
HTMLとは、
ハイパー・テキスト・マーキング・ラングエイジの略でして、
ホームページを記述する言語です。
普通、HTML文書と言います。
*****.html　(*****は、任意)
というファイルで、
Windowsにあるノートパッドやメモ帳で
先ほどのhtmlの作成のルールで書いた文を任意の名前で保存すると、
*****.txtというファイルが保存されるはずです。
これのファイル名のtxtをhtmlに変えるだけでhtml文書です。
　
まずパソコン上にフォルダーを作り、その中に、
html文書ファイルと画像フォルダーと画像ファイル
などを作成し、設置してみてください
実例
で、index.htmlをダブルクリックしてみてください。
これで、思い通りに行けば、今度はホームページスペースへ転送するだけです。
(この例の場合「ojjy」フォルダーの中身を転送します。)
　
　
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　
　
☆素材☆
その1
その2
その3＜モモちんさんのお友達のMakoさんの素材☆
　
☆無料レンタルな、掲示板、チャット、カウンター☆
その1
その2
その3
その4
その5
その6
その7

　
☆無料レンタルな、お絵描き掲示板☆
その0♪しぃちゃん系
その1しぃちゃん系
その3Pooさん系？？

　
　
　
　お絵描き掲示板などは、気に入ったらギャラリーに入れたり、TOPに貼りつけたりコンテンツが出来ます。
チャット、掲示板主体のサイトは、コミュニケーション系サイトですが、
双方とも、「ユーザー参加型」という形式です。





  ↑の貼り付け方☆
http://clamp-cc.sakura.ne.jp/miku-p.html




日記にちょっとした要素が負荷される「ブログ」を織り交ぜると良い感じになる場合も。

↓は管理ツールです。「PHP形式のBlogシステム用のようです。」


使い方など

・「WebRing」というのの作れるサイト。
http://www.webring.ne.jp/

　手ブロ＜話題らしいです★

frm

＜タグ02(ホームページ作成法)＞