2
1. การตั ้งสมมติฐาน 1. เว็บเพจ คือ เอกสารที่ใช้ในการเผยแพร ่ข้อมูล ประกอบด้วยข้อความเท่านั ้น 2. โครงสร้างพื ้นฐาน HTML มี 4 ส่วนหลัก 3. สามารถกําหนดตําแหน่งข้อมูลบนเว็บเพจ 4. สามารแสดงภาพบนเว็บโดยนามสกุลไฟล์ต้องเป็น .jpg เท่านั ้น 5. <embed> ใช้แสดงการทํางานของโปรแกรม plug- in 6. เว็บเซิร์ฟเวอร์ คือ เว็บไซต์หนึ ่งที่ทําหน้าที่เผยแพร เว็บเพจ 2. วางแผนรวบรวมข้อมูล 1. สอบถามข้อมูลจากบุคคล 2. ศึกษาค้นคว้าจากวารสาร 3. ศึกษาค้นคว้าจากหนังสือพิมพ์ 4. ศึกษาค้นคว้าจากหนังสือ 5. ศึกษาค้นคว้าจากอินเทอร์เน็ต 6. ศึกษาค้นคว้าจากสถานที่จริง 3. สรุปเรื่องที่ศึกษา 3.1 พื้นฐาน HTML และเว็บเพจ เว็บเพจ คือ เอกสารที่ใช้ในการเผยแพร ข้อมูลข่าวสารซึ ่งประกอบด้วยข้อความ ภาพ เสียง และภาพยนตร์ ผ่านทางเครือข่ายอินเทอร์เน็ต 3.2 เริ่มต้นสร้างเว็บเพจ โครงสร้างพื ้นฐาน HTML แบ่งออกเป็น 4 ส่วนหลัก <html>,<head>,<title>,<body> 3.3 การจัดวางเนื้อหาบนเว็บ โดยปกติเมื่อเราเขียนข้อมูลต่างๆใน Text Editor เมื่อนําไปแสดงผลที่เว็บเบราวเซอร์จะไมเหมือนกับรูปแบบที่เราเขียนใน Text Editor เพราะว่า การจัดรูปแบบเอกสารต้องใช้คําสั ่งภาษา HTML เพื่อ กําหนดให้เอกสารมีรูปแบบตามที่ต้องการเมื่อ แสดงผลในเว็บเบราวเซอร์ 3.4 แต่งเติมเว็บเพจด้วยกราฟิก ภาพกราฟิกมีรูปแบบการจัดหลายชนิด โดยแต่ละชนิดมีความแตกต่างกันในเรื่องขนาดไฟล์ทีใช้ในการเก็บภาพ และจํานวนสีที่แสดงได้ สําหรับ เว็บเพจนั ้นกราฟิกที่ใช้ในส ่วนใหญ่เป็นชนิด .gif , .jpg , .png 3.5 การดูหนังและเล่นเพลง <embed> ใช้แสดงการทํางานของ โปรแกรม plug-in โดยนําไปผนวกกับเอกสาร HTML 3.6 การอัพโหลดไฟล์สู ่เว็บไซต์ เว็บเซิร์ฟเวอร์ (Web Server) คือ เครื่อง คอมพิวเตอร์ที่ทําหน้าที่เผยแพร ่เว็บเพจ โดยการนํา เว็บเพจที่เราสร้างขึ ้นไปเว็บบนเซิร์ฟเวอร์ เพื่อนําไป เผยแพร่บนอินเทอร์เน็ตได้ เว็บไซต์ของโรงเรียนโนนสูงศรีธานี

เว็บเพจ (HTML) การสื่อสารและนำเสนอข้อมูล (IS-2)

Embed Size (px)

Citation preview

Page 1: เว็บเพจ (HTML) การสื่อสารและนำเสนอข้อมูล (IS-2)

1. การตงสมมตฐาน

1. เวบเพจ คอ เอกสารทใชในการเผยแพรขอมล

ประกอบดวยขอความเทานน

2. โครงสรางพนฐาน HTML ม 4 สวนหลก

3. สามารถกาหนดตาแหนงขอมลบนเวบเพจ

4. สามารแสดงภาพบนเวบโดยนามสกลไฟลตองเปน

.jpg เทานน

5. <embed> ใชแสดงการทางานของโปรแกรม plug-

in

6. เวบเซรฟเวอร คอ เวบไซตหนงททาหนาทเผยแพร

เวบเพจ

2. วางแผนรวบรวมขอมล

1. สอบถามขอมลจากบคคล

2. ศกษาคนควาจากวารสาร

3. ศกษาคนควาจากหนงสอพมพ

4. ศกษาคนควาจากหนงสอ

5. ศกษาคนควาจากอนเทอรเนต

6. ศกษาคนควาจากสถานทจรง

3. สรปเรองทศกษา

3.1 พนฐาน HTML และเวบเพจ

เวบเพจ คอ เอกสารทใชในการเผยแพร

ขอมลขาวสารซงประกอบดวยขอความ ภาพ เสยง

และภาพยนตร ผานทางเครอขายอนเทอรเนต

3.2 เรมตนสรางเวบเพจ

โครงสรางพนฐาน HTML แบงออกเปน 4

สวนหลก <html>,<head>,<title>,<body>

3.3 การจดวางเนอหาบนเวบ

โดยปกตเมอเราเขยนขอมลตางๆใน Text

Editor เมอนาไปแสดงผลทเวบเบราวเซอรจะไม

เหมอนกบรปแบบทเราเขยนใน Text Editor เพราะวา

การจดรปแบบเอกสารตองใชคาสงภาษา HTML เพอ

กาหนดใหเอกสารมรปแบบตามทตองการเมอ

แสดงผลในเวบเบราวเซอร

3.4 แตงเตมเวบเพจดวยกราฟก

ภาพกราฟกมรปแบบการจดหลายชนด

โดยแตละชนดมความแตกตางกนในเรองขนาดไฟลท

ใชในการเกบภาพ และจานวนสทแสดงได สาหรบ

เวบเพจนนกราฟกทใชในสวนใหญเปนชนด .gif ,

.jpg , .png

3.5 การดหนงและเลนเพลง

<embed> ใชแสดงการทางานของ

โปรแกรม plug-in โดยนาไปผนวกกบเอกสาร

HTML

3.6 การอพโหลดไฟลสเวบไซต

เวบเซรฟเวอร (Web Server) คอ เครอง

คอมพวเตอรททาหนาทเผยแพรเวบเพจ โดยการนา

เวบเพจทเราสรางขนไปเวบบนเซรฟเวอร เพอนาไป

เผยแพรบนอนเทอรเนตได

เวบไซตของโรงเรยนโนนสงศรธาน

Page 2: เว็บเพจ (HTML) การสื่อสารและนำเสนอข้อมูล (IS-2)

4. การตรวจสอบความร โดยอภปรายสมมตฐาน

4.1 สมมตฐานขอท 1 กลาววา เวบเพจ คอ เอกสารท

ใชในการเผยแพรขอมลประกอบดวยขอความเทานน

เมอสบคนขอมลพบวา ไมเปนไปตามสมมตฐาน

เพราะ สามารถเผยแพรขอความ ภาพ เสยงและ

ภาพยนตร

4.2 สมมตฐานขอท 2 กลาววา โครงสรางพนฐาน

HTML ม 4 สวนหลก

เมอสบคนขอมลพบวา เปนไปตามสมมตฐาน

4.3 สมมตฐานขอท 3 กลาววา สามารถกาหนด

ตาแหนงขอมลบนเวบเพจ

เมอสบคนขอมลพบวา เปนไปตามสมมตฐาน

4.4 สมมตฐานขอท 4 กลาววา สามารแสดงภาพบน

เวบโดยนามสกลไฟลตองเปน .jpg เทานน

เมอสบคนขอมลพบวา ไมเปนไปตามสมมตฐาน

เพราะสามารถแสดงภาพนอกจาก .jpg ได เชน .png ,

.gif เปนตน

4.5 สมมตฐานขอท 5 กลาววา <embed> ใชแสดงการ

ทางานของโปรแกรม plug-in

เมอสบคนขอมลพบวา เปนไปตามสมมตฐาน

4.6 สมมตฐานขอท 6 กลาววา เวบเซรฟเวอร คอ

เวบไซตหนงททาหนาทเผยแพรเวบเพจ

เมอสบคนขอมลพบวา ไมเปนไปตามสมมตฐาน

เพราะ เวบเซรฟเวอร คอ เครองคอมพวเตอรททา

หนาทเผยแพรเวบเพจ

5. ประโยชนทไดรบ

5.1 รหลกพนฐานในการสรางเวบเพจ (HTML)

5.2 รหลกในการออกแบบเวบเพจ การจดเนอหาบน

เวบ

5.3 รหลกการทาใหเกดเวบแตละเวบ

5.4 รหลกวธการอพโหลดเวบไซต

5.5 จากทไมรหลกการใสมลตมเดยในเวบเพจกทาให

มความรในสวนนขนมา

5.6 เขาใจในหลกการทางานของเวบเพจมากขน

5.7 เขาใจหลกการสรางเวบมากขนกวาเดม และชวย

ในการฝกเวบเพจไดมากยงขน

แหลงอางอง

1. http://sppkvp.blogspot.com

รายงานศกษาคนควาดวยตนเอง

เรอง เวบเพจ (HTML)

ผทศกษา

1. นางสาวมนสนนท จนทรกลาง เลขท 12

2. นางสาวอญชล โพธชย เลขท 18

ชนมธยมศกษาปท 5/1

ครผสอน

ครชยยนต ไมกลาง

เอกสารฉบบนเปนสวนหนงของการศกษา

รายวชา การสอสารและการนาเสนอขอมล

(Communication and Presentation : IS2)

รหสวชา I30202

ภาคเรยนท 2 ปการศกษา 2557

โรงเรยนโนนสงศรธาน อ.โนนสง จ.นครราชสมา