Top > 自サイトの作り方
HTML convert time to 0.003 sec.


自サイトの作り方

Last-modified: 2013-01-08 (火) 12:40:26

簡単に作成できる漫画テンプレート
http://mst.naidente.org/product/mouse/template/gen/
理想のサイトがあったら、ぐぐるにアドレスをぶっこみそこからダウンロードしてみるのも良い。
そっから学べ。
無料だから鯖借りれ、ゲオシティーズおすすめ、インポ飼育でも楽天でもべつにいいけど、自鯖はFTPとかいろいろめんどいから初心者にはおすすめしない
作ったページのアップロードは、FFFTPをオススメしておく。
たった今見つけた参考サイトだ→http://www1.plala.or.jp/kitata/others/ffftp2new.html
http://www.usamimi.info/~mouse/cgi-bin/sabamiso/src/up0504.zip 簡単テンプレ
即座にできるカオスタグ
<marquee scrollAmount="50" behavior="alternate">う”おぉぉおおお!</marquee>

 各話をおいたり、メニューをおくトップテンプレ

<html>
<head>
<title>マンガタイトル</title>
</head>
<body>
<pre>
<a href="(マンガページのアドレス)">1話</a><!--a hrefは半角にする事-->」
<a href="(マンガページのアドレス)">2話</a>
<a href="(マンガページのアドレス)">3話</a>
</body>
</html> 

 そしてこれがマンガページテンプレ

<html>
<head>
<title>マンガタイトル</title>
</head>
<body>
<pre>
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<img src="(画像のアドレス)">
<A HREF(小文字に変えて)="index.html">トップに戻る</a>
</body>
</html>

これでもわからなかったら虫博士とかに聞いてみて

 

虫博士のよく分からない解説 Edit

↑で理解できなかった夜神月のための解説。

 

htmlファイル(漫画とか載せるページ)作ってレンタルしたサーバにupするだけなのですぐ出来る。

htmlファイルの作り方 Edit

まずスタート→プログラム→アクセサリからメモ帳を起動
そんでhtmlタグをうちこんで「名前をつけて保存」で
「(好きなファイル名).html」で保存する。そんだけで作れる。
どうだ簡単だろう。(漫画のメニューとかのページなら最初はindexってつけといた方がいいかもしれない)

 

タグの例は↑に書いてあるので一つ一つのタグの解説をしていく。↑のテンプレと照らし合わせて見ると良い。
タグは半角英数で書かないと効果無いから注意

・<html>
htmlファイルの一番最初の行にはこれをかならず入れる。
このファイルはhtmlですよーっていう役割。
・</html>
そして一番最後にこれを入れる。
<html>と</html>の間に入れたタグがホームページを形作るわけ。
・<head>〜</head>
ここにはhtmlファイルのヘッダ情報を書く場所なんだけどどうでもいいから
<title>だけ入れとけばいい。
・<title>〜</title>
この間に書いた文字がブラウザ左上(青いバー)に表示されるタイトルになる。
・<body>〜</body>
ここに実際表示したい文書いたり画像のアドレスはったりリンクはったりする。
まさしくボディ!
・<img src="(画像のアドレス)">
画像を表示するタグ。画像のアドレスはhttp://www.〜〜〜なんて糞長いの書かなくてもいい。
htmlファイルと同じフォルダに画像があるなら
<img src="unko.gif">でちゃんと表示されるし、
画像用フォルダ作ってその中の画像をまとめときたいなら
<img src="gazou/unko.gif">でおk
・<a href="(リンク先のアドレス)">(リンクの文字)</a>
クリックしたら飛ぶアレな。ゼルダの伝説ではない。
画像はる時と同じ要領で。
一つ上のフォルダのページに飛びたい時は"../index.html"
って感じで書くといい。
「a href」はwikiで半角で書けないため全角で書いてる。コピペせず自分でうて。
メモ帳で改行しててもhtmlで表示される時は改行されない。
なので自動で改行してくれる<pre>〜</pre>か
書いた場所が改行する<br>を使う。

これだけ覚えれば一応最低限のページは作れる。多分。分かりづらい?
タグミスってても死なないから何度も間違えながら作ればいいよ。

アップロードの仕方 Edit

後で書く


◆解説読んでも意味わかんない子の質問コーナー◆
多分チャットで聞いた方が早いけど
  • すげぇなこの初心者にもやさしい解説は! びっくりだよ! -- ブッフォン 2007-07-26 (木) 15:43:01
  • 例えば核兵器を所有してる国があるとします。これがあればHPを簡単につくれますね -- 青龍 2007-07-26 (木) 15:44:01
  • (HPを容易く作成できて)最高! -- 上野絵心? 2007-07-26 (木) 16:27:00
  • Fランク高校出身の僕でも作ることができました! -- シンジ? 2007-10-20 (土) 19:44:58

URL B I U SIZE Black Maroon Green Olive Navy Purple Teal Gray Silver Red Lime Yellow Blue Fuchsia Aqua White