今回はホームページ作成仮最終確認①
全体を見ていきます。
まずはTOPページとその他のページ
こんな感じになっています。
まずはTOPのプログラム
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<div class="main">
<script type="text/javascript"src="script3.js">
</script>
<h1 align="center">マんタの商店仮へようこそ。</h1>
</div>
<div class="menu">
<ul class="center">
<li class="select"><a href="top.html" ><strong>TOP</strong></a></li>
<li><a href="form.html"><strong><br>お茶注文</strong></a></li>
<li><a href="praiz.html"><strong><br>プライズ商品注文</strong></a></li>
</ul></div>
<p>画像をクリックするとそれぞれのページ にとびますwww</p>
<p align="list-centered"><a href="top.html"><img src="image/Top.jpg " alt="top"/>
<a href="form.html"><img src="image/おちゃ缶.jpg " alt="おちゃ缶"/>
<a href="praiz.html"><img src="image/プライズ商品.png " alt="プライズ"/></a></p>
<h2>訪問いただきありがとうございます</h2>
<div class="page">
<p class="logo"><a href="rent.html"></a><a href="mori.html"></a></p>
<script type="text/javascript">
<!--
function tojiru(){
window.close();
}
function ssa(){
setTimeout("document.thre.src='image/s2.jpg'",1000);
setTimeout("document.thre.src='image/s3.jpg'",3000);
setTimeout("document.thre.src='image/s4.jpg'",6000);
setTimeout("document.thre.src='image/s5.jpg'",10000);
setTimeout("document.thre.src='image/s4.jpg'",15000);
setTimeout("document.thre.src='image/s3.jpg'",20000);
setTimeout("document.thre.src='image/s2.jpg'",25000);
setTimeout("document.thre.src='image/s1.jpg'",30000);
setTimeout("document.thre.src='image/s2.jpg'",35000);
setTimeout("document.thre.src='image/s3.jpg'",40000);
setTimeout("document.thre.src='image/s4.jpg'",45000);
setTimeout("document.thre.src='image/s5.jpg'",50000);
}
number=1;
function fom(){
if(number==1){
document.katachi.src="image/fom2.png";
number=2;
}
else if(number==2){
document.katachi.src="image/fom3.png";
number=3;
}
else if(number==3){
document.katachi.src="image/fom4.png";
number=4;
}
else if(number==4){
document.katachi.src="image/fom5.png";
number=5;
}
else if(number==5){
document.katachi.src="image/fom6.png";
number=6;
}
else{
document.katachi.src="image/fom1.png";
number=1;
}
}
-->
</script>
</div>
</head>
<body onload="ssa()">
<p><img src="image/s1.jpg " alt=""name="thre"></a></p>
<p><input type="button"value="閉じる"onclick="tojiru()"></p>
</body>
</html>
さらに詳しく見ていきますが‥‥
お茶とプライズページについてですが、
このようなボタンがあります。
<p align="center"><br>お客様情報入力欄</p>
<table border="1" summary="お客様情報入力欄"align="center">
<tr>
<th class="left">支払方法(必須デス)</th>
<td>
<label for="dai"><a href="daibiki.html"><input id="dai" type="button" name="shiharai" value="代金引換"></a></label>
<label for="gin"><a href="banku.html"><input id="gin" type="button" name="shiharai" value="銀行振込"></a></label>
<br>
<br>
<label for="kure"><a href="kard.html"><input id="kure" type="button" name="shiharai" value="クレジット決済"></a></label>
<label for="ari"><a href="ALISbarai.html"><input id="ari" type="button" name="shiharai" value="ALIS払い"></a></label>
ぷろぐらむのぶぶんはこんなかんじですが・・・・
となるわけです。
で、ごじつPAYのページも作ることも考えていますが…
ここまでご覧いただきありがとうございました。
ホームページ作成仮 最終確認②に続く・・・・・
BYマんタ