สรุป2 html

สรปุ 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

ทีอ่ยู ่

เบอรโ์ทร

Email

วธิีการ 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="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>

สรุป2 html

Documents