作り方講座

Step6.セリフを入れる

■「吹き出し」の使い方講座■

index.htmをテキストエディタ等で開きます。
「##############################」を探し出します。
メモ帳なら、「編集」→「検索」→「###」を検索。とすればすぐ見付かると思います。

「###…###」の部分にStep.4でコピーしておいたセリフを貼り付けます。
「###…###」はこの後は必要ありませんので消しておいてください。

「###…###」の部分にさっきコピーしたセリフを貼り付けた。

<TABLE BORDER="3">
<TR>
	<TD><IMG SRC="m_b01.png" ALT="キャラクター" WIDTH="32" HEIGHT="32"></TD>
	<TD>
		<!-- ここから吹き出し -->
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR><TD HEIGHT="1"></TD><TD HEIGHT="1"></TD><TD HEIGHT="1"></TD><TD BGCOLOR="BLACK" HEIGHT="1"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD><TD HEIGHT="1"></TD><TD HEIGHT="1"></TD></TR>
<TR><TD></TD><TD></TD><TD><IMG src="white/fuki201.png" BORDER="0"></TD><TD BGCOLOR="WHITE"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD><TD><IMG src="white/fuki202.png" BORDER="0"></TD><TD></TD></TR>
<TR><TD><IMG src="white/fuil209.png" BORDER="0" WIDTH="16" HEIGHT="16"></TD>
    <TD BGCOLOR="BLACK"><IMG src="white/dummy04.png" BORDER="0" WIDTH="1" HEIGHT="16"></TD>
    <TD BGCOLOR="WHITE"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD><TD BGCOLOR="WHITE">
<!-- 台詞 -->
こんにちは<BR>
よろしくね！</TD>
    <TD BGCOLOR="WHITE"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD>
    <TD BGCOLOR="BLACK"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD></TR>
<TR><TD></TD><TD></TD><TD><IMG src="white/fuki203.png" BORDER="0"></TD><TD BGCOLOR="WHITE"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD><TD><IMG src="white/fuki204.png" BORDER="0"></TD><TD></TD></TR>
<TR><TD HEIGHT="1"></TD><TD HEIGHT="1"></TD><TD HEIGHT="1"></TD><TD BGCOLOR="BLACK" HEIGHT="1"><IMG src="white/dummy01.png" BORDER="0" WIDTH="1" HEIGHT="1"></TD><TD HEIGHT="1"></TD><TD HEIGHT="1"></TD></TR>
</TABLE>
		<!-- ここまで吹き出し -->
	</TD>
</TR>
</TABLE>



			こんにちはよろしくね！

こんな風に表示されたら成功です。
どうでしょうか？うまくいきましたか？

ここまで出来れば、完成したも同然です。
あとは、Step.1で作ったテーブルの枠を消すだけです。

引き続きStep.6では、index.htmを編集します。

Step6.セリフを入れる

<<戻る　　次へ>>