01 แนะนำรายวิชา

พรี ะศลิ ป์ เอกฐนิ

คำอธิบำยรำยวชิ ำ รหัสวชิ ำ ว20244 กำรพฒั นำเวบ็ ไซต์
ศกึ ษาหลักการออกแบบ การสรา้ ง การตกแตง่ Web page การเลือกใช้

ทรพั ยากรทีเ่ หมาะสมในการสรา้ ง Web page การแทรกรูปภาพ การตกแตง่ ตัวอักษร
การสร้างเฟรม การสรา้ ง Link ในลักษณะตา่ งๆโดยใชโ้ ปรแกรมสาเร็จรปู

ปฏิบตั กิ ารสร้าง Web page อยา่ งงา่ ยตาจินตนาการ และความสนใจ อย่าง
สร้างสรรค์และมีจติ สานกึ เพอื่ ใหม้ ีความรู้และความเข้าใจในหลกั การออกแบบ การสร้าง
การตกแต่ง การเลือกใชท้ รัพยากร ทเ่ี หมาะสมในการสร้าง Web page และมีทักษะใน
การใช้โปรแกรมสาเร็จรปู ในการสรา้ ง Web page

ผลการเรียนรู้ทค่ี าดหวงั
1. บอกความหมายของเวบ็ ไซต์ได้
2. มคี วามรคู้ วามเข้าใจเกย่ี วกบั อนิ เตอร์เนต็ เวบ็ เพจ เวบ็ ไซต์ และภาษา HTML
3. มคี วามรู้ความเข้าใจเกย่ี วกบั โครงสรา้ งและการทางานของเวบ็ ไซต์
4. มคี วามร้คู วามเขา้ ใจเก่ยี วกบั กระบวนการพัฒนาเวบ็ ไซต์และหลักการออกแบบ
เว็บไซต์
5. มีความรคู้ วามสามารถในการใชโ้ ปรแกรมสาเรจ็ รูปสาหรับสร้างเว็บเพจ
6. สามารถอัพโหลดขอ้ มลู ลงบนเว็บไซตไ์ ด้
7. ส่งเสรมิ คุณธรรม จริยธรรม ค่านิยมท่ีดีในการใช้งานระบบเครอื ขา่ ยคอมพวิ เตอร์

โฮมเพจ (home page)
เวบ็ เพจ (web page)
เวบ็ ไซด์ (web site)
เวบ็ เบราวเ์ ซอร์ ( Web Browser)

เวบ็ เพจ (web page)

คอื หน้าเอกสารตา่ ง ๆ ทใี่ ชเ้ ผยแพรข่ ้อมลู ข่าวสาร ของบุคคล
องค์กร หรอื หนว่ ยงานตา่ ง ๆ ในเว็บไซด์ ท่อี ยใู่ นรูปแบบไฟล์ HTML
(Hyper Text Markup Language)

เวบ็ เพจ (web page)

โฮมเพจ (home page)

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

โฮมเพจ (home page)

เวบ็ ไซด์ (web site)

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

โฮมเพจ (home page)

เวบ็ ไซต์ (Web Site) โฮมเพจ (Home Page) เว็บเพจ (Web Page)

เปรียบเทียบได้กบั เปรียบเทียบได้กับ เปรียบเทียบได้กับ
หนงั สอื หน่ึงเล่ม หนำ้ ปกหนงั สอื หนำ้ ต่ำง ๆ ในหนังสอื

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

ในเว็บเพจนนั้ เอง ตารางข้อมูล เปน็ ตน้

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

Web browser คือซอฟตแ์ วร์หรือโปรแกรมคอมพวิ เตอร์ทใ่ี ช้ในการ
เขา้ ถึงขอ้ มลู เและติดต่อสือ่ สารกับระบบสารสนเทศท่อี ยูใ่ นรูปแบบของ
เวบ็ เพจ ซงึ่ อยบู่ นเครอื ขา่ ยคอมพวิ เตอรท์ ชี่ ่ือวา่ World Wide Web
(WWW)

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