SlideShare a Scribd company logo
1 of 9
Download to read offline
ความหมายของเว็บเพจและเว็บไซต์
โฮมเพจ (Home Page)


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

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

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



ในการสร้างโฮมเพจนั้นมีอยู่หลายวิธีด้วยกัน โดยแต่ละวิธีการก็
มีความยากง่ายแตกต่างกันไป สามารถแบ่งวิธีการสร้างโฮมเพจ
                ออกเป็น 3 วิธีใหญ่ๆ ดังนี้
1.สร้างโฮมเพจด้วยโปรแกรมของ Web Hosting


คือเว็บไซต์ที่ทาหน้าที่ให้บริการจัดเก็บข้อมูล โดยบางเว็บไซต์นั้นมีการ
ให้บริการสร้างโฮมเพจสาเร็จรูปให้แก่ผู้ที่ต้องการสร้างโฮมเพจแบบง่ายๆ
โดยการคลิกเลือกรูปแบบของโฮมเพจจากรูปแบบที่ทางเว็บไซต์กาหนดให้
จากนั้นก็กรอกรายละเอียดต่างๆตามแบบฟอร์ม เพียงเท่านี้เราก็จะสามารถ
สร้างโฮมเพจในรูปแบบง่ายๆได้ตามต้องการ แต่การสร้างโฮมเพจด้วย
โปรแกรมของ Web Hosting นี้ ก็มีข้อเสีย คือ มีรูปแบบให้เลือกน้อยและ
ไม่สามารถออกแบบลักษณะของโฮมเพจได้ตามต้องการ
2. ใช้โปรแกรมสาหรับสร้างเว็บไซต์


         ปัจจุบันได้มีการพัฒนาโปรแกรมที่ใช้ในการสร้างเว็บไซต์กันอย่าง
มากมาย เช่น FrontPage , GoLive และ HomeSite เป็นต้น แต่โปรแกรม
สร้างเว็บไซต์ที่นิยมใช้กันมากที่สุด ก็คงจะหนีไม่พ้นโปรแกรม
Dreamweaver
       Dreamweaver     เป็นโปรแกรมที่ใช้งานง่ายและไม่จาเป็นต้องมี
ความรู้ในเรื่องของภาษา HTML ถึงแม้วิธีการสร้างโฮมเพจนั้นอาจจะไม่
ง่ายดายเท่าการสร้างโฮมเพจด้วยเว็บ Hosting แต่เราก็จะสามารถออกแบบ
ความสวยงามของโฮมเพจได้ตามต้องการ
3. การใช้ภาษา HTML และ JavaScript


การสร้างโฮมเพจด้วยภาษา HTML และ JavaScript นั้นจะต้องใช้
ความสามารถและความชานาญในการเขียนโปรแกรมพอสมควร เนื่องจาก
การสร้างโฮมเพจด้วยวิธีนี้ จะใช้วิธีการพิมพ์ข้อความที่เป็นคาสั่งลงไป
จากนั้นโปรแกรมจะทาการแปลงข้อมูลให้กลายเป็นภาพหรือข้อความที่
ต้องการ โดยทั่วไปเรามักใช้ภาษา HTML และ JavaScript ในการตกแต่ง
โฮมเพจ โดยตัวอย่างที่พบเห็นการใช้ภาษา HTML และ JavaScript ได้แก่
การกาหนดให้มีตัวหนังสือวิ่ง การเปลี่ยนแถบสีของ Scroll Bar เป็นต้น
ใบงานที่ 2

คำชี้แจง ให้นักเรียนตอบคาถามต่อไปนี้

1.   เว็บเพจ คือ
2.   โฮมเพจ คือ
3.   ความแตกต่างระหว่างเว็บเพจและโฮมเพจ

More Related Content

What's hot

What's hot (11)

คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
 
ใบความที่ 3
ใบความที่ 3ใบความที่ 3
ใบความที่ 3
 
ใบความรู้ที่ 2.1 เวิล์ดไวด์เว็บ-www
ใบความรู้ที่ 2.1 เวิล์ดไวด์เว็บ-wwwใบความรู้ที่ 2.1 เวิล์ดไวด์เว็บ-www
ใบความรู้ที่ 2.1 เวิล์ดไวด์เว็บ-www
 
Websitebasic
WebsitebasicWebsitebasic
Websitebasic
 
การสร้างเว็บเพจด้วยภาษา Html
การสร้างเว็บเพจด้วยภาษา Htmlการสร้างเว็บเพจด้วยภาษา Html
การสร้างเว็บเพจด้วยภาษา Html
 
HTML5 Startup
HTML5 StartupHTML5 Startup
HTML5 Startup
 
การเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTMLการเขียนเว็บเพจด้วยภาษา HTML
การเขียนเว็บเพจด้วยภาษา HTML
 
คู่มือ Power point
คู่มือ Power pointคู่มือ Power point
คู่มือ Power point
 
Pai01
Pai01Pai01
Pai01
 
หน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 htmlหน่วยการเรียนรู้ที่ 3 html
หน่วยการเรียนรู้ที่ 3 html
 
Internet2
Internet2Internet2
Internet2
 

Viewers also liked (6)

Alcohol use and_hi_vaids_treatment
Alcohol use and_hi_vaids_treatmentAlcohol use and_hi_vaids_treatment
Alcohol use and_hi_vaids_treatment
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 
Hcw training
Hcw trainingHcw training
Hcw training
 
Ei
EiEi
Ei
 
Bates motel and did (2)
Bates motel and did (2)Bates motel and did (2)
Bates motel and did (2)
 
Somatoform& disaasociative disorders nov 9
Somatoform& disaasociative disorders nov 9Somatoform& disaasociative disorders nov 9
Somatoform& disaasociative disorders nov 9
 

Similar to ใบความรู้ที่ 2

ออกแบบ
ออกแบบออกแบบ
ออกแบบ
JiJee Pj
 
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
jompon
 
อะไรคือโฮมเพจ
อะไรคือโฮมเพจอะไรคือโฮมเพจ
อะไรคือโฮมเพจ
banputer
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
Krunicky Rattanapachai
 
ความรู้เบื้องต้นอินเตอร์เน็ต
ความรู้เบื้องต้นอินเตอร์เน็ตความรู้เบื้องต้นอินเตอร์เน็ต
ความรู้เบื้องต้นอินเตอร์เน็ต
เขมิกา กุลาศรี
 
Chapter4
Chapter4Chapter4
Chapter4
aumtall
 
การเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บการเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บ
Khon Kaen University
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
M'Mod Ta Noy
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
M'Mod Ta Noy
 
ใบงานที่5
ใบงานที่5ใบงานที่5
ใบงานที่5
nichaphat22
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
pom_2555
 
นุ๊ก
นุ๊กนุ๊ก
นุ๊ก
sirinet
 
รออกแบบเว็บไซต์
รออกแบบเว็บไซต์รออกแบบเว็บไซต์
รออกแบบเว็บไซต์
sirinet
 

Similar to ใบความรู้ที่ 2 (20)

E book4
E book4E book4
E book4
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบ
 
Website
WebsiteWebsite
Website
 
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
 
อะไรคือโฮมเพจ
อะไรคือโฮมเพจอะไรคือโฮมเพจ
อะไรคือโฮมเพจ
 
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
 
ความรู้เบื้องต้นอินเตอร์เน็ต
ความรู้เบื้องต้นอินเตอร์เน็ตความรู้เบื้องต้นอินเตอร์เน็ต
ความรู้เบื้องต้นอินเตอร์เน็ต
 
กระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บกระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บ
 
1 html
1 html1 html
1 html
 
Chapter4
Chapter4Chapter4
Chapter4
 
การเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บการเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บ
 
เล่มเล็ก New
เล่มเล็ก Newเล่มเล็ก New
เล่มเล็ก New
 
E book2
E book2 E book2
E book2
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
 
ใบงานที่5
ใบงานที่5ใบงานที่5
ใบงานที่5
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
 
Search Engine
Search  EngineSearch  Engine
Search Engine
 
นุ๊ก
นุ๊กนุ๊ก
นุ๊ก
 
รออกแบบเว็บไซต์
รออกแบบเว็บไซต์รออกแบบเว็บไซต์
รออกแบบเว็บไซต์
 

ใบความรู้ที่ 2

  • 2. โฮมเพจ (Home Page) คือคาที่ใช้เรียกหน้าแรกของเวปไซต์ ซึ่งประกอบไปด้วยเมนู ต่างๆและเรื่องราวต่างๆมากมายคล้ายกับหน้าปกนิตยสาร บ้านเรา ดังนั้นหากเราออกแบบหน้าโฮมเพจให้สวยงามและ น่าสนใจ โอกาสที่ผู้ชมจะแวะเข้ามาเยี่ยมเยียนโฮมเพจของเรา ก็จะยิ่งมากตามไปด้วย
  • 3. เว็บเพจ (Web Page)  คือ คาที่ใช้เรียกหน้าเอกสารต่างๆ ที่อยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language) เปรียบเสมือน หน้ากระดาษแต่ละหน้าที่มีเรื่องราวต่างๆมากมายบรรจุอยู่ใน นิตรสาร แต่แตกต่างกันตรงที่มีการเชื่อมโยง (Link) ซึ่งเรา สามารถคลิกไปที่หน้าใดของโฮมเพจก็
  • 4. เว็บไซต์ (Web Site)  คือ คาที่ใช้เรียกกลุ่มของเว็บเพจ (ดังนั้นภายในเว็บไซต์จะ ประกอบไปด้วยโฮมเพจและเว็บเพจ) โดยเรามักใช้เรียกเว็บที่มี ขนาดใหญ่และมีการจดทะเบียนชื่อเว็บไซต์นั้นๆไว้แล้ว (Domain Name) เช่น http://www.facebook.com , http://www.sanook.com , http://www.yahoo.com เป็นต้น
  • 5. เราสามารถสร้างโฮมเพจด้วยวิธการอย่างไรบ้าง ี ในการสร้างโฮมเพจนั้นมีอยู่หลายวิธีด้วยกัน โดยแต่ละวิธีการก็ มีความยากง่ายแตกต่างกันไป สามารถแบ่งวิธีการสร้างโฮมเพจ ออกเป็น 3 วิธีใหญ่ๆ ดังนี้
  • 6. 1.สร้างโฮมเพจด้วยโปรแกรมของ Web Hosting คือเว็บไซต์ที่ทาหน้าที่ให้บริการจัดเก็บข้อมูล โดยบางเว็บไซต์นั้นมีการ ให้บริการสร้างโฮมเพจสาเร็จรูปให้แก่ผู้ที่ต้องการสร้างโฮมเพจแบบง่ายๆ โดยการคลิกเลือกรูปแบบของโฮมเพจจากรูปแบบที่ทางเว็บไซต์กาหนดให้ จากนั้นก็กรอกรายละเอียดต่างๆตามแบบฟอร์ม เพียงเท่านี้เราก็จะสามารถ สร้างโฮมเพจในรูปแบบง่ายๆได้ตามต้องการ แต่การสร้างโฮมเพจด้วย โปรแกรมของ Web Hosting นี้ ก็มีข้อเสีย คือ มีรูปแบบให้เลือกน้อยและ ไม่สามารถออกแบบลักษณะของโฮมเพจได้ตามต้องการ
  • 7. 2. ใช้โปรแกรมสาหรับสร้างเว็บไซต์ ปัจจุบันได้มีการพัฒนาโปรแกรมที่ใช้ในการสร้างเว็บไซต์กันอย่าง มากมาย เช่น FrontPage , GoLive และ HomeSite เป็นต้น แต่โปรแกรม สร้างเว็บไซต์ที่นิยมใช้กันมากที่สุด ก็คงจะหนีไม่พ้นโปรแกรม Dreamweaver Dreamweaver เป็นโปรแกรมที่ใช้งานง่ายและไม่จาเป็นต้องมี ความรู้ในเรื่องของภาษา HTML ถึงแม้วิธีการสร้างโฮมเพจนั้นอาจจะไม่ ง่ายดายเท่าการสร้างโฮมเพจด้วยเว็บ Hosting แต่เราก็จะสามารถออกแบบ ความสวยงามของโฮมเพจได้ตามต้องการ
  • 8. 3. การใช้ภาษา HTML และ JavaScript การสร้างโฮมเพจด้วยภาษา HTML และ JavaScript นั้นจะต้องใช้ ความสามารถและความชานาญในการเขียนโปรแกรมพอสมควร เนื่องจาก การสร้างโฮมเพจด้วยวิธีนี้ จะใช้วิธีการพิมพ์ข้อความที่เป็นคาสั่งลงไป จากนั้นโปรแกรมจะทาการแปลงข้อมูลให้กลายเป็นภาพหรือข้อความที่ ต้องการ โดยทั่วไปเรามักใช้ภาษา HTML และ JavaScript ในการตกแต่ง โฮมเพจ โดยตัวอย่างที่พบเห็นการใช้ภาษา HTML และ JavaScript ได้แก่ การกาหนดให้มีตัวหนังสือวิ่ง การเปลี่ยนแถบสีของ Scroll Bar เป็นต้น
  • 9. ใบงานที่ 2 คำชี้แจง ให้นักเรียนตอบคาถามต่อไปนี้ 1. เว็บเพจ คือ 2. โฮมเพจ คือ 3. ความแตกต่างระหว่างเว็บเพจและโฮมเพจ