あなたは

人目の訪問者です♪ ホームページ作りの部屋

ホームページ作りの部屋

ホームページは内容を更新するのが大変です。でも、
作ってしまうのは簡単です。ここでは、あくまでも
無料でできる方法をご紹介します。

　　
ホーム（製作者の部屋）

HTMLについて

HTMLとは「HyperText Markup Language」の略です。
簡単に言えばホームページを作るプログラムのようなものです。
口でいろいろいうと難しくなるので・・・
くわしく知りたければ他のサイトにいって調べてください。
でも私もあまり知らないけど作れましたので・・・
知らなくても作れると思います(^^；)
トップ

最初の準備

つくるには「メモ帳」とか文を書けるものと、
「InternetExplorer」などの、作ったページを確かめられるものの２つです。
メモ帳でつくって、更新して、そしてインターネットで確認する。この繰り返しです。
専用の物も売っていますが、無料でつくるので使いません。
（というかわかりません！！）（爆）
トップ

ホームページを作る準備

まず、「マイコンピュータ」等から、「フォルダオプション」
を開きます。

その中の、「拡張子は表示しない」のチェックボックスを
はずします。

トップ

ホームページを作るには

内容をつくるにはタグというのを使います。
タグというのは、簡単に言えば
字を大きくしたりとか、字の色を変えるのに使う目印のことです。
たとえば、字を大きくする場合、

<B>字を大きくする</B>
↓
字を大きくする

となるように、
基本は、開始タグ<>と終了タグ</>を使うわけです。
※ホームページを作るときのhtml文章は、行を変えるときも、タグを使います。
トップ

ホームページを作る

ホームページを作るには、メモ帳等に次の文を書きます。

</BODY>
</HTML>

「タイトル」のところはそのページのタイトル（題）です。
「本文」のところは実際来た人が見るページの部分です。
ソース表示してみたら実際してるところ見れますよ。
本文を書くには、いろいろなタグを使いますが、
それは後で説明します。まずは保存の方法を説明します。
トップ

作ったページを保存する

ページを保存するときは、ホームページ用のフォルダを作ります。
そのフォルダに○○○.htmlの形で小文字で保存します。

※igoっていうフォルダは製作者の作ったものなので、探しても見つかりません。
トップ

文書を書く

仮に私の自己紹介を書きます。

<HTML>
<HEAD>
<TITLE>帆立君の自己紹介</TITLE>
</HEAD>
<BODY>

<H3>帆立君の自己紹介</H3>
私は帆立。囲碁にパソコンに幅広く活躍します！！

</BODY>
</HTML>

↓

帆立君の自己紹介

私は帆立。囲碁にパソコンに幅広く活躍します！！

ねっ？できたでしょ！？<H3>ていうタグが
題を大きくする効果をもっていたので少し字が大きくなったけど、
html文章はこうすればできるんです。
トップ

いろいろなタグ

ではそろそろいろいろなタグについてかいていきます。

<H数字></H数字>：見出し（数字(1～6)で文字の大きさが変わる　1が最大）　
注）ボールド書体（太字）になって、前後に一行分のスペースが自動的に付く。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 <H1>これは見出しです</H1>
　　　　　　　　　　　　↓
これは見出しです
<H数字 ALIGN="LEFT"></H数字>：レイアウトが左寄せの見出し 　
注）ALIGN="LEFT" を省略した場合も左寄せになる（上記参照）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
<H2 ALIGN="LEFT">これは左寄せの見出しです</H2> 　　　　
　　　　　　　　　　　↓
これは左寄せの見出しです

<H数字 ALIGN="CENTER"></H数字>：レイアウトが中央揃えの見出し 　
注）<CENTER><H数字>＊＊＊</H数字></CENTER>と同じ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
<H2 ALIGN="CENTER">これは中央揃えの見出しです</H2> 　　　　
　　　　　　　　　　　↓
これは中央揃えの見出しです

<H数字 ALIGN="RIGHT"></H数字>：レイアウトが右寄せの見出し 　
注）<DIV ALIGN="RIGHT"><H数字>＊＊＊</H数字></DIV>と同じ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
<H2 ALIGN="RIGHT">これは右寄せの見出しです</H2> 　　　
　　　　　　　　　　　　↓

これは右寄せの見出しです

<FONT SIZE="数字"></FONT>：文章中の文字サイズを変更（数字(7～1)でサイズ指定）
サイズは、<FONT SIZE="7">７が最大</FONT>です。　　　
　　　　　　　　　↓
サイズは、７が最大です。
<FONT COLOR="#16進数"></FONT>：文章中の文字色を変更
文字の<FONT COLOR="#0000FF">色を青</FONT>にする例です。
　　　　　　　↓
文字の色を青にする例です。
文字の<FONT SIZE="5" COLOR="#FF0000">サイズが５で色が赤</FONT>の例。
　　　　　　　↓
文字のサイズが５で色が赤の例。
16進数の例
　　　　白：#FFFFFF　白
　　　　黒：#000000　黒
　　　　赤：#FF0000　赤
　　　　緑：#00FF00　緑
　　　　青：#0000FF　青
　　　　黄：#FFFF00　黄
　　　紫：#FF00FF　紫
　　　水色：#00FFFF　水色
　　　　灰色：#AAAAAA　灰色
　　　　橙色：#FF5500　橙色
　　　　青灰色：#7777AA　青灰色
　　　蛍光黄緑：#00FF11　蛍光黄緑
<B></B>：文字をボールド（太字）にする
<B>文字をボールド（太字）にする。</B> 　　　　　　　
　　　↓
文字をボールド（太字）にする。
<I></I>：文字をイタリック（斜体）にする
<I>ＡＢＣＤ１２３４</I> 　　　　
　　　　↓
ＡＢＣＤ１２３４
<SUP></SUP>：上付添字
これは<SUP>上付添字</SUP> 　　　　
　　　　↓
これは^上付添字
<SUB></SUB>：下付添字
これは<SUB>下付添字</SUB> 　　　　
　　　　↓
これは_下付添字
<BIG></BIG>：文字サイズを大きくする 　
注）サイズの指定はできません
　　　　
　<BIG>文字サイズを大きくする。</BIG>
　　　　
　　　　　　↓
　　　　　
文字サイズを大きくする。
 <SMALL></SMALL>：文字サイズを小さくする
　 
注）サイズの指定はできません

	
<SMALL>文字サイズを小さくする。</SMALL>
　　　
　　　　　　　↓
	
文字サイズを小さくする。


 <TT></TT>：等幅フォント

	
これは<TT>「等幅フォント」です。</TT>
　　　　　
　　　↓
 	
これは「等幅フォント」です。


 <ADDRESS></ADDRESS>：アドレス
　アドレスや作成日、アップデート、クレジットの文責などに使う
　<I>＊＊＊</I>と同じ（斜体になる）
　　　　<ADDRESS>

　　　　eiichi@interlink.or.jp<BR>

　　　　1997/04/25 by Shirokuma

　　　　</ADDRESS>

　　　　　　　　↓

　　　　eiichi@interlink.or.jp
　
　　　1997/04/25 by Shirokuma
 <BLINK></BLINK>：文字を点滅させる（ ← Netscapeのみ有効）

	<BLINK>文字を点滅させる。</BLINK>
　　　　　　　　　　↓
 
	文字を点滅させる。


 <CENTER></CENTER>：センタリング（中央揃え）

	<CENTER>この部分をセンタリング！</CENTER>
     
                            ↓
	
この部分をセンタリング！

 <DIV ALIGN="LEFT"></DIV>：左寄せ

	
<DIV ALIGN="LEFT">この部分を左寄せ！</DIV>
                            
     ↓
	
この部分を左寄せ！

 <DIV ALIGN="RIGHT"></DIV>：右寄せ

	
<DIV ALIGN="RIGHT">この部分を右寄せ！</DIV>
      
                           ↓
	
この部分を右寄せ！

 <BR>：改行
　注）２つ以上並べた場合、ブラウザによって表示のされかたが違う
 　　
（１つの時と同じ効果になる（意味がない）ものがほとんど）

	
２つ以上並べるのは<BR>やめたほうがえぇで。
　　　
　　　　　　　↓
	
２つ以上並べるのは
	やめたほうがえぇで。


 <P>：改行＋１行
　注）２つ以上並べた場合、ブラウザによって表示のされかたが違う
 　　
（１つの時と同じ効果になる（意味がない）ものがほとんど）
　　　
また、<BR>と<P>を一緒に使っても、<P>のみ有効


	
これも２つ以上並べるのは<P>やめたほうがえぇで。
　　　　
　　　　　　↓
	
これも２つ以上並べるのは

	やめたほうがえぇで。


 <PRE></PRE>：整形済みテキストの表示

	
<PRE>
	
このタグで囲んだ文章などは、スペース、改行、タブなどが
	
そのまま表示されます。　　　　　　　結構便利でっせ。(^^)
	
（注：ただし、等幅フォントで表示されます）
	
</PRE>
　　　　
　　　　　　↓
	
このタグで囲んだ文章などは、スペース、改行、タブなどが
	
そのまま表示されます。　　　　　　　結構便利でっせ。(^^)
	
（注：ただし、等幅フォントで表示されます）


 <BLOCKQUOTE></BLOCKQUOTE>：引用文
　文章に注意を引かせたい時とか、文章を他と区別したい時に使う。
<BLOCKQUOTE>

これにはさまれた文章は、１ブロックと考えられて、そのブロックの上に１行、下に１行、左側にインデント、右側にある程度のスペースがあけられる。

</BLOCKQUOTE>

　　　　　　　　　　　　　　　　　↓

これにはさまれた文章は、１ブロックと考えられて、そのブロックの上に１行、下に１行、左側にインデント、右側にある程度のスペースがあけられる。
 <UL><LI><LI>...</UL>：単純な箇条書き

　<UL>
　箇条書きの種類
　<LI>項目にブリット（黒丸）が付く箇条書き
　
<LI>項目に通し番号が付く箇条書き
　<LI>用語表示の箇条書き
　</UL>
　
　　　　　　　　　↓　　

箇条書きの種類
項目にブリット（黒丸）が付く箇条書き
項目に通し番号が付く箇条書き
用語表示の箇条書き


 <OL><LI><LI>...</OL>：番号付き箇条書き

　<OL>
　箇条書きの種類
　
<LI>項目にブリット（黒丸）が付く箇条書き
　<LI>項目に通し番号が付く箇条書き
　<LI>用語表示の箇条書き
　
</OL>
　　　　　　　　　　↓　　

箇条書きの種類
項目にブリット（黒丸）が付く箇条書き
項目に通し番号が付く箇条書き
用語表示の箇条書き


 <DL><DT><DD>...</DL>：用語表示の箇条書き

　
<DL>
　
<DT>箇条書きの種類その１
　
<DD>項目にブリット（黒丸）が付く箇条書き
　
<DT>箇条書きの種類その２
　
<DD>項目に通し番号が付く箇条書き
　<DT>箇条書きの種類その３
　
<DD>用語表示の箇条書き
　</DL>
　
　　　　　　　　　↓　　

箇条書きの種類その１
項目にブリット（黒丸）が付く箇条書き
箇条書きの種類その２
項目に通し番号が付く箇条書き
箇条書きの種類その３
用語表示の箇条書き

 <HR>：罫線

	
<HR>と書くと
　　　
　　 ↓

　　　　　 ↑
	
こういう罫線になる


 <HR SIZE=1～100 WIDTH=画素数(ページ幅対比でも可)>：サイズ指定の罫線

　
 注）画素数 → 一画素数＝0.339mm
　
　　 ページ幅対比 → %

	
<HR SIZE=5 WIDTH=450>（太さ５，長さ４５０）
　　　
　　　　　　　　　↓
	


	<HR SIZE=20 WIDTH=50%>（太さ２０，長さ５０％）
　　　
　　　　　　　　　↓
	



 <HR NOSHADE>：黒い罫線（罫線に影をつけない）

	
<HR NOSHADE SIZE=1 WIDTH=550>と書くと
　　　
　　　　↓
	

　　　　　　　↑
	
こういう罫線になる


 <BGCOLOR="#16進数">:背景の色を変える
　 　
 <TEXT="#16進数">:本文の文字色を変える
　
 　 <LINK="#16進数">:ホットリンク文字の色を変える
　 
　<VLINK="#16進数">:リンク利用後の文字色を変える
　
 　<ALINK="#16進数">:リンク読み込み中の文字色（ ← Netscapeのみ）

　注）必ず <BODY>と組み合わせて

　
<BODY BGCOLOR="#16進数" TEXT="#16進数" LINK="#16進数" VLINK="#16進数">

　
のように使うこと！（つまり一ページに一回しか使われへん）


　
（例１）背景が黒で、文字を白にする場合

　
　　<BODY BGCOLOR="#000000" TEXT="#FFFFFF">


　
（例２）背景が白、文字が黒、リンク文字が青、リンク利用後が水色の場合

　　
　<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#00FFFF">


	16進数の例
　　　　
　　　白：#FFFFFF　白
	
　　　黒：#000000　黒
	
　　　赤：#FF0000　赤
　　　　
　　　緑：#00FF00　緑
	
　　　青：#0000FF　青
	
　　　黄：#FFFF00　黄
	
　　　紫：#FF00FF　紫
	
　　　水色：#00FFFF　水色
	
　　　灰色：#AAAAAA　灰色
	
　　　橙色：#FF5500　橙色
        
　　　青灰色：#7777AA　青灰色
	
　　　蛍光黄緑：#00FF11　蛍光黄緑

トップ

インターネットに登録する

インターネットスペースを取得して、
FFFTPというのをつかってインターネット上に発信します。
インターネット上に発信してもサーチエンジンに登録していなければ、
自分以外だれもあなたの作ったサイトにいけません。
なので、サーチエンジンに登録しなければいけません。
いろいろ登録する方法はありますが、わたしのおすすめは一発太郎というサイトです。
ここだと無料でいろいろなサーチエンジンに登録できます。
★お勧めのインターネットスペース
★お勧めの「FFFTPダウンロード」サイト
一発太郎
トップ

ホームページ作りの部屋

ホーム（製作者の部屋）

HTMLについて

最初の準備

ホームページを作る準備

ホームページを作るには

ホームページを作る

作ったページを保存する

文書を書く

帆立君の自己紹介

いろいろなタグ

これは見出しです

これは左寄せの見出しです

これは中央揃えの見出しです

これは右寄せの見出しです

インターネットに登録する

ホーム（製作者の部屋） geovisit();

　　
ホーム（製作者の部屋）

ホーム（製作者の部屋）　　