← 前のページへ戻る

「車でGo!」画面作り

      



 HTMLで「車でGo!」の画面作りをします。(この状態では動作しません)
 HTMLは、ホームページ作成ソフトを利用する方が簡単です。

 ゲーム中に使用する画像は全て表示させる必要があるので、とりあえず適当に表示させています。

 HTMLは下記のようになります。参考にして下さい。
<HTML>
<HEAD>
<TITLE>車でGo!画面作り</TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border="1" width="500" height="300" bgcolor="#ffffff">
<TBODY>
<TR>
<TD width="100" height="100"><IMG src="migi.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
</TR>
<TR>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD colspan="3" nowrap align="center" bgcolor="#ffeace">
<INPUT type="button" value="スタート" style="font-size:18px">
<INPUT type="button" value="ストップ" style="font-size:18px">
</TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
</TR>
<TR>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="conv.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="miti.gif" width="100" height="100" border="0"></TD>
<TD width="100" height="100"><IMG src="hidari.gif" width="100" height="100" border="0"></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<FORM>
<P align="center">
<INPUT size="64" type="text" readonly style="font-size:18px" value=" しばらくお待ち下さい。">
</P>
</FORM>
</BODY>
</HTML>