การพัฒนาเว็บเพจด้วยโปรแกรมสำเร็จรูป� ๓๒๐๔ – ๒๒๐๒�จำนวน ๓ หน่วยกิต

​

​

ความรู้เบื้องต้นเกี่ยวกับโฮมเพจ เว็บเพจ และเว็บไซต์

• ความหมายของโฮมเพจ เว็บเพจ และเว็บไซต์

​

โฮมเพจ (Home Page) คือ คำที่ใช้เรียกหน้าแรกของเว็บไซต์ที่ประกอบไปด้วยเมนู และเนื้อหาต่างๆคล้ายกับหน้าปกนิตยสาร ซึ่งถ้ามีการออกแบบหน้าโฮมเพจให้สวยงาม และน่าสนใจ ก็สามารถดึงดูดผู้ชมให้เข้ามาอ่านข้อมูลภายในโฮมเพจได้อีกทางหนึ่งด้วย

​

​

เว็บเพจ (Web Page) คือ หน้าเอกสารที่ใช้แสดงข้อมูลในรูปแบบต่างๆ บนเว็บไซต์ โดยข้อมูลจะถูกสร้างขึ้นจากภาษา

HTML (Hypertext Markup Language)

แต่ละเว็บเพจสามารถประกอบด้วยข้อความ รูปภาพ เสียง และ วิดีโอ

​

​

เว็บไซต์ (Web Site) คือ คำที่ใช้เรียกกลุ่มของเว็บเพจ ภายในจะประกอบไปด้วยหน้าโฮมเพจ ชื่อเว็บไซต์ไว้ เช่น

http://www.grafixen.com/ http://veerle.duoh .com/

วิธีการสร้างโฮมเพจและเว็บไซต์

• การสร้างโฮมเพจมีความยากง่ายแตกต่างกันออกไปตามลักษณะของ

ภาษา หรือเครื่องมือที่ใช้ในการพัฒนา โดยทั่วไปมี 3 วิธีการใหญ่ๆ ดังนี้

​

• การสร้างโฮมเพจด้วยโปรแกรมของเว็บโฮสต์ติ้ง (Web Hosting) คือ บริการให้เช่าพื้นที่ หรือรับฝากเว็บไซต์บนเว็บเซิร์ฟเวอร์ (Web Server) โดยทั่วไปจะเรียกว่าเว็บโฮส (Web Host) ซึ่งทำหน้าที่เป็นศูนย์กลางเก็บข้อมูล สำหรับเชื่อมบริการต่างๆ ผ่านทางอินเทอร์เน็ต เช่น รูปภาพ และวิดีโอผ่านทางเว็บ

• 2. การสร้างด้วยโปรแกรมสำหรับสร้างเว็บไซต์
• เช่น โปรแกรม Notepad EditPlus
• 3. การสร้างเว็บไซต์ด้วยระบบบริหารจัดการเนื้อหาเว็บไซต์ หรือ CMS

ส่วนประกอบในหน้าโฮมเพจ

• โลโก้ (Logo)
• เมนูหลัก (Link Menu)
• ป้ายโฆษณา (Banner)
• ภาพประกอบและเนื้อหา (Images and Content)

• สร้าง โฟเดอร์ ไว้สำหรับเก็บไฟล์ต่างๆ เช่น ไฟล์ภาพ ไฟล์เสียง ไฟล์ html เป็นต้น

การสร้างเว็บไซต์

การสร้างเว็บไซต์

Index.html

a.html

b.html

c.html

d.html

คำสั่ง

• ให้นักเรียนสร้างเว็บไซต์ โดยหน้าแรก ตั้งชื่อไฟล์ว่า index.html พร้อมตกแต่งให้สวยงาม
• ให้นักเรียนใช้โปรแกรมกราฟิกออกแบบ� โลโก้เว็บไวต์ให้สวยงาม

การสร้างเว็บไซต์