コンピュータ、パソコン
のコミュニティー

_______________________
Cyber Station


サイバーステーション
Click here to visit our sponsor
HELP/GUIDE &
MAP
CONTENTS &
INFORMATION
 

必殺HTML!

とにかく、HTMLを書けるようになって、さらにバージョンアップしよう!
というわけで、みなさんがんばってください(ぉ)

次のステップ

もっとインターネットについて知ろう!
アクセスアップの秘訣?
CGIを使ってみよう!
サーバのことをもっと知ろう!
その他ネタ募集中!

まずは……

とりあえず、ギャルズタウン内のヘルプ関連は http://www.galstown.m-n-j.com/help.htmlを みてくださいね。 ここからのリンクでも解決できなかったら、掲示板に質問を書きこんでみましょう。 もっとも、そんなことはほとんどしなくても解決できると思いますが……。

HTMLの基本はパクること?!?!

そうです、HTMLの基本は「人のを見る!」ことです。IEでもネスケでも、右クリックすると「ソースの表示」というのが出てくるので、 他の人が作ったHTMLファイルの中身をのぞいて見ましょう。 たとえばhttp://www.din.or.jp/~charling/chl/hit.htmlのソースをのぞいてみましょう(というか、自分のとこなんだけど(笑))……とか思ったんだけど、bodyに反応して広告バナーのとこのが入っちゃってますね……(汗) <html> <head> <title>記念HITふみふみ君の部屋 </title> </head> ヘッダー部分です。ほとんど情報が書かれていませんが、 ここにデフォルトの文字コードセットCSSファイルの呼び出し命令、 ロボットが来たときの対応方法などの情報を書きこみます。 <body bgcolor="#ffffbb"> <!-- START HOME FREE HEADER CODE --> <center> <table border="1" width="640" cellpadding="0" cellspacing="8"> <tr> <td width="144" bgcolor="#FF99CC" align="center" height="42"><font size="-1"><font size="-1"><b><font size="-2" color="#FFFF99">コンピュータ、パソコン</font></b><font size="-2" color="#FFFF99"><br> のコミュニティー</font><br> <font color="#FFFF99">_______________________</font><font color="#DFFFDF"><font color="#FFFFCC"><br> <b><i><font color="#FFFF99">Cyber Station</font></i></b></font></font><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font color="#FFFFFF"><b><font size="-1"><br> <font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font color="#FFFFFF"><b><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font color="#5353FF"><a href="http://www.galstown.ne.jp/top/cyber/mayor/"><img src="http://www.galstown.ne.jp/images/mar_384.gif" width="22" height="21" align="middle" border="0"></a></font></font></font></font></font></font></b></font></font></font></font></font></font></font></font></font></b></font></font></font></font></font></font></font><font color="#DFFFDF"><br> </font><b><font color="#FFFF99">サイバーステーション</font></b></font></font> </td> <td bgcolor="#ffcaca" align="center" height="42" colspan="2" width="470"> <a href="http://kansas.valueclick.ne.jp/redirect?host=hs0010808&b=top_zone_70&v=0" target="_top"><img border="0" width="468" height="60" alt="Click here to visit our sponsor" src="http://kansas.valueclick.ne.jp/cycle?host=hs0010808&b=top_zone_70&noscript=1"></a> </td> </tr> <tr> <td width="144" bgcolor="#BB77FF" align="right" height="2" valign="top" bordercolorlight="#9999FF"><font color="#DFFFDF"><b><font size="+1" color="#FEDEA3">HELP/GUIDE &<br> MAP</font></b></font></td> <td bgcolor="#ccccff" height="2" colspan="2" valign="middle" width="470"><!-- #BeginLibraryItem "/Library/menubar01.lbi" --> <form method=POST action="http://www.galstown.ne.jp/cgi-local/jump.cgi"> <div align="center"> <font color="#FFFFFF"> <select name="url"> <option selected value="http://www.galstown.ne.jp/help.html">ヘルプ、ガイド、マップ♪ <option value=""> <option value="http://www.galstown.ne.jp/index.html">■ トップページマップ            <option value="http://www.galstown.ne.jp/top/info/one/">■インフォメーションセンター <option value="http://www.galstown.ne.jp/help.html"">■ ヘルプ <option value="http://www.galstown.ne.jp/hpsakusei.html">■ HP作成ガイド <option value="http://www.galstown.ne.jp/hpsozai.html">■ 素材ガイド <option value="http://www.galstown.ne.jp/accessup.html">■ アクセスアップガイド <option value="http://www.galstown.ne.jp/townhall.html">■ タウンホール(リクエスト等) <option value="http://www.galstown.ne.jp/manager_list.html">■ 管理エリア(ファイルアップ用) <option value="http://www.m-n.com/galssearch/">▼ ネット検索(ギャルズサーチ) </select> </font><font color="#FFCCCC"> <input type="submit" value=GO name="submit"> </font></div> </form><!-- #EndLibraryItem --> </td> </tr> <tr> <td width="144" bgcolor="#BB77FF" align="right" height="2" valign="top"><font color="#3300CC"><b><font color="#FFFF99" size="+1">CONTENTS &<br> INFORMATION</font></b></font></td> <td bgcolor="#ccccff" height="2" colspan="2" valign="middle" width="470">  </td> </tr> </table> <!-- END HOME FREE HEADER CODE --> 背景の色や画像を指定します。リンク色(通常時・すでに行ったページ・クリック時の3つの状態を指定可能) <center> <font size=6 color="#ff00ff">記念HITふみふみ君の部屋</font><br> <p> <hr> <P> メモリアルヒットを踏んだら報告してね☆<br> <P> <hr> <p> <h2> <font color="#ff00bb">20000HIT</font>ふみふみは<font color="#33eeaa">ぢゅの様!!</font><font size=2>(99/10/11?)</font></font><br> <p>   <font color="#ff00bb">12999HIT</font>ふみふみは<font color="#33eeaa">Ishikawa様!!</font><font size=2>(99/7/19)</font></font><br> <p> 略。 <p> <font color="#ff00bb">3000HIT</font>ふみふみは<font color="#33eeaa">左近将監様!!</font><br> <p> <font color="#ff00bb">2900HIT</font>ふみふみは<font color="#33eeaa">ねこぞー様!!</font><br> <p> </h2> 記念HITふみふみのためにがんばって下さい!!<br> <p> <hr> <P> <font size=2>※思いついたのが昨日(98/12/18)なんで、最近からのしかないです。<br> <P> ちなみに私は、2929HIT・3400HIT・8888HITをふんでいますです〜(笑)</font> <P> <hr> <center> <A HREF="index.html"><img src="back.gif" border="0" alt="back to home"></A> <center> <P> <div align="right"><a href="http://www.din.or.jp/~charling/chl/">しゃるちゃんのぺーじトータル</a><IMG SRC="http://cnt1.din.or.jp/cgi-bin/Count.cgi?st=8020&dd=C&ft=1&frgb=0;0;0|df=charling_1.dat" ALIGN=CENTER></div> <font color="#ff33bb">↑右寄せの命令です。</font> <!-- START HOME FREE FOOTER CODE --> <p><font size="-1"><font size="-1"><font color="#DFFFDF"><b><i><a href="#top">PAGE TOP</a></i></b></font><a href="#top"><font size="-1"><font size="-1"><b> </b><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font color="#FFFFFF"><b><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font size="-1"><font color="#5353FF"><img src="http://www.galstown.ne.jp/images/mar_384.gif" width="22" height="21" align="middle" border="0"></font></font></font></font></font></font></b></font></font></font></font></font></font></font><font color="#DFFFDF"></font></a></font></font> <br> <br> <!-- #BeginLibraryItem "/Library/zone_103_under.lbi" --><a href="http://kansas.valueclick.ne.jp/redirect?host=hs0010808&b=under_zone_70&v=0" target="_top"><img border="0" width="468" height="60" alt="Click here to visit our sponsor" src="http://kansas.valueclick.ne.jp/cycle?host=hs0010808&b=under_zone_70&noscript=1"></a><!-- #EndLibraryItem --> </p> <!-- #BeginLibraryItem "/Library/chosaku.lbi" --><table border=0 width="400" bgcolor="#FFFFFF" > <tr> <td valign=top width="250" height="46"><b><font face="MS Pゴシック"><font color="#FF8040"><font size="1">グループ関連サイト</font></font></font></b> <p><font face="MS Pゴシック" color="#FF8040" size="-2">ターゲット徹底絞込みインターネット広告</font><font face="MS Pゴシック" color="#FF8040" size="1"><br> <a href="http://www.m-n.com/consulting_01.html"><font size="-2">メディアネットコンサルティング <br> </font></a></font><font face="MS Pゴシック" color="#FF8040" size="-2">無料ホームページスペース</font><font face="MS Pゴシック" color="#FF8040" size="1"><br> <a href="http://www.m-n.com/"><font size="-2">メディアネットジャパン(総合)</font></a></font><br> <font face="MS Pゴシック" color="#FF8040" size="1"><a href="http://www.galstown.ne.jp"><font size="-2">ギャルズタウン(女性専用)</font></a></font><br> <font face="MS Pゴシック" color="#FF8040" size="-2">検索エンジン</font> <br> <font face="MS Pゴシック" color="#FF8040" size="1"><a href="http://www.m-n.com/medianetwork/"><font size="-2">MEDIA NETWORK総合検索エンジン(総合)</font></a><br> </font><font face="MS Pゴシック" size="1" color="#FF8040"><a href="http://www.m-n.com/galssearch/index.html"><font size="-2">ギャルズサーチ(女性専用)</font></a> <br> <font size="-2">データベース</font><br> </font><font face="MS Pゴシック" color="#FF8040" size="1"><a href="http://www.m-n.com/toranomaki/index.html"><font size="-2">虎の巻便利帳・生活データベース</font></a> <br> </font><font face="MS Pゴシック" color="#FF8040" size="1"><a href="http://www.m-n.com/soho/"><font size="-2">在宅勤務求人情報SOHO人材バンク</font></a> <br> </font><font face="MS Pゴシック" color="#FF8040" size="-2">フォーラム</font><font face="MS Pゴシック" color="#FF8040" size="1"><br> <a href="http://www.m-n.com/newsforum/index.html"><font size="-2">ニュースフォーラム</font></a> <br> <a href="http://www.m-n.com/medianetwork/forum.html"><font size="-2">メディアフォーラム</font></a> </font></p> </td> <td valign="top" width="150" height="46"><b><font face="MS Pゴシック"><font color="#FF8040"><font size="1">企画・運営</font></font></font></b> <p><a href="http://www.m-n.com/"><img src="http://www.medianetjapan.ne.jp/medianet_logo3.gif" border=0 height=81 width=121></a><br> <font face="MS Pゴシック" size="2" color="#2F6BD0"><b><font size="1" color="#FF8040">SOHO NETWORK</font><font color="#FF8040"><br> </font></b></font><font size="1" color="#FF8040"><br> <font face="MS Pゴシック">【 東京本部】<br> <font face="MS Pゴシック"><font face="MS Pゴシック">(広告・その他のお問い合せ)</font></font> <br> <font face="MS Pゴシック">EMAIL: <a href="mailto:post@m-n.com">post@m-n.com</a> <br> <br> 【オーストラリア支部】<br> <font face="MS Pゴシック">(システムに関するお問い合せ)</font> <br> EMAIL: <a href="mailto:support@m-n.com">support@m-n.com</a> </font></font></font><font face="MS Pゴシック" color="#FF8040"></font></p> </td> </tr> <tr> <td valign=top colspan="2" height="2" width="400"> <img src="http://www.m-n.com/galssearch/dot.gif" height=1 width=350><br> <font face="MS Pゴシック"><font size="1">Copyright 1998-1999 <a href="http://www.m-n.com/">MEDIA NET JAPAN</a>. All Rights Reserved.</font></font></td> </tr> </table><!-- #EndLibraryItem --> </center> <!-- END HOME FREE FOOTER CODE --> </body> </html> というか、うそっぽいHTML書いてるよ(笑)。とりあえず、ここではこんな感じなのが見れますよという例ということで(ぉぃぉぃ)。とりあえず、これを参考にするだけでも、色々できると思うです。と内容を変えればかなり自分好みのことができます。

HTMLエディタを使う方法もある。

自分でこまごまと書くなんてよくわかんないよ!という人には、マウスでさくさく作っていけるエディタを使うことをオススメする。ベクターなどで検索すれば、フリーのものもあるし、いろんな機能をガシガシ使いたいなら、ホームページビルダーなんかを買ってみるのもいいだろう。使い方に関しては、他のページにゆだねるとします。
http://www.ibm.co.jp/software/internet/hpb/ 本家IBMのサイト
http://www.estyle.nu/technique/
http://hp.qupa.com/ ホームページ ビルダー ユーザーズ
http://www.biwa.ne.jp/~c-forest/hpb2000/index.htm ホームページ ビルダー2000でこれだけ出来る
……などを参考にしてみてください。サーチエンジンで検索してみるとたくさんでてきます。

自分で書く場合、参考にするとよいページ

私がよく参考にしているサイトです。
http://wakusei.cplaza.ne.jp/twn/www.htm とほほのWWW入門
http://www.din.or.jp/~hideyuki/home/ ホームページの飾り職人

戻る
charling

PAGE TOP

Click here to visit our sponsor

グループ関連サイト

ターゲット徹底絞込みインターネット広告
メディアネットコンサルティング
無料ホームページスペース
メディアネットジャパン(総合)

ギャルズタウン(女性専用)
検索エンジン
MEDIA NETWORK総合検索エンジン(総合)
ギャルズサーチ(女性専用)
データベース
虎の巻便利帳・生活データベース
在宅勤務求人情報SOHO人材バンク
フォーラム
ニュースフォーラム
メディアフォーラム

企画・運営


SOHO NETWORK

【 東京本部】
(広告・その他のお問い合せ)
EMAIL: post@m-n.com

【オーストラリア支部】
(システムに関するお問い合せ)
EMAIL: support@m-n.com


Copyright 1998-1999 MEDIA NET JAPAN. All Rights Reserved.