～マンガの為のHTML入門～
byまんが浪人

Step6.0:スタイルを選んだら、そのHTMLタグをコピーしちゃおう！

<html>
<head>


<title>ABC-01</title></head>


<body bgcolor="#cccccc">
<BR> <center>


<img src="ABC-01.jpg">
<BR>
<font size="2">


<a href="ABC-00.htm">前のページに戻る</a>


　　　　　<font size="5">


<a href="ABC-02.htm">次のページへ</a>
</font>
<BR><BR></font>
<a href="index.htm">TOPへ戻る</a>
</center>
</font>
</body>
</html>

/////////////////////////////////////////////////////////////
上の枠内(↑)の文字(タグ)をStep3で作った
HTMLファイルのソースにコピーして[上書き保存]して下さい。
初心者の方の中には“コピー”のやり方が判らないって人も案外いらしゃると思います。
そういう方はここクリックして下さい。
その後確認の為そのブラウザの[更新］をクリックして
下の様な状態になっていることを確認してください。

前のページに戻る　　　　　次のページへ

TOPへ戻る

ちなみに、この赤バツマークは
イメージファイルが正しく設定されていないという印です。
現時点では貴方はイメージファイルを設定してませんから
こう表示されるのが正しい訳です。
ちゃんと設定されると「小さな白四角に赤バツマーク」の所に
貴方が指定したイメージファイル(静止画)が下の様に入るわけです。

～完成例～

前のページに戻る　　　　　次のページへ

TOPへ戻る

コピーが上手くいった方は Step7.1へ

上手くいかなかった方は下記を参考に再度コピーをおこなって下さい。

～コピーのやり方～

まずStep1で作ったディスクトップ上のHP用フォルダを開けて
HTMLファイルをクリックして上図の様に青帯状態にして下さい。

そして適当な場所にカーソルを持って行き
右クリックで右図のようにウインドを開いて、
そこから［コピー］を選択してクリックします。

次にツールバーから［編集］ボタンを押して
[貼り付け]を選択、クリックします。(上左図参)

すると上右図のようにHTMLファイルのコピーが
出てきたと思います。

更に，そのコピーされたファイルにカーソルをあわせて
右クリックし、そこから[名前の変更]を選んで
クリックしましょう。(左図参)

下左図のようにファイル名が名前変更モードになったら
キーボードから適当なアルファベット(半角英数字)の
ファイル名を打ち込みましょう。

この名前が最終的に貴方のHP上のHTMLファイルの名前(ファイル名)となるります。
個人的経験から言えば、あまり長い名前だと後の作業が面倒になるので
2～4文字程度のアルファベットと、
ページ数などを意味する2～3桁の数字
(全て半角)くらいの文字数で構成するのがいいと思います。
ここでは貴方のマンガ作品のタイトルを仮に“ABC”と言うタイトルとして、
その1ページ目用のファイルと言う意味で
『ABC001』というファイル名にしてみました。(上右図)

…で、この“ABC001.htm”を開いて(左図の状態)、

さらに、[表示]から[ソース]を選択(左下図)、クリックして

“ABC001.htm”のタグ表示のメモ帳ウインドを開きます。
(下図の状態)

さぁ、ここまで準備できたらところで
ようやく当ページTOP部の“枠内タグ文字”をコピーしましょう！

まず、枠内の文字列(タグ)の最初のタグ
(この図では見えていませんが
<html>の“<”マーク)に
カーソルをあわせてクリックして、
それを放さないでカーソルを文末の
</html>まで移動(ドラッグ)させます。

すると左図のように文字が
青帯で覆われる状態になるはずです。
この状態でクリックを一度放します。

枠内の文字･記号が全て青帯に
覆われているのを確認したら
カーソルを画面の邪魔にならない
適当な場所に移動させて
右クリックを一度押します。
すると下図のようなウィンドが開くはずです。
(この時、間違って左クリックすると
青帯が消えてしまいます。
その場合は青帯を出す所からやり直して下さい。)
カーソルを[コピー]にあわせて左クリックします。

ここで再び“ABC001.htm”の
白紙のメモ帳ウインドに戻り
白紙の上をクリックしてから
再度白紙上で
右クリックをしましょう。

下のようなウインドが開いたら
[貼り付け]を選択してクリックすると…、

右図のようにタグのコピーが
出来上がる訳です！！
(右の図と多少文字が違っても
上のタグの<html>から</html>までの
全ての文字＆記号が網羅されていればOKです。
逆に余計な物がある場合は削除しましょう！)

しかし、まだ終わりではありません。
このコピーしたタグを［上書き保存］しなければ、
せっかくのここまでの作業が
消えてしまいますからね！(下図参)

最後に“ABC001.htm”のブラウザ画面の[更新]を
クリックして下のような文字の配列になっているか
確認してください。
(ただし、背景色は“灰色”に変更しましたので
図の様に“白い”背景にはならないはずです。

また画面に足りない物があれば、
コピーの際にミスがあった
可能性があるります。
当ページの枠内タグと“ABC001.htm”の［ソース］に
コピーしたタグが、まったく同じ状態かどうか
確認して、違っていたらそこを修正してください。)

このページのTOPに戻る

Step7.1へ

なお各ステップにおいて解らない点がありましたら
ここをクリックして
“まんが浪人の掲示板”
に質問を書き込んで置いてください。

回答はも“まんが浪人の掲示板”にて発表いたします。
ただし、解る範囲でしかお答えできませんので、
その点は理解していただき、ご容赦ください。
また回答には数日～十数日以上かかる場合があります。