:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 แบบทดสอบก่อนเรียน
 เว็บเพจคืออะไร
 การทำงานของเว็บเพจ
 คำศัพท์เกี่ยวการสร้างเว็บเพจ
 โปรแกรมที่ใช้สร้างเว็บเพจ
 หลักการออกแบบเว็บเพจ
 การออกแบบเว็บไซต์
 ขั้นตอนการสร้างเว็บไซต์
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์

คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บ



สิ่งที่ควรรู้ก่อนสร้างเว็บเพจ คือ คำศัพท์ต่างๆ ที่ช่วยทำให้เราเข้าใจและสามารถศึกษาการสร้างเว็บเพจได้อย่างถูกต้อง

Internet

Internet หมายถึง เครือข่ายคอมพิวเตอร์ขนาดใหญ่ ที่มีการเชื่อมต่อระหว่างเครือข่ายหลายๆ เครือข่ายทั่วโลก โดยใช้ภาษาที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (Protocol) ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้ในหลายๆ ทาง อาทิเช่น อีเมล เว็บบอร์ด และสามารถสืบค้นข้อมูลและข่าวสารต่างๆ รวมทั้งคัดลอกแฟ้มข้อมูลและโปรแกรมมาใช้ได้

WWW (World Wide Web)

WWW เวิลด์ไวด์เว็บ (อังกฤษ: World Wide Web, WWW, W3 ; หรือที่เรียกกันสั้นๆ ว่า "เว็บ") คือพื้นที่ที่เก็บข้อมูลข่าวสารที่เชื่อมต่อกันทางอินเทอร์เน็ต โดยการกำหนด URL คำว่าเวิลด์ไวด์เว็บมักจะใช้สับสนกับคำว่า อินเทอร์เน็ต โดยจริงๆแล้วเวิลด์ไวด์เว็บเป็นเพียงแค่บริการหนึ่งบนอินเทอร์เน็ต

เว็บเพจ (Web Page)

เว็บเพจ (Web Page) หมายถึง หน้าเอกสารของบริการ WWW ซึ่งตามปกติจะถูกเก็บอยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language) ใช้ในการเผยแพร่ข้อมูลข่าวสารซึ่งประกอบด้วยข้อความ ภาพ เสียง และภาพยนต์ ผ่านทางเครือข่ายอินเทอร์เน็ต ถ้าเปรียบกับหนังสือก็หมายถึง หน้าแต่ละหน้าของหนังสือ แต่เว็บเพจแต่ละหน้าจะมีการเชื่อมโยงหรือ “ลิงค์” (Link) กัน เพื่อให้ผู้ชมเรียกดูเอกสารหน้าอื่นๆ

โฮมเพจ (Home Page)

โฮมเพจ (Home Page) คือเว็บเพจหน้าแรกซึ่งเป็นทางเข้าหลักของเว็บไซท์ ปกติเว็บเพจทุกๆ หน้าในเว็บไซท์จะถูกลิงค์ (โดยตรงหรือโดยอ้อมก็ตาม) มาจากโฮมเพจ ถ้าเปรียบกับร้านค้า โฮมเพจก็เป็นเสมือนหน้าร้านนั่นเอง ดังนั้นจึงมักถูกออกแบบให้โดดเด่นและน่าสนใจมากที่สุด ซึ่งไฟล์ HTML ที่เป็นโฮมเพจ (Home Page) จะต้องชื่อไฟล์ว่า index.html, index.php, index.asp เป็นต้น




ภาพตัวอย่างโฮมเพจ หรือ หน้าแรกของเว็บไซต์

เว็บไซต์ (Web Site)

เว็บไซต์ คือ คำที่ใช้เรียกกลุ่มของเว็บเพจ ( ดังนั้นภายในเว็บไซต์จะประกอบไปด้วยโฮมเพจและเว็บเพจ ) โดยเรามักใช้เรียกเว็บที่มีขนาดใหญ่และมีการจดทะเบียนชื่อเว็บไซต์นั้นๆไว้แล้ว (Domain Name) เช่น http://www.sanook.com , http://www.jv.ac.th , http://www.youtube.com เป็นต้น

เว็บบราวเซอร์ (Web Browser)

เว็บเบราว์เซอร์ (web browser) เบราว์เซอร์ หรือ โปรแกรมเรียกดูเว็บไซต์ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) พีเอชพี (php) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่นๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ (www) ปัจจุบันบราวเซอร์ที่ได้รับความนิยม ก็มี Internet Explorer ของไมโครซอฟท์ Firefox และ Google Chrome ซึ่งเป็นบราวเซอร์โอเพ่นซอร์ส




ภาพตัวอย่างเว็บบราวเซอร์

เว็บเซิร์ฟเวอร์ (Web Server)

Web server คือ เครื่องคอมพิวเตอร์ ที่ติดตั้งโปรแกรมคอมพิวเตอร์ ซึ่งทำหน้าที่ให้บริการข้อมูล แก่ Client หรือ เครืองคอมพิวเตอร์ที่ขอรับบริการ ในรูปแบบ สื่อผสม ผ่านระบบเครือข่าย โดยสามารถแสดงผล ผ่านโปรแกรมเว็บบราวเซอร์ หรืออาจกล่าวได้ว่า Web server คือโปรแกรมที่คอยให้บริการแก่ Client ที่ร้องขอข้อมูลเข้ามาโดยผ่าน web browser


โดเมนเนม (Domain Name)

การติดต่อกันบนอินเทอร์เน็ตนั้น จะใช้ไอพีแอดเดรสในการทำงาน แต่เป็นตัวเลขที่ยาว ทำให้ผู้ใช้จำยาก จึงได้มีการใช้โดเมนเนม (Domain Name) หรืออินเทอร์เน็ตแอดเดรส (Internet Address) มาใช้ ซึ่งเป็นการนำตัวอักษรที่จำง่ายมาใช้แทนไอพีแอดเดรส โดเมนเนมจะไม่ซ้ำกัน และมักถูกตั้งให้สอดคล้องกับชื่อบริษัท หรือองค์กรผู้เป็นเจ้าของ เพื่อสะดวกในการจดจำชื่อ เช่น บริษัท ดีแทค มีโดเมนเป็น www.youtube.com



ภาพตัวอย่างเว็บบราวเซอร์

ประเภทของ Domain Name แบ่งได้เป็น 2 ประเภท

1. โดเมน 2 ระดับ ชื่อโดเมน . ประเภทของโดเมน
2. โดเมน 3 ระดับ ชื่อโดเมน . ประเภทของโดเมน . ประเทศ

โดนเมนเนม 2 ระดับ

จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน เช่น www.hotmail.com ประเภทของโดเมน คือ คำย่อขององค์กร โดยประเภทขององค์กรที่พบบ่อย มีดังต่อไปนี้

  • .com คือ บริษัท หรือ องค์กรพาณิชย์
  • .net คือ องค์กรที่เป็นเกตเวย์ หรือ จุดเชื่อมต่อเครือข่าย
  • .org คือ องค์กรเอกชนที่ไม่แสวงผลกำไร
  • .edu คือ สถาบันการศึกษา
  • .gov คือ องค์กรของรัฐบาล
  • .mil คือ องค์กรทางทหาร

โดนเมนเนม 3 ระดับ

จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน . ประเทศ เช่น www.chula.ac.th, www.google.co.th ประเภทขององค์กรที่พบบ่อยคือ

  • .co คือ บริษัท หรือ องค์กรพาณิชย์
  • .ac คือ สถาบันการศึกษา
  • .go คือ องค์กรของรัฐบาล
  • .net คือ องค์กรที่ให้บริการเครือข่าย
  • .or คือ องค์กรเอกชนที่ไม่แสวงผลกำไร

ตัวย่อของประเทศที่ตั้งขององค์กร

  • .th คือ ประเทศไทย์
  • .cn คือ ประเทศจีน
  • .uk คือ ประเทศอังกฤษ
  • .jp คือ ประเทศญี่ปุ่น
  • .au คือ ประเทศออสเตรเลีย