สรุป2 html
Post on 18-Dec-2014
1.244 Views
Preview:
DESCRIPTION
TRANSCRIPT
สรปุ HTML 29 เมษายน 2555
สรา้งดว้ย TEXT EDITOR ดูผลลพัธด์ว้ย Browser
Notepad
Edit plus
Dreamwaver
โครงสรา้งของ WEBSITE
Website
Homepage index.html
Notepad
รูปภาพ
Webpage page1.html
Webpage page2.html
ยกตวัอย่าง เช่น
Kapook.com
Homepage index.html
Notepad
รูปภาพ
มลัตมิีเดยี
เกมส ์
ฟังเพลง
Home Page
Webpage
Website
งานท าสง่
แนะน าตวัเอง
หนา้แรก index.html
Notepad
รูปภาพ ประวตัสิว่นตวั page1.html
ประวตักิารศึกษา
page2.html
หนา้แรก INDEX.HTML
ยนิดตีอ้นรบัเขา้สูเ่วบ็ไซต ์ของฉนั
ประวตัิสว่นตวั PAGE1.HTML
ชือ่-นามสกุล :
อายุ :
วนัเดอืนปีเกิด :
อาหารทีช่อบ :
เพลงทีช่อบ :
ดาราทีช่อบ :
นกัรอ้งทีช่อบ :
สถานทีท่อ่งเทีย่วทีช่อบ :
ประวตัิการศึกษา PAGE2.HTML
ประถม :
มธัยม :
วทิยาลยั :
มหาวทิยาลยั :
ประวตัิการท างาน PAGE3.HTML
บรษิทั xxx
บรษิทั xxx
รูปภาพ PAGE4.HTML
ติดตอ่เรา PAGE5.HTML
ทีอ่ยู ่
เบอรโ์ทร
วธิีการ ZIP FILE สง่ MAIL
1. คลิก Folder ทีเ่ก็บงาน
2. คลิกขวา
3. เลือก Add to “………...rar”
ไฟลท์ีใ่ชส้ง่ คอืไฟลท์ีเ่ป็นรูปสมุด
ตวัอยา่ง CODE หนา้ INDEX.HTML (ลิ้งคด์ว้ยขอ้ความ) <html>
<head>
<title>ยินดีตอ้นรบัเขา้สูเ่วบ็ไซตข์องฉนั </title></head>
<body bgcolor="pink">
<marquee direction="right">ขอตอ้นรบัเขา้สูเ่วบ็ไซต ์ประวตัิสว่นตวัของฉนั</marquee>
<center>งานวชิา HTML (รอบวนัอาทิตย)์ </center><br>
<center><A HREF="index.html">หนา้แรก</A> l <A HREF="page1.html">ประวตัิสว่นตวั</A> l <A HREF="page2.html">ประวตัิการศึกษา
</A> l <A HREF="page3.html">ประวตัิการท างาน </A>l <A HREF="page4.html">รูปภาพ</A> l <A HREF="page5.html">ตดิตอ่
</A></center>
<hr>
งานสง่วนัที่ 6 พฤษภาคม 25551. สรา้งเวบ็เพจ “แนะน าตวัเอง” <br>
หนา้แรก index.html <br>
ประวตัิสว่นตวั page1.html <br>
ประวตักิารศึกษา page2.html <br>
ประวตักิารท างาน page3.html <br>
รูปภาพ page4.html <br>
ติดตอ่เรา page5.html <br>
<hr>
<center><h2>นางสาว..............................หอ้ง........
วทิยาลยัเทคโนโลยีพณิชยการเจา้พระยา</h2></center>
</body>
</html>
ตวัอยา่ง CODE หนา้ INDEX.HTML (ลิ้งคด์ว้ยรูปภาพ) <html>
<head>
<title>
</title>
</head>
<body background="11.jpg">
<center><table border="0">
<tr>
<td><a href="index.html"><img border="0" src="back.gif"></a></td>
<td><a href="index.html"><img border="0" src="m1.jpg"></a></td>
<td><a href="p2.html"><img border="0" src="m2.jpg"></a></td>
<td><a href="p3.html"><img border="0" src="m3.jpg"></a></td>
<td><a href="p4.html"><img border="0" src="m4.jpg"></a></td>
<td><a href="p5.html"><img border="0" src="m5.jpg"></a></td>
<td><a href="p6.html"><img border="0" src="m6.jpg"></a></td>
<td><a href="p2.html"><img border="0" src="next.gif"></a></td>
</tr>
</table>
</center> <br>
<tr><td><marquee><font color=blue>ยินดตีอ้นรบัเขา้สู่เวบ็ไซตข์องฉนั</font></marquee></td></tr>
<br><br>
<center><h3>เวบ็ไซตแ์นะน าตนเอง จดัท าขึ้นเพ่ือเป็นส่วนหน่ึงของการเรียนวชิา การสรา้งเวบ็เพจดว้ยภาษา HTML <br>ของระดบัช ัน้ ปวส.2 รอบวนัอาทิตย ์ภาคเรียนที่ 4/2554 วทิยาลยัเทคโนโลยีพณิชยการเจา้พระยา
</h3></center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <center><img src="kapook_38023.gif"><h3> จดัท าโดย <br><br> ...................... หอ้ง .... <br>วทิยาลยัเทคโนโลยีพณิชยการเจา้พระยา </h3></center>
</body>
</html>
top related