สรุป2 html
description
Transcript of สรุป2 html
![Page 1: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/1.jpg)
สรปุ HTML 29 เมษายน 2555
![Page 2: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/2.jpg)
สรา้งดว้ย TEXT EDITOR ดูผลลพัธด์ว้ย Browser
Notepad
Edit plus
Dreamwaver
![Page 3: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/3.jpg)
โครงสรา้งของ WEBSITE
Website
Homepage index.html
Notepad
รูปภาพ
Webpage page1.html
Webpage page2.html
![Page 4: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/4.jpg)
ยกตวัอย่าง เช่น
Kapook.com
Homepage index.html
Notepad
รูปภาพ
มลัตมิีเดยี
เกมส ์
ฟังเพลง
![Page 5: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/5.jpg)
Home Page
Webpage
Website
![Page 6: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/6.jpg)
งานท าสง่
แนะน าตวัเอง
หนา้แรก index.html
Notepad
รูปภาพ ประวตัสิว่นตวั page1.html
ประวตักิารศึกษา
page2.html
![Page 7: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/7.jpg)
หนา้แรก INDEX.HTML
ยนิดตีอ้นรบัเขา้สูเ่วบ็ไซต ์ของฉนั
![Page 8: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/8.jpg)
ประวตัิสว่นตวั PAGE1.HTML
ชือ่-นามสกุล :
อายุ :
วนัเดอืนปีเกิด :
อาหารทีช่อบ :
เพลงทีช่อบ :
ดาราทีช่อบ :
นกัรอ้งทีช่อบ :
สถานทีท่อ่งเทีย่วทีช่อบ :
![Page 9: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/9.jpg)
ประวตัิการศึกษา PAGE2.HTML
ประถม :
มธัยม :
วทิยาลยั :
มหาวทิยาลยั :
![Page 10: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/10.jpg)
ประวตัิการท างาน PAGE3.HTML
บรษิทั xxx
บรษิทั xxx
![Page 11: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/11.jpg)
รูปภาพ PAGE4.HTML
![Page 12: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/12.jpg)
ติดตอ่เรา PAGE5.HTML
ทีอ่ยู ่
เบอรโ์ทร
![Page 13: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/13.jpg)
วธิีการ ZIP FILE สง่ MAIL
1. คลิก Folder ทีเ่ก็บงาน
2. คลิกขวา
3. เลือก Add to “………...rar”
ไฟลท์ีใ่ชส้ง่ คอืไฟลท์ีเ่ป็นรูปสมุด
![Page 14: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/14.jpg)
![Page 15: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/15.jpg)
ตวัอยา่ง 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>
![Page 16: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/16.jpg)
![Page 17: สรุป2 html](https://reader033.fdocuments.us/reader033/viewer/2022050920/549604b0b47959474d8b4e9f/html5/thumbnails/17.jpg)
ตวัอยา่ง 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>