เว็บเพจ (HTML)...

Preview:

Citation preview

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) คอ เครอง

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

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

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

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

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

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