初心者用説明コーナー

トップページ	利用規約	掲示板	ランキング	初心者説明	質問集	リンクする	相互リンク
タグの説明	テーブルタグ	スタイルシート	色の見本	素材屋リンク	作成リンク	WEBスペース	レンタルリンク

初心者用説明コーナー

全くの初心者の方用のコーナーです。よく聞かれることや、簡単な知識などを紹介しております。もし何か分からないことがありましたら掲示板で聞いてください。

ここって何のサイト？

全てのホームページは文字で構成されています。
ここはそのホームページを作るために必要な文字（タグ）を
使いやすい用に作成して配布しているサイトです。
簡単に言うとホームページの部分的なレイアウト、飾り、
デザイン的な物を配布しております。

タグ（TAG）って何？

タグとは簡単に言うとホームページを作っている文字です。
ホームページはいろんなタグが集まってできています。
<b>←この< >で囲まれた文字がタグの始まりです。
タグのほとんどはタグを閉じなければなりません。
</b>←このように『 / 』を付け加えタグを終わらせます。
■ 例：<b>あああああ</b>
< >の中に書かれた b は文字を太くする効果があります。
　通常：あああああ　→　結果：あああああ ■ 例：<i>あああああ</i>
< >の中に書かれた i は文字を斜めにする効果があります。
　通常：あああああ　→　結果：あああああ ■ 例：<u>あああああ</u>
< >の中に書かれた u は文字の下に線がつきます。
　通常：あああああ　→　結果：あああああ

どうやってここの素材使うの？

ここにある素材のサンプルの横に文字があります。
その文字をコピーしてあなたの作っているサイトに貼り付ければOKです。
貼り付け場所は、どんな風にホームページを作っているかによります。
■ ソフトを使ってホームページを作ってる方は
　　編集画面の所にここの素材をコピーし貼り付けてください。
　　次の項目の「貼り付ける場所」も参考にしてください。 ■ ホームページを作るのがよくわからない人や、
　　全くの初心者などであれば最初から形が出来上がってる
　　ホームページを無料で使えるサービスを試してください。
　　ここのサイトにあるタグ素材をコピーして編集画面の
　　文章が書ける場所に貼り付ければOKです。
　　　ここをクリックすると紹介してる場所に飛びます

改造してもいいですか？

はい、全然問題ありません。
好きな大きさや、長さ、種類、色に変更してみてください。
変更の仕方は「タグの説明」や「スタイルシート」などを参考にしてください。
ここの素材屋のように配布（くばる行為）は禁止です。

配布してはいけないって？

配布するとは、ここのサイトの用にここの素材をくばる行為です。
自分で作ったのなら問題はありませんが、
ここの素材をそのまま配布されると
営業妨害みたいになるので止めてください。

相互リンクって何？

相互リンクとは、他のサイトにリンクをしてもらって、
自分のサイトでもリンクするということです。
つまり、お互いがリンクを貼る行為です。
訪問数を増やす手段として活用してください。
他のサイトに「リンク募集」と書かれていれば
大体相互リンクを歓迎してくれると思います。

※ このサイトの用に登録リンクに登録してくださいという場合もあります。
リンクの希望がたくさんあると手に負えないので、相互リンクして
くださる方は少々めんどくさいですがご登録よろしくお願いします。

リンクしてもいいですか？

ありがとうございます(*'▽')　リンク歓迎です！！
もしよければ、相互登録リンクに登録してください。
（※ このサイトにリンクを貼ってくれる方限定です）
リンク方法ははテキストと画像バナーとタグバナーがあります。
リンクバナーコーナーにあるので行ってみてください。
テキストとタグバナーはテキスト部分をコピーして
貼りつけるだけでリンク可能です。

貼り付ける場所

下のような文字ばかりなのが作成画面です。↓
(ソフトを使ってる人の場合です)

　サンプル

<html>
<head>
<title>ここにタイトル</title>
</head>
<body>
ここから文章が表示されます
例えばここにコピーしたのを貼り付ける
</body>
</html>

こんな風に作ってない人でも編集画面があると思うので、編集画面で
文字が書ける所にここのタグを貼り付けると使えると思います。

上のサンプルを見て<body>というタグから下はホームページに表示
されますので、そこから下のどこかに貼り付けましょう。
<body>から上は表示されません。
</body>は『 / 』があるので終りの意味です。
これより下は表示されません。

素材のコピーの仕方

上のような枠（テキストエリア）の枠内で右クリックすると、
下の図のようにメニューが出てきます。（Windwsの場合）
その中の項目の『すべて選択』を選びます。

元に戻す
切り取り

コピー
貼り付け
削除

すべて選択

そしてもう一度右クリックして『コピー』を選んで下さい。
この状態で枠内（ﾃｷｽﾄｴﾘｱ内）の文字が記憶されました。

元に戻す
切り取り

貼り付け
削除

すべて選択

後は自分のホームページの作成画面で好きな所に
右クリックの『貼り付け』を選んで貼り付けてください。

元に戻す
切り取り

すべて選択

その他の方法は、文字の部分を素早く3回クリックか、
マウスでドラッグすると文字を全部選択できます。
そして後は上のやり方と同じで『コピー』してください。

ホームページを作る方法

ホームページを作る方法は何通りかあります。

■ 誰かに作ってもらう
	お金を払って業者に頼めばいいホームページが出来ると思います。しかし、やはり業者はお金がすごく高くかかってしまうでしょう。知り合いに作ってもらう方法などもありますが、そんな都合よくタダで作ってもらえないでしょう。

■ 市販の作成ソフトで作る

市販のソフトはやはり便利だと思います。だけど、ソフト代がかかってしまいます。値段の目安は5000円～20000円ぐらいかな。あまり詳しくないのでお店に行って確かめてください。

・ Adobe GoLive
・ IBM ホームページ・ビルダー

・ホームページ制作王
・ウェブ楽

■ 無料の作成ソフトで作る

無料の作成ソフトはアイコンを選んだりするだけで
タグを書けたりするので便利です。初心者でも、ある程度ホームページの構造を理解をしていれば使いこなせると思います。

・ ez-HTML
・ Tag-Box

・ TTTEditor
・ HomuPage Writer

ez-HTML 編集画面

■ 無料のテキストソフトで作る

テキスト系のソフトがあればそれでホームページを作ることも可能です。 Windowsの人なら標準装備されているメモ帳やワードパットで作ることも可能です。ここのサイトもメモ帳などのテキストソフトで作っております。

メモ帳編集画面

■ すでに出来上がった状態のサービスを利用

プロフィール、掲示板、日記、カレンダー、リンク集などを最初から準備されている無料ホームページスペースを提供してくれます。このサービスは便利で既に形が出来上がっており、後は編集画面で文章を書いたり、全体的な色や背景などを変えればいいだけです。簡単で初心者にはお勧めです。ここのタグも使用できると思います。但し、デザインなどコンテンツにある程度限度があるので個性のあるサイトを作りたい人には向いていません。無料のホームページはほとんど広告などが表示されます。→サンプルサイト

・ goo [簡単ホームページ]
・ d-style

・さすらいタウン
・金さんニョロCLUB

　↑上記のサイトに行って登録してみてください。

goo [簡単ホームページ] 編集画面

ホームページを作る流れ

ソフトを買う、またはネット上でダウンロードする

ソフトを使って作る人の場合

タグや内容を書いていく

ここの素材なども活用してください。

ホームページを載せる所を探す（無料サービスなど）

ﾎｰﾑﾍﾟｰｼﾞを載せる場所が無い人はﾎｰﾑﾍﾟｰｼﾞｽﾍﾟｰｽを利用

作ったファイルをアップロードする（画像なども全部）

ｱｯﾌﾟﾛｰﾄﾞの仕方はﾎｰﾑﾍﾟｰｼﾞｽﾍﾟｰｽ提供元の説明を見よう。

これでインターネットで閲覧ができます

相互リンクしてもらう、検索エンジンに登録

このままでは誰もあなたのサイトのアドレスを知らないので

ホームページの基本

　サンプル

<html>
<head>
<title>ここにタイトル</title>
</head>
<body>
ここから文章が表示されます
例えばここにコピーしたのを貼り付ける
</body>
</html>

ホームページの基本的なタグは上の図みたいな感じです。
これだけで何もないベースのホームページができています。
■ <html> がホームページ全体を表しています。
　　一番最初と最後は絶対このタグを記入してください。
■ <head> から </head> の間はブラウザには見えなくて
　　便利な機能のｽﾀｲﾙｼｰﾄやJavaScriptを記述できます。
■ <title> から </title> の間はホームページの名前です。
　　閉じる、最小化、最大化ボタンの左に表記されます。
　　このタグは <head> 内に書かなければなりません。
■ <body> から </body> の間はブラウザに表示される
　　いろんなタグを記入していくメインの場所です。テキストソフトなどでホームページを作って保存するときは
名前の後に .html をつけます。（拡張子）
一番最初に表示されるページは名前を index にします。
なので index.html として保存します。
その他の違うページは自由な名前でいいです。
ソフトによっては最初から .html がついてるのもあります。ホームページを作っても自分のパソコンにあるだけでは
誰も見れないので意味がありません。
インターネット上にアップロードする必要があります。
アップロードする方法はホームページを提供してくれてる
サイトなどによって異なるので調べてみてください。

訪問数を増やすには

訪問数を増やすには色々と方法があります。

★ まず一番初歩的なのは相互リンクです。
　　最初は相互リンクで地道に訪問数を増やしていきましょう。

★ 他の同じジャンルのサイトの掲示板に書き込みしましょう。
　　宣伝だけの書き込みはしないようにしましょう。

★ 定番なのがヤフーなどの検索エンジンに登録です。
　　ホームページができたらとりあえずここに登録しましょう。

★ 後、競争率は激しいですがランキングというのもあります。
　　うまくいけば上位にランクインできます。

検索エンジンに登録

検索エンジンとは、ホームページ上で単語などを
検索できるサービスを行っているサイトのことです。
代表的なものにはヤフーとかがあります。

ホームページをネット上で閲覧できようになっても
誰もあなたのサイトのアドレスを知らないと意味がありません。
なので、 google 、 infoseek 、 goo などの
検索ができる検索エンジンサイトに登録しましょう。
数日すれば検索エンジンで検索すると表示されると思います。

■ googleに登録

■ gooに登録

■ infoseekに登録

　サンプル

<html>
<head>
<meta name="author" content="製作者名">
<meta name="description" content="サイトの紹介文">
<meta name="keywords" content="ｷｰﾜｰﾄﾞ1,ｷｰﾜｰﾄﾞ2">
<title>ここにタイトル</title>
</head>
<body>
ここから文章が表示されます
例えばここにコピーしたのを貼り付ける
</body>
</html>

検索エンジンに登録するとき <head> から </head> の間に
上の図の赤い部分を記入すると検索のとき便利です。
■ <meta name="author" content="製作者名">
　　「製作者名」をあなたの名前に変えてください。
■ <meta name="description" content="サイトの紹介文">
　　検索結果の紹介文の所に表示される文章です。
■ <meta name="keywords" content="ｷｰﾜｰﾄﾞ1,ｷｰﾜｰﾄﾞ2">
　　キーワードを入れておくと検索エンジンで検索したときに
　　そのキーワードが含まれているサイトが表示されます。
　　キーワードは半角カンマ「 , 」で区切り、何個でも増やせます
　　例：content="バナナ,リンゴ,ブドウ,イチゴ,スイカ,メロン"
コピーして貼り付けてください。

タグの書き方

編集できる所に普通に文章を書くみたいに書いていきます。
■ タグを書くときは半角英語にしておく必要があります。
　悪い例：＜ｂ＞　良い例：<b>
■ タグの中の英語は大文字でもかまいません。
　良い例：<B>　良い例：<b>
■ カッコ < > の記入はキーボードの「＜」と「＞」を、半角英語
　　状態でShiftキーを押しながら押してみてください。
　　（ひらがなで言うと「ね」と「る」の所）
■ 文章の部分は普通に日本語入力の状態で書いていきます。
　　例：あいうえお
■ 文章の途中でタグをいれたいとき。
　　見本：あいうえ<b>お</b>かきくけこ
　　結果：あいうえおかきくけこ
■ <font size="5">文字</font>　←文字の大きさを変えるタグ
　　font の横に半角ｽﾍﾟｰｽあけその横に size="5" と記入。
　　size="5" の " は、記入してもしなくても大丈夫です。
■ <font color="#ff0000">文字</font>　←色を変えるタグ
　　font の横に半角ｽﾍﾟｰｽあけて横に color="#ff0000"
　　ff0000 が色を表しています。詳しくは色の説明
　　# はなかってもいいですが、あった方がわかりやすいです。
■ サイズと色を同時に変える場合は
　　<font size="5" color="#ff0000">文字</font>
■ < > と " " の注意！！
　　< > と " " は始点と終点が必ずある必要があります。
　　片一方でもないとうまく表示されない場合があります。
　　後、タグは </font> と、終わりタグが必要です。
　　（終わりタグのいらないタグもあります。<br>の改行とか）

マナーは大切に

ネットではマナーを大切にしてください。
掲示板での初めての書き込みは「ため口」は使わないように
できるだけ敬語を使いましょう。
管理人や他の人に迷惑をかけないように心がけましょう。

ネットではテキストが中心なのでちょっとした言葉の
誤解などでトラブルになることがあります。

ホームページスペース

ホームページを作ってインターネット上にアップロードするには
アップロードする場所が必要です。
無料ホームページスペースもたくさんあるのでご利用ください。

■ AAA! CAFE	■ 2style.net
■ Yahoo!ｼﾞｵｼﾃｨｰｽﾞ	■ COOL ONLINE
■ infoseek isweb	■ FC2WEB
■ フリーティケットシアター	■ 忍者TOOLS

無料スペースは無料なので広告が入ってしまいます。
無料提供しているサイトは広告収入目的に広告を貼ってます。
デザイン的に邪魔とか、何か物足りないと感じたりする方は
自由度の高い有料サービスをご利用ください。
■ ★可愛いレンタルサーバLOLIPOP! ■ ホームページスペースリンク集

画像が欲しい

画像が欲しい方は画像の素材屋に行きましょう。
ホームページに使うなら大体どこでも無料で使用できます。
画像とここのサイトにあるレイアウト素材を組み合わせて、
素敵なホームページを作ってみてはどうでしょうか。

素材は各素材サイトのルールを守って画像を使わせてもらいましょう。
このサイトで「素材屋検索サイト」や、「素材屋リンク集サイト」を
リンクしてあるので下のリンクから行ってみてください。
→ 素材屋リンク集

ホームページを勉強したい

ホームページを勉強するなら本屋で売っている専門の本か、
インターネットで見れる解説サイトを参考にしてみよう。
ネットで見るほうが無料なのでいいかもしれません。
初心者用のサイトもあるので参考にしてみてください。

リンクコーナーがあるので下のリンクから行ってみてください。
→ 作成支援リンク集

掲示板や日記をレンタル

掲示板や日記やカウンタやチャットなどはレンタルしましょう。
このサイトにリンク集があるので行ってみてください。
登録するとアドレスをもらえて、それをリンクタグでリンクします。

お小遣い、ネット収入

ネット上では【ネット収入】【おこづかいサイト】
というジャンルのサイトがたくさんあります。（検索するといっぱいあります）
あれらはネット上で、ホームページに広告を載せたり
人を紹介することによってお金をもらっています。

ネットで収入を得るのは専門的な知識はいりません。
ネットができてホームページが作れれば誰でもできます。
そして何よりお金がかからないのが魅力的です。
ここのサイトもネット収入が欲しいので広告を貼っております。
詳しく知りたい人は下のリンクから広告収入ページに行ってみてください。
→ 広告収入紹介

※ 無料でホームページを提供している所は禁止してる場合もあるので確認しましょう。もしやってみたいなら、広告を出せる無料サイトか、自由度が高い有料サイトにしてみてはどうでしょうか。
→ WEBスペース集

お役立ちリンク集： sozai-R 素材NAVI イラスト素材プチッチ HP作成無料ホームページ制作会社ジェバアーツ格安ホームページの制作屋