ตัวอย่างเว็บเพจ (Web page) แบบต่าง ๆ


	ตัวอย่างเว็บเพจ (Web page) แบบต่าง ๆ

เว็บเพจสำรอง (Backup Webpages) : thaiall.com | lampang.thcity.com
ปรับปรุง : 2548-02-25 ()

บทเรียน ONLINE : การเขียน Homepage ด้วย HTML [ ตัวอย่าง HOMEPAGE แบบต่าง ๆ ]

Print screen ภาพมา เมื่อวันที่ 5 ตุลาคม 2542

1 http://www.thaiall.com htmsam01.jpg - 11,104 byte	2 http://www.stanford.edu htmsam02.jpg - 13,072 byte
3 http://usa.nedstatbasic.net htmsam03.jpg - 11,008 byte	4 http://www.hollywood.com htmsam04.jpg - 13,879 byte
5 http://www.nectec.or.th htmsam05.jpg - 12,515 byte	6 http://www.networksolutions.com htmsam06.jpg - 11,964 byte
7 http://www.thainame.net htmsam07.jpg - 12,392 byte	8 http://www.shareware.com htmsam08.jpg - 12,021 byte
9 http://www.thaiall.com/me/mypic00.jpg /me/mypic00.jpg - 3,259 byte	10 http://www.thaiall.com/indexpic/logota3.gif /pic/logota3.gif - 2,060 byte
11 http://www.thaiall.com/indexpic/fld_t.gif [ 112 byte ] http://www.thaiall.com/indexpic/fld_c.gif [ 130 byte ] http://www.thaiall.com/indexpic/fld_b.gif [ 127 byte ] thaiall.com test topic 1 test topic 2	12 http://www.thaiall.com/indexpic/logota3.gif /pic/logota3.gif - 2,060 byte

ตัวอย่างสองภาพนี้ แสดงให้เห็นความแตกต่างของภาพโปรงใส และภาพธรรมดา

ตัวอย่าง 11 แสดงให้เห็นการเขียน HTML แบบง่าย ๆ เพียงไม่กี่บรรทัดก็ได้ homepage ออกมาแล้ว

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 12 เพิ่มรายละเอียดจาก ต.ย.11 อีกนิดหน่อย เริ่มมีการใช้สี และ link

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 13 ยากขึ้นอีกมาก เพราะมีการสร้างตาราง ใส่ภาพ และ link อีกเยอะเลย

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 14 เริ่มแสดงให้เห็นการนำมาทำ gallery ซึ่งต้องหาภาพมา พร้อมกับวางภาพให้สวย

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 15 แสดงการตกแต่งนิดหน่อย แต่เป็นแบบของ homepage ที่เน้นเนื้อหาสาระ

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 16 ลักษณะของเมนูทำให้ผู้ใช้ต้องตัดสินใจที่จะเลือกข้อมูลอะไร

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 17 แสดงเมนูกับ frame

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 18 แสดงการแบ่ง frame เป็นหลาย ๆ ส่วนที่ซับซ้อนขึ้นเหมือน hollywood

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML

ตัวอย่าง 19 แสดงการ map ภาพ เพื่อแยกภาพ เป็นส่วน สำหรับแต่ละ link

ตัวอย่างนี้ สามารถเรียกดู html และแก้ไขได้ใน EDITOR ON WEB FOR HTML