สวัสดีครับ
วันนี้ผมจะมารีวิวเว็บไซร์ระบบสุริยะที่ผมทำขึ้นมาเองนะครับ
หน้าแรกของเว็บไซร์
ดาวเคราะห์ต่างๆ
<title>ระบบสุริยะ</title>
<style type=”text/css”>
.p1 .p1 {
color: #F00;
}
</style>
<body background=”../image/27_solar_system_r_w.jpg”> นี้เป็นbackground ของเว็บผม
<body>
<table width=”431″ height=”323″ border=”0″>
<tr>
<th colspan=”3″ scope=”col”><a href=”INDEX.html”><img src=”../image/สมบูรณ์.jpg” width=”1372″ height=”271″ /></a></th>
</tr>
<tr>
<td colspan=”3″><table width=”1374″ height=”441″ border=”0″>
<tr>
<th colspan=”3″ scope=”col”><marquee direction=”right”>
<h1 style=”color:#F00″>ระบบสุริยะ</h1></marquee></th>
</tr>
<tr>
<td width=”311″ height=”240″><table width=”250″ height=”193″>
<tr>
<td><a href=”ดวงอาทิตย์.html”><img src=”../image/ดวงอาทิตย์.jpg” width=”300″ height=”80″ /></a></td>
</tr>
<tr>
<td><a href=”ดาวเคราะห์ในระบบสุริยจักรวาล.html”><img src=”../image/ดาวเคราะห์ในระบบสุริยจักรวาล.jpg” width=”300″ height=”70″ /></a></td>
</tr>
<tr>
<td><a href=”ดาวเคราะห์ชั้นใน.html”><img src=”../image/ดาวเคราะห์ชั้นใน.jpg” width=”300″ height=”70″ /></a></td>
</tr>
<tr>
<td><a href=”ดาวเคราะห์ชั้นนอก.html”><img src=”../image/ดาวเคราะชั้นนอก.jpg” width=”300″ height=”70″ /></a></td>
</tr>
</table></td> ผมใช้วิธีการแทรกตารางเข้าไปเพื่อให้ง่ายต่อการจัดรูปแปป แล้วก็จะมีคำสั่งที่ลิงก์ไปสู่หน้าเพจอื่น
ส่วนนี่เป็น Javascript ที่ผมใส่ไปในเว็บนะครับ
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
function greeting() {
var today = new Date();
var hrs = today.getHours();
document.writeln(“<CENTER>”);
document.write(“”);
document.writeln(“<BR>”);
document.write(“<H1>สวัสดี “);
if (hrs < 6)
document.write(“วันใหม่”);
else if (hrs < 12)
document.write(“ตอนเช้า”);
else if (hrs <= 18)
document.write(“ตอนบ่าย”);
else
document.write(“ตอนเย็น”);
document.writeln(“!</H1>”);
document.write(“คุณเข้าชมหน้านี้ในวันที่ “);
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln(“</CENTER>”);
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var monthNames = “JanFebMarAprMayJunJulAugSepOctNovDec”;
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);
year = today.getYear() + 0;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln(“<CENTER>”);
document.write(“<TABLE BORDER>”);
document.write(“<TR><TH COLSPAN=7>”);
document.write(monthNames.substring(today.getMonth() * 3,
(today.getMonth() + 1) * 3));
document.write(“. “);
document.write(year);
document.write(“<TR><TH>sun<TH>mon<TH>tue<TH>wed<TH>thu<TH>fri<TH>sat”);
document.write(“<TR>”);
column = 0;
for (i=0; i<startDay; i++) {
document.write(“<TD>”);
column++;
}
for (i=1; i<=nDays; i++) {
document.write(“<TD>”);
if (i == thisDay)
document.write(“<FONT COLOR=\”#FF0000\”>”)
document.write(i);
if (i == thisDay)
document.write(“</FONT>”)
column++;
if (column == 7) {
document.write(“<TR>”);
column = 0;
}
}
document.write(“</TABLE>”);
document.writeln(“</CENTER>”);
}
greeting();
document.write(“</br>”);
calendar();
document.write(“”);
// End –>
</SCRIPT>
ถ้าอยากรู้ว่าJavascript ของผมคืออะไรลองโหลดได้ที่ลิงก์ด้านล่างนะครับ
Google Drive-https://drive.google.com/drive/folders/0B_7XiV-hNMu3MUJpYXcyZ3J6bVU?usp=sharing
